Example Flash files for class

Here are some examples of basic flash we'll be discussing in class tomorrow.

http://www.expedition001.com/webdesign/flash/badresume.fla
http://expedition001.com/webdesign/flash/text.zip

Style Guide examples

Here is a link to the Style Guide we created in class today.
http://www.expedition001.com/webdesign/Style_Guide_Example_0421.pdf

Here is the Aveda Style Guide example:
http://www.expedition001.com/webdesign/March_10_Exercise/AVEDA_styleguide.pdf


Here is the shorter Style Guide for an online application we went over in Class:
http://www.expedition001.com/webdesign/smd_styleguide.pdf

Also, here is another Style Guide example from a recent project I worked on:
http://www.expedition001.com/webdesign/CV_StyleGuide.pdf

I am pushing back the deadline for when the Style Guide is due to May 5th to give you more time. However, for those of you who are far enough along in your designs that you can start on the style guide, please feel free to hand it in earlier on April 28th.

Hope all of this helps,
Anne

Design Coding Pointers

Heres some pointers when your designing your page

I came from Fine Art background and my design classes had the same concepts however they encouraged a different style.

I found this site useful.

http://www.poynterextra.org/eyetrack2004/main.htm

Display Resolution Statistics

http://www.w3schools.com/browsers/browsers_display.asp

Files for today's class exercise

Here are 3 files to download for our class today.

http://expedition001.com/webdesign/IA/Aveda_IA.pdf

http://expedition001.com/webdesign/March_10_Exercise/AVEDA_styleguide.pdf

http://expedition001.com/webdesign/March_10_Exercise/images.zip

Wireframes from our class on 2/24

Here you can download the two wireframes we developed in class last time.

http://expedition001.com/webdesign/IA/home_wireframe.jpg

http://expedition001.com/webdesign/IA/CD_wireframe.jpg

Also, the site I mentioned in class for grabbing "greek" text as they call it (meaning place holder text until it is written) is here:
http://www.lipsum.com

Sitemap - Janaina Oliveira

Copy of our guest Perry Chan's presentation from Feb. 10th

Here is a copy of the presentation Perry Chan who was a guest in our class on Feb. 10th walked us through.

http://www.expedition001.com/webdesign/interface_workshop_slides.pdf

Sitemap for Speakaboos.com site we created in class

Here is the sitemap we created in class today, just click on the link to download it.

http://www.expedition001.com/webdesign/IA/speakaboos_current_sitemap.pdf

Notes from class today

Here is the list of notes I took when we were creating the current site map for the Speakaboos.com site in class. These are the types of issues you should be thinking about when creating your sitemap.

Potential changes:

Sound on/off icon or link
Home button more obvious
get rid of coming soon sections if the site is up for more than a few months
no visual indication of where I am in the navigation
better categorization and naming based on the types of content found in the section
Buy track button forces user to log in (might lose people here)
No need for category sorting on story pages since we will create a visual way of identifying where the user is
Is sorting by album necessary if you already know you're in the Arthur section

A few more sitemap and wireframe examples

Here are a few more links to sitemap and wireframe examples we will discuss in class on Feb. 17th.

http://www.expedition001.com/webdesign/IA/McKinsey_schematics.pdf
http://www.expedition001.com/webdesign/IA/A&E_Sopranos_Games_IA.pdf
http://www.expedition001.com/webdesign/IA/Aveda_IA.pdf

A few more photos from last class

Here are a few more photos that Perry took last class.

More pics from last week

I just posted a few of the photos from our work session last week in class.

Pics from our workshop last class

Bring drafts of your Sitemap to class tomorrow

Hey,

Please bring a draft of you sitemaps to class tomorrow so we can discuss your progress so far together as a group. It would be great if you can have hard copies that we can post on the wall and critique as a group. If you can't get it printed then bring it so you can show it on the computer.

Also, just a reminder that your schedules are due tomorrow as well.

Happy President's Day

Reminder to send your assignments to me digitally

Hey,

Most of you turned in your hard copy of the assignment, which was due today. However, only 7 of you sent me digital copies. If you turned in your assignment in class its fine and its on time, but I'd like to keep digital copies of you assignments so that I can keep a copy even when I return your marked up copy back to you with feedback. This way I can keep track of your progress throughout the semester.

I'll post our guest lecturer Perry Chan's presentation to the class blog later this week along with photos from today's exercise.

Feel free to post any questions or issues you want to discuss to the blog, that is what its here for.

Links to sitemaps and wireframes

Here are the links to the documents we discussed in class today. Just click on the link to download the file.

http://expedition001.com/webdesign/IA/Final_Tempo_IA.pdf
http://expedition001.com/webdesign/IA/UN_sitemap.pdf
http://expedition001.com/webdesign/IA/UN_suggest_sitemap.pdf

Links to class hand outs

Here is the syllabus and term sheet we handed out in class last week, just click on the links to download:
http://www.expedition001.com/webdesign/FIT_syllabus.doc
http://www.expedition001.com/webdesign/Term_Sheet.doc

Here is a copy of the heuristic evaluation I showed in class:
http://www.expedition001.com/webdesign/analysis.pdf

I'll continue to post useful documents on the blog.

See you on Tuesday

Welcome to our class blog

Welcome to our class blog for Interface Design at FIT. Here we can continue discussions started in class, post links or images and I can place class materials here to download.