The document discusses organizational metaphors and information architecture for websites. It contrasts functional metaphors, which relate website tasks to real-world tasks, and visual metaphors, which use common graphic elements. It also outlines steps to create a site structure listing and architectural blueprints to visually map the organization and relationships between site elements. This helps define global and local navigation schemes.

1. LESSON 4: Information Architecture Tutorial By Group 4

7. Organizational Metaphors:

8. Functional vs Visual Metaphors

9. 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

10. 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.

11. 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.

12. Design Document

13. 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.

14. Defining Navigations

17. Design Document

18. 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

19. Design Document Architectural Blueprints Global and Local Navigation Schemes -Nav Bar -Global and Local Schemes

20. Shelly Chen Samuel Cua Stephanie Lopez Manal Bejaoui Skye Miller Chris Mitchell Source: http://www.webmonkey.com/2010/02/Information_Architecture_Tutorial_-_Lesson_4