Kapiolani Community College Art 155 Information Architecture Inclass

Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 6 B

Art 155 : : Information Architecture : : Week 6 : : B : : Calendar In-class Presentation

Art 155 : : Information Architecture : : Week 6 : : B : : Today’s Agenda § Brief Critique § To begin we will listen to Brain Mc. Quain and Brian Hogan’s client pitch presentations. § Lesson § Site maps § How to create a site map using several different techniques. In-class Presentation

Art 155 : : Information Architecture : : Week 6 : : B : : Example § ONLINE ARTICLE: A visual vocabulary for describing information architecture and interaction design § http: //www. jjg. net/ia/visvocab/ In-class Presentation

Art 155 : : Information Architecture : : Week 6 : : B : : Today’s Agenda § Site Maps § § Sketching on paper first. Different visual options. Using Power Point. One-on-One meetings: § I will walk around and check in with everyone to provide feedback and answer questions. In-class Presentation

Art 155 : : Information Architecture : : Week 6 : : B : : 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/ In-class Presentation

Art 155 : : Information Architecture : : Week 6 : : B : : 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/ In-class Presentation