SlideShare uma empresa Scribd logo
1 de 20
Today’s objectives:
1. Explain the 3 questions that navigation must answer at
all times
2. Apply the 3 questions to critique existing interfaces
3. Define “Information Architecture” (IA)
4. Recognize and create IAs using different organization
logics (task-based, audience-based, topical, life-event,
etc.)
5. Solve IA problems using card sorting
Main points
 What is IA?
 How do you represent IA in documents?
 Card sorting
 Topology: Breadth vs. Depth
 Organization logics: task-based, user type, topical, org.
structure, life event, implementation
from BGW 5
http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
Information Architecture
http://webstyleguide.com/wsg3/3-information-architecture/4-presenting-information.html
Information Architecture
File naming > URL design!
http://www.slideshare.net/deanna.marbeck/url-design-for-
information-architects-presentation
Why does information
architecture matter?
*
Organize
available information to
support
the user’s tasks.
How people navigate
 Optimal rationality  Satisficing
(Information
Foraging Theory)
How people navigate
Benefit
Cost
Navigation costs
 Scanning page
 Reading links / menus
 Finding / Deciding where to click
 Waiting for page to load
 Clicking through to find desired page
How can you
minimize them?
Broad Structure
Deep Structure
Breadth & Depth
Design Recommendations
 Magic number 7 ± 2 ????
 Recommended depth: 3 levels
 Recommended breadth: 16 options
Organization Logics
 Semantics (conceptual)
 Task-based
 Audience-based (user type)
 Organization-based
 Life event
 Implementation
 See also
http://wd.onepotcooking.com/2010/02/13/information-
architecture-navigation/
NAVIGATION
Where am I?
Where have I been?
Where can I go?
NAVIGATION
Where am I?
Where have I been?
Where can I go?
Site
Page
Section
What...
NAVIGATION
Where am I?
Where have I been?
Where can I go?
Site
Page
Section
What...
Card Sorting
 Usability method for developing site
organization

Mais conteúdo relacionado

Destaque

Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and weaDr. V Vorvoreanu
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101Zhihua Dong
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lectureDr. V Vorvoreanu
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exerciseDr. V Vorvoreanu
 
Ngl14 workshop ossiannilsson_creelman_uhlin
Ngl14 workshop ossiannilsson_creelman_uhlinNgl14 workshop ossiannilsson_creelman_uhlin
Ngl14 workshop ossiannilsson_creelman_uhlinEbba Ossiannilsson
 
网络课程评价
网络课程评价网络课程评价
网络课程评价tianyalu
 
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнесаРИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнесаТарасов Константин
 
The Apple Home Computer
The Apple Home ComputerThe Apple Home Computer
The Apple Home ComputerKrazykid163
 
Useful JTBD seminar @ RF
Useful JTBD seminar @ RFUseful JTBD seminar @ RF
Useful JTBD seminar @ RFArtem Zhiganov
 

Destaque (20)

Usability reporting
Usability reportingUsability reporting
Usability reporting
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel ux
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and wea
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101
 
Controls
ControlsControls
Controls
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lecture
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exercise
 
Gestalt examples
Gestalt examplesGestalt examples
Gestalt examples
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt Psychology
 
Ngl14 workshop ossiannilsson_creelman_uhlin
Ngl14 workshop ossiannilsson_creelman_uhlinNgl14 workshop ossiannilsson_creelman_uhlin
Ngl14 workshop ossiannilsson_creelman_uhlin
 
网络课程评价
网络课程评价网络课程评价
网络课程评价
 
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнесаРИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
РИФ 2016, Рейтинг Mail.ru - аналитический сервис для вашего бизнеса
 
Stlm balticsummit2011
Stlm balticsummit2011Stlm balticsummit2011
Stlm balticsummit2011
 
Ossiannilsson efquel2011
Ossiannilsson efquel2011Ossiannilsson efquel2011
Ossiannilsson efquel2011
 
The Apple Home Computer
The Apple Home ComputerThe Apple Home Computer
The Apple Home Computer
 
Ossiannilsson eden2014
Ossiannilsson eden2014Ossiannilsson eden2014
Ossiannilsson eden2014
 
Ossiannilsson tiim2011
Ossiannilsson tiim2011Ossiannilsson tiim2011
Ossiannilsson tiim2011
 
Piranhas
PiranhasPiranhas
Piranhas
 
Useful JTBD seminar @ RF
Useful JTBD seminar @ RFUseful JTBD seminar @ RF
Useful JTBD seminar @ RF
 

Semelhante a 11 info architecture-2014

Information Architecture Development
Information Architecture DevelopmentInformation Architecture Development
Information Architecture DevelopmentAchmad Solichin
 
Information Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderInformation Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderBusinessOnline
 
Information Architecture: Putting the "I" back in IT
Information Architecture:  Putting the "I" back in ITInformation Architecture:  Putting the "I" back in IT
Information Architecture: Putting the "I" back in ITLouis Rosenfeld
 
Structuring Serendipitous Collaboration
Structuring Serendipitous CollaborationStructuring Serendipitous Collaboration
Structuring Serendipitous CollaborationNick Inglis
 
Long Live Information Architecture
Long Live Information ArchitectureLong Live Information Architecture
Long Live Information ArchitectureDarren Hood, MSUXD
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information ArchitectureTejinder Singh
 
Extending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft TeamsExtending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft TeamsChristian Buckley
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-finalHallie Wilfert
 
A Study of Pattern Analysis Techniques of Web Usage
A Study of Pattern Analysis Techniques of Web UsageA Study of Pattern Analysis Techniques of Web Usage
A Study of Pattern Analysis Techniques of Web Usageijbuiiir1
 
Why Information Architecture is Vital for Office 365 Adoption and Governance ...
Why Information Architecture is Vital for Office 365 Adoption and Governance ...Why Information Architecture is Vital for Office 365 Adoption and Governance ...
Why Information Architecture is Vital for Office 365 Adoption and Governance ...J. Kevin Parker, CIP
 
Term Paper VirtualizationDue Week 10 and worth 210 pointsThis.docx
Term Paper VirtualizationDue Week 10 and worth 210 pointsThis.docxTerm Paper VirtualizationDue Week 10 and worth 210 pointsThis.docx
Term Paper VirtualizationDue Week 10 and worth 210 pointsThis.docxmattinsonjanel
 
Intro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesIntro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesChris Farnum
 
Deploying Viva Topics
Deploying Viva TopicsDeploying Viva Topics
Deploying Viva TopicsDrew Madelung
 
Falling in and out and in love with Information Architecture
Falling in and out and in love with Information ArchitectureFalling in and out and in love with Information Architecture
Falling in and out and in love with Information ArchitectureLouis Rosenfeld
 

Semelhante a 11 info architecture-2014 (20)

11 info architecture
11 info architecture11 info architecture
11 info architecture
 
11 info architecture
11 info architecture11 info architecture
11 info architecture
 
Information Architecture Development
Information Architecture DevelopmentInformation Architecture Development
Information Architecture Development
 
Information Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderInformation Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in Order
 
Intro To Ia
Intro To IaIntro To Ia
Intro To Ia
 
Information Architecture: Putting the "I" back in IT
Information Architecture:  Putting the "I" back in ITInformation Architecture:  Putting the "I" back in IT
Information Architecture: Putting the "I" back in IT
 
Structuring Serendipitous Collaboration
Structuring Serendipitous CollaborationStructuring Serendipitous Collaboration
Structuring Serendipitous Collaboration
 
Long Live Information Architecture
Long Live Information ArchitectureLong Live Information Architecture
Long Live Information Architecture
 
IA
IAIA
IA
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
 
Ia Toolkit
Ia ToolkitIa Toolkit
Ia Toolkit
 
Extending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft TeamsExtending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft Teams
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final
 
A Study of Pattern Analysis Techniques of Web Usage
A Study of Pattern Analysis Techniques of Web UsageA Study of Pattern Analysis Techniques of Web Usage
A Study of Pattern Analysis Techniques of Web Usage
 
Why Information Architecture is Vital for Office 365 Adoption and Governance ...
Why Information Architecture is Vital for Office 365 Adoption and Governance ...Why Information Architecture is Vital for Office 365 Adoption and Governance ...
Why Information Architecture is Vital for Office 365 Adoption and Governance ...
 
Term Paper VirtualizationDue Week 10 and worth 210 pointsThis.docx
Term Paper VirtualizationDue Week 10 and worth 210 pointsThis.docxTerm Paper VirtualizationDue Week 10 and worth 210 pointsThis.docx
Term Paper VirtualizationDue Week 10 and worth 210 pointsThis.docx
 
Intro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesIntro to Information Architecture for Web Sites
Intro to Information Architecture for Web Sites
 
Ch03
Ch03Ch03
Ch03
 
Deploying Viva Topics
Deploying Viva TopicsDeploying Viva Topics
Deploying Viva Topics
 
Falling in and out and in love with Information Architecture
Falling in and out and in love with Information ArchitectureFalling in and out and in love with Information Architecture
Falling in and out and in love with Information Architecture
 

Mais de Dr. V Vorvoreanu

DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX introDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
 
User research independent study
User research independent studyUser research independent study
User research independent studyDr. V Vorvoreanu
 
Final presentations guidelines cgt512
Final presentations guidelines cgt512 Final presentations guidelines cgt512
Final presentations guidelines cgt512 Dr. V Vorvoreanu
 

Mais de Dr. V Vorvoreanu (19)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Personas scenarios
Personas scenariosPersonas scenarios
Personas scenarios
 
User research independent study
User research independent studyUser research independent study
User research independent study
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
01 welcome
01 welcome01 welcome
01 welcome
 
Final presentations guidelines cgt512
Final presentations guidelines cgt512 Final presentations guidelines cgt512
Final presentations guidelines cgt512
 

11 info architecture-2014