Group 4 presentation_information_architectur
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Group 4 presentation_information_architectur

on

  • 223 views

 

Statistics

Views

Total Views
223
Views on SlideShare
223
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Group 4 presentation_information_architectur Presentation 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