70 likes | 186 Views
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 7B. :: Calendar. :: Example. We will take a quick look at a few site map examples that I brought in. :: Today’s Agenda. Today is a full working day.
E N D
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 7B
:: Example • We will take a quick look at a few site map examples that I brought in.
:: Today’s Agenda • Today is a full working day. • I will be walking around to check-in on the status of your two site maps. • Some thoughts on the site map creation process: • Always sketch your site map on paper first (not on the computer). • Consider using index cards. • Consider different visual options. • Consider using Power Point for speed and ease. • If you are having trouble fitting everything onto one page, consider editing/limiting your site map to only a few levels of depth, or consider using 2 pages to show the full site • Consider adding a legend if your site map requires it. • Remember to not only post your two site maps on your class web page, but also bring in a printed version to our next class.
:: Assignment due :: 02.26.07 • Site Maps (2) • Purpose/Objective: • To holistically represent a multiple user experience in a visual format. • To organize complex data structures using various visual mapping techniques. • To conceptually consider the advantages and disadvantages of existing informational structures in order to make organizational changes for improved usability. • Assignment: Use Microsoft Power Point, Adobe Illustrator, or any other visual mapping program to create two site maps: • Current Site Map of the existing site in its present state • Revised Site Map based upon your personal observations and recommendations We will be hanging them up on the walls of our classroom for an in-class walking wall critique. • Format: Two formats are due! • Printed version: please print out your two site maps and bring them to class – we will have a wall critique. • Digital version: Microsoft Power Point document (.ppt). If you used another program, please save out the images and then paste them into a power point document to be posted onto your class web page. • Reading: Read the online article: A visual vocabulary for describing information architecture and interaction design by Jesse James Garrett • http://www.jjg.net/ia/visvocab/
:: Reading Assignment • Read the first part of Chapter 5 from Usability for the Web on information architecture: • Chapter 5: pgs. 120-155 • Read the online article: A visual vocabulary for describing information architecture and interaction design by Jesse James Garrett • http://www.jjg.net/ia/visvocab/