1 / 7

Site Mapping Techniques for Improved Usability

Learn about visual mapping techniques for creating effective site maps and organizing complex data structures. Includes a practical assignment and reading resources.

berga
Download Presentation

Site Mapping Techniques for Improved Usability

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 7B

  2. :: Calendar

  3. :: Example • We will take a quick look at a few site map examples that I brought in.

  4. :: 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.

  5. :: 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/

  6. :: 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/

More Related