On October 23rd, 2014, we updated our
By continuing to use LinkedIn’s SlideShare service, you agree to the revised terms, so please take a few minutes to review them.
Functional metaphors Functional metaphors relate tasks you can do on the site with tasks you can do in another environment. Photoshop, a graphics program, relies on a lot of functional metaphors:You can figuratively “cut,” “copy,” and “paste” graphics on a computer – as though you were using real-world scissors and glue. Cut Paste COPY
Visual metaphors Visual metaphors are based on common graphic elements familiar to most people in our culture. If you are designing a music site that allows users to play songs, you might want to use the traditional “start,” “stop,” and “pause” icons found on CD players everywhere.
Set it in Stone -Create a text-based, hierarchical map of the site called “site structure” listing. -The major sections you decided earlier are the “roots” of the site structure listing. Here's How: A) Fit them to your rationale or metaphor. B) Map out the organization of each section with items from content inventory. C) Indent lower levels and repeat the whole process a few times.
Architectural Blueprints -Visual representations of the site structure. -shows how elements of the site are grouped and how they link or relate to one another.
List of Navigations
List of links
Section of articles
Design Document Site Structure -Necessary for a website to function -Evolved and easy to use -Easier to define a navigation system -Designing page layouts and templates becomes easier -Metaphors Site Structure Listing
Design Document Architectural Blueprints Global and Local Navigation Schemes -Nav Bar -Global and Local Schemes
Shelly Chen Samuel Cua Stephanie Lopez Manal Bejaoui Skye Miller Chris Mitchell Source: http://www.webmonkey.com/2010/02/Information_Architecture_Tutorial_-_Lesson_4