Your SlideShare is downloading. ×
0
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Presentation 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Presentation 2

114

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
114
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. LESSON 4:  Information Architecture Tutorial  By Group 4
  • 2.  
  • 3.  
  • 4.  
  • 5.  
  • 6.  
  • 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
  • 15.  
  • 16.
    • List of Navigations
      • Global Navigations
        • Home page
        • About page
        • Contact page
        • Etc…
      • Local Navigations
        • List of links
        • Section of articles
        • Etc…
  • 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  

×