SlideShare ist ein Scribd-Unternehmen logo
1 von 20
LESSON 4:  Information Architecture Tutorial  By Group 4
 
 
 
 
 
Organizational Metaphors:
Functional vs Visual Metaphors
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.
Design Document
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.  
Defining Navigations
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design Document
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  

Weitere ähnliche Inhalte

Andere mochten auch

B spec-r0(thuyet minh chung)
B spec-r0(thuyet minh chung)B spec-r0(thuyet minh chung)
B spec-r0(thuyet minh chung)
levinx
 
Records Management Essentials
Records Management  EssentialsRecords Management  Essentials
Records Management Essentials
donaldwhite27
 
Draft 1_Media Handbook
Draft 1_Media HandbookDraft 1_Media Handbook
Draft 1_Media Handbook
Supan Wiboonma
 

Andere mochten auch (17)

Actividad 21
Actividad 21Actividad 21
Actividad 21
 
나노블럭으로 페어배우기
나노블럭으로 페어배우기나노블럭으로 페어배우기
나노블럭으로 페어배우기
 
E di stefano_des660_jrg_paper
E di stefano_des660_jrg_paperE di stefano_des660_jrg_paper
E di stefano_des660_jrg_paper
 
Rg
RgRg
Rg
 
Evaluation Question Four
Evaluation Question FourEvaluation Question Four
Evaluation Question Four
 
B spec-r0(thuyet minh chung)
B spec-r0(thuyet minh chung)B spec-r0(thuyet minh chung)
B spec-r0(thuyet minh chung)
 
Records Management Essentials
Records Management  EssentialsRecords Management  Essentials
Records Management Essentials
 
Draft 1_Media Handbook
Draft 1_Media HandbookDraft 1_Media Handbook
Draft 1_Media Handbook
 
Note on photography jz
Note on photography jzNote on photography jz
Note on photography jz
 
Posibles exam 3r
Posibles exam 3rPosibles exam 3r
Posibles exam 3r
 
Newspaper analysis 1
Newspaper analysis 1Newspaper analysis 1
Newspaper analysis 1
 
Marta bernal
Marta bernalMarta bernal
Marta bernal
 
STP and Community Recreation Facilities
STP and Community Recreation FacilitiesSTP and Community Recreation Facilities
STP and Community Recreation Facilities
 
Webinar: Increase research efficiency and enable collaboration with the IDBS ...
Webinar: Increase research efficiency and enable collaboration with the IDBS ...Webinar: Increase research efficiency and enable collaboration with the IDBS ...
Webinar: Increase research efficiency and enable collaboration with the IDBS ...
 
English speaking countries the united kingdom of great britain and northern i...
English speaking countries the united kingdom of great britain and northern i...English speaking countries the united kingdom of great britain and northern i...
English speaking countries the united kingdom of great britain and northern i...
 
Modelling Clustering of Wireless Sensor Networks with Synchronised Hyperedge ...
Modelling Clustering of Wireless Sensor Networks with Synchronised Hyperedge ...Modelling Clustering of Wireless Sensor Networks with Synchronised Hyperedge ...
Modelling Clustering of Wireless Sensor Networks with Synchronised Hyperedge ...
 
Rickys stuufffff
Rickys stuufffffRickys stuufffff
Rickys stuufffff
 

Ähnlich wie Presentation 2

Wireframing and design short course
Wireframing and design short courseWireframing and design short course
Wireframing and design short course
carishurd
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
nathanacurtis
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
butest
 
Design And Documentation
Design And DocumentationDesign And Documentation
Design And Documentation
Miles Price
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
Zoaib Mirza
 
Storyboarding and planning_your_website
Storyboarding and planning_your_websiteStoryboarding and planning_your_website
Storyboarding and planning_your_website
Dr. TJ Wolfe
 

Ähnlich wie Presentation 2 (20)

Wireframing and design short course
Wireframing and design short courseWireframing and design short course
Wireframing and design short course
 
Pres info architecture
Pres info architecturePres info architecture
Pres info architecture
 
Design systems - Razvan Rosu
Design systems - Razvan RosuDesign systems - Razvan Rosu
Design systems - Razvan Rosu
 
Web Design Phase
Web Design PhaseWeb Design Phase
Web Design Phase
 
How the BBC Make Web sites
How the BBC Make Web sitesHow the BBC Make Web sites
How the BBC Make Web sites
 
Stc 2015 preparing legacy projects for responsive design - design issues
Stc 2015   preparing legacy projects for responsive design - design issuesStc 2015   preparing legacy projects for responsive design - design issues
Stc 2015 preparing legacy projects for responsive design - design issues
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
 
Slides chapter 19
Slides chapter 19Slides chapter 19
Slides chapter 19
 
Visual identity brief
Visual identity briefVisual identity brief
Visual identity brief
 
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design ElementsIllusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
 
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy DewMake SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
 
Lesson 3 - IA for web
Lesson 3 - IA for webLesson 3 - IA for web
Lesson 3 - IA for web
 
Web development
Web developmentWeb development
Web development
 
Intro to web_design_notes jalen
Intro to web_design_notes  jalenIntro to web_design_notes  jalen
Intro to web_design_notes jalen
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
Design And Documentation
Design And DocumentationDesign And Documentation
Design And Documentation
 
Intranets & Digital Hubs With Microsoft 365: What You Need To Know
Intranets & Digital Hubs With Microsoft 365: What You Need To KnowIntranets & Digital Hubs With Microsoft 365: What You Need To Know
Intranets & Digital Hubs With Microsoft 365: What You Need To Know
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
How we make websites (IWMW2009)
How we make websites (IWMW2009)How we make websites (IWMW2009)
How we make websites (IWMW2009)
 
Storyboarding and planning_your_website
Storyboarding and planning_your_websiteStoryboarding and planning_your_website
Storyboarding and planning_your_website
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Kürzlich hochgeladen (20)

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 

Presentation 2

  • 1. LESSON 4:  Information Architecture Tutorial  By Group 4
  • 2.  
  • 3.  
  • 4.  
  • 5.  
  • 6.  
  • 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.
  • 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.  
  • 15.  
  • 16.
  • 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