SlideShare a Scribd company logo
1 of 14
Introduction to Information Architecture in Web Design
Chris Farnum, Sr. Information Architect
LA2M – September 9, 2009
A Web site’s “Information Architecture” is the way it is
organized. Whether users are…
–looking for an answer
–finding something specific
–communicating
–being entertained
–completing a task
… the navigation, categories, links, and labels all contribute
to the user experience.
As an IA, I help make plans for Web sites that provide a
guide for designing and building them.
Definitions | What is IA? - Chris’ IA elevator pitch
Intro to IA - 2
Definitions | Information Environment
Business goals, brand,
strategy, technology,
politics, resources
Context
Content Users
Audience, tasks,
needs, info seeking
behavior, experience
Document types,
content objects,
volume, structure
Based on Rosenfeld and Morville – Information Architecture for the World Wide Web
Intro to IA - 3
IA
Definitions | The Information Architecture “Layer”
From The Elements of User
Experience by Jesse James Garret
IA is the layer
between
objectives and
page level
design
Intro to IA - 4
• Organization Systems How is content organized? By User Task,
Subject Category, Audience Type, Metaphor…
• Labeling Systems Links, buttons, labels, calls-to-action…
• Navigation Systems Sitewide navigation, local navigation, utility
navigation…
• Search Systems Site search interfaces, results pages, indexing…
• Thesauri, Controlled Vocabularies, and Metadata Systems of
terms used to organize and tag content
Elements of IA | What does the IA of a site include?
Intro to IA - 5
Based on Rosenfeld and Morville – Information Architecture for the World Wide Web
• Brand Sites
• E-commerce sites
• Product Selectors & Configurators
• Landing Pages
• E-mail Templates
• Rich Internet Applications
• Expandable Banner Ads
• Search Interfaces
• Extranets
• Intranets…
Types of Projects | What kinds need IA-thinking?
Intro to IA - 6
Customer Focus (good user exp. = good customer exp).
Cost of finding (customer service, time, clicks, precision).
Cost of not finding (lost visitors, lost sales, frustration).
Cost of development (time, budget, staff, scalability).
Measuring:
Web and Search Analytics, Usability Testing, Surveys, ROI
Value | Why is IA important in Web marketing?
Intro to IA - 7
Based on Rosenfeld and Morville – Information Architecture for the World Wide Web
IA Techniques | Blueprint or High Level IA
IA Techniques | Wireframe
Intro to IA - 9
IA Techniques | More…
Prototyping Create a paper prototype or a rough click-able
prototype to demonstrate to the internal team and for user testing.
User Research & Testing Find out how your users think and what
they need. See how they accomplish key tasks (or not).
Personas Describe your most important types of users and their
common tasks.
Functional Specifications Document user interface requirements
for the site including page types, page components, forms,
navigation…
Intro to IA - 10
IA Best Practices | A Few Key Concepts
Reusable Components Consistent page types and components
make the interface easier to use AND easier to develop.
Top Down vs. Bottom Up Good designs consider both the high
level view and from the most granular view of your content.
Don’t Let Users Feel Lost Site navigation should provide a
sense of where you are and where you can go (a la Instone’s
Navigation Stress Test).
Intro to IA - 11
Information Architect
Interaction Designer
User Experience Designer
Usability Specialist
Content Strategist
Business Analyst
Web Master
Product Manager
_____________ (insert title
here)
Job Titles | Do you need to be an IA to do IA?
something you do
vs.
something you are
Intro to IA - 12
Sources | Where Do I Learn How to Do IA?
Library Science
Human Computer
Interaction (HCI)
Project Experience
Information Architecture Institute (prof. group)
ASIST SIG-IA (prof. group)
The Information
Architecture Summit
IDEA Conference
boxesandarrows.com
Books
Rosenfeld & Morville,
Wodkte, JJ Garrett…
Intro to IA - 13
In closing…
Questions and Comments?
Download
This presentation is available online via Slideshare:
http://www.slideshare.net/ChrisFarnum
Contact
Chris Farnum
Senior Information Architect
User Experience Consultant
___________ (insert title here)
Intro to IA - 14
crfarnum@yahoo.com
cfarnum@proquest.com
http://www.linkedin.com/in/crfarnum
http://twitter.com/crfarnum

More Related Content

Similar to Information Architecture by Chris Farnum - LA2M 9/9/09

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
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for DrupalVanessa Turke
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerAdam Polansky
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information ArchitecturePatrick Kennedy
 
Design Documentation
Design DocumentationDesign Documentation
Design DocumentationPeter Boersma
 
Developing an information architecture
Developing an information architectureDeveloping an information architecture
Developing an information architectureAdityasaini73
 
Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)Sara Durning, MDes
 
Requirements Definitions Of The Geospatial Web Oct27 V1 Mm
Requirements Definitions Of The Geospatial Web Oct27 V1 MmRequirements Definitions Of The Geospatial Web Oct27 V1 Mm
Requirements Definitions Of The Geospatial Web Oct27 V1 MmMichael Maclennan
 
User experience design overview for Tufts' School of Medicine web health comm...
User experience design overview for Tufts' School of Medicine web health comm...User experience design overview for Tufts' School of Medicine web health comm...
User experience design overview for Tufts' School of Medicine web health comm...Tania Schlatter
 
The Essentials of Website Development.docx
The Essentials of Website Development.docxThe Essentials of Website Development.docx
The Essentials of Website Development.docxZinavo Pvt Ltd
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design LabiFactory
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentationflashbender
 
Moira2016_short_resumetext
Moira2016_short_resumetextMoira2016_short_resumetext
Moira2016_short_resumetextMoira Ashleigh
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information ArchitectureTejinder Singh
 
Building a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development WebsiteBuilding a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development WebsiteAtlas Integrated
 

Similar to Information Architecture by Chris Farnum - LA2M 9/9/09 (20)

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
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for Drupal
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designer
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
IA Sprint for EIA
IA Sprint for EIAIA Sprint for EIA
IA Sprint for EIA
 
Intro To Ia
Intro To IaIntro To Ia
Intro To Ia
 
Information Architect
Information ArchitectInformation Architect
Information Architect
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information Architecture
 
Design Documentation
Design DocumentationDesign Documentation
Design Documentation
 
Developing an information architecture
Developing an information architectureDeveloping an information architecture
Developing an information architecture
 
Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)
 
Requirements Definitions Of The Geospatial Web Oct27 V1 Mm
Requirements Definitions Of The Geospatial Web Oct27 V1 MmRequirements Definitions Of The Geospatial Web Oct27 V1 Mm
Requirements Definitions Of The Geospatial Web Oct27 V1 Mm
 
User experience design overview for Tufts' School of Medicine web health comm...
User experience design overview for Tufts' School of Medicine web health comm...User experience design overview for Tufts' School of Medicine web health comm...
User experience design overview for Tufts' School of Medicine web health comm...
 
Usability 101
Usability 101Usability 101
Usability 101
 
The Essentials of Website Development.docx
The Essentials of Website Development.docxThe Essentials of Website Development.docx
The Essentials of Website Development.docx
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentation
 
Moira2016_short_resumetext
Moira2016_short_resumetextMoira2016_short_resumetext
Moira2016_short_resumetext
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
 
Building a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development WebsiteBuilding a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development Website
 

More from Lunch Ann Arbor Marketing

The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15
The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15
The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15Lunch Ann Arbor Marketing
 
The Blurring of Online and Offline Worlds - Dave Linabury
The Blurring of Online and Offline Worlds - Dave LinaburyThe Blurring of Online and Offline Worlds - Dave Linabury
The Blurring of Online and Offline Worlds - Dave LinaburyLunch Ann Arbor Marketing
 
Mobile Apps From Idea to App Store - A Marketer's Perspective
Mobile Apps From Idea to App Store - A Marketer's PerspectiveMobile Apps From Idea to App Store - A Marketer's Perspective
Mobile Apps From Idea to App Store - A Marketer's PerspectiveLunch Ann Arbor Marketing
 

More from Lunch Ann Arbor Marketing (20)

The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15
The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15
The Influence of Color: Using Color to Inspire Consumers - Ann Hanson- 3/11/15
 
Making the Ask
Making the AskMaking the Ask
Making the Ask
 
Making the Ask
Making the AskMaking the Ask
Making the Ask
 
Turning Likes into Customers
Turning Likes into CustomersTurning Likes into Customers
Turning Likes into Customers
 
LA2M plan4success_june 2012 final
LA2M plan4success_june 2012 finalLA2M plan4success_june 2012 final
LA2M plan4success_june 2012 final
 
The war for the living room
The war for the living roomThe war for the living room
The war for the living room
 
La2 m google for nonprofits 3.21.12
La2 m  google for nonprofits 3.21.12La2 m  google for nonprofits 3.21.12
La2 m google for nonprofits 3.21.12
 
Your customers are crazy
Your customers are crazyYour customers are crazy
Your customers are crazy
 
Wbg ideal customer_presentation_la2_m
Wbg ideal customer_presentation_la2_mWbg ideal customer_presentation_la2_m
Wbg ideal customer_presentation_la2_m
 
No Slides for this Talk
No Slides for this TalkNo Slides for this Talk
No Slides for this Talk
 
Facebook SEO
Facebook SEOFacebook SEO
Facebook SEO
 
The Blurring of Online and Offline Worlds - Dave Linabury
The Blurring of Online and Offline Worlds - Dave LinaburyThe Blurring of Online and Offline Worlds - Dave Linabury
The Blurring of Online and Offline Worlds - Dave Linabury
 
Kondek la2 m_041311
Kondek la2 m_041311Kondek la2 m_041311
Kondek la2 m_041311
 
Kondek la2 m_041311
Kondek la2 m_041311Kondek la2 m_041311
Kondek la2 m_041311
 
Intro to mobile technology
Intro to mobile technologyIntro to mobile technology
Intro to mobile technology
 
Intro to mobile technology
Intro to mobile technologyIntro to mobile technology
Intro to mobile technology
 
Building the Narrative
Building the NarrativeBuilding the Narrative
Building the Narrative
 
The Power of eMail Marketing for LA2M
The Power of eMail Marketing for LA2MThe Power of eMail Marketing for LA2M
The Power of eMail Marketing for LA2M
 
Mobile Apps From Idea to App Store - A Marketer's Perspective
Mobile Apps From Idea to App Store - A Marketer's PerspectiveMobile Apps From Idea to App Store - A Marketer's Perspective
Mobile Apps From Idea to App Store - A Marketer's Perspective
 
Facebook Advertising
Facebook AdvertisingFacebook Advertising
Facebook Advertising
 

Recently uploaded

Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 

Recently uploaded (20)

Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 

Information Architecture by Chris Farnum - LA2M 9/9/09

  • 1. Introduction to Information Architecture in Web Design Chris Farnum, Sr. Information Architect LA2M – September 9, 2009
  • 2. A Web site’s “Information Architecture” is the way it is organized. Whether users are… –looking for an answer –finding something specific –communicating –being entertained –completing a task … the navigation, categories, links, and labels all contribute to the user experience. As an IA, I help make plans for Web sites that provide a guide for designing and building them. Definitions | What is IA? - Chris’ IA elevator pitch Intro to IA - 2
  • 3. Definitions | Information Environment Business goals, brand, strategy, technology, politics, resources Context Content Users Audience, tasks, needs, info seeking behavior, experience Document types, content objects, volume, structure Based on Rosenfeld and Morville – Information Architecture for the World Wide Web Intro to IA - 3 IA
  • 4. Definitions | The Information Architecture “Layer” From The Elements of User Experience by Jesse James Garret IA is the layer between objectives and page level design Intro to IA - 4
  • 5. • Organization Systems How is content organized? By User Task, Subject Category, Audience Type, Metaphor… • Labeling Systems Links, buttons, labels, calls-to-action… • Navigation Systems Sitewide navigation, local navigation, utility navigation… • Search Systems Site search interfaces, results pages, indexing… • Thesauri, Controlled Vocabularies, and Metadata Systems of terms used to organize and tag content Elements of IA | What does the IA of a site include? Intro to IA - 5 Based on Rosenfeld and Morville – Information Architecture for the World Wide Web
  • 6. • Brand Sites • E-commerce sites • Product Selectors & Configurators • Landing Pages • E-mail Templates • Rich Internet Applications • Expandable Banner Ads • Search Interfaces • Extranets • Intranets… Types of Projects | What kinds need IA-thinking? Intro to IA - 6
  • 7. Customer Focus (good user exp. = good customer exp). Cost of finding (customer service, time, clicks, precision). Cost of not finding (lost visitors, lost sales, frustration). Cost of development (time, budget, staff, scalability). Measuring: Web and Search Analytics, Usability Testing, Surveys, ROI Value | Why is IA important in Web marketing? Intro to IA - 7 Based on Rosenfeld and Morville – Information Architecture for the World Wide Web
  • 8. IA Techniques | Blueprint or High Level IA
  • 9. IA Techniques | Wireframe Intro to IA - 9
  • 10. IA Techniques | More… Prototyping Create a paper prototype or a rough click-able prototype to demonstrate to the internal team and for user testing. User Research & Testing Find out how your users think and what they need. See how they accomplish key tasks (or not). Personas Describe your most important types of users and their common tasks. Functional Specifications Document user interface requirements for the site including page types, page components, forms, navigation… Intro to IA - 10
  • 11. IA Best Practices | A Few Key Concepts Reusable Components Consistent page types and components make the interface easier to use AND easier to develop. Top Down vs. Bottom Up Good designs consider both the high level view and from the most granular view of your content. Don’t Let Users Feel Lost Site navigation should provide a sense of where you are and where you can go (a la Instone’s Navigation Stress Test). Intro to IA - 11
  • 12. Information Architect Interaction Designer User Experience Designer Usability Specialist Content Strategist Business Analyst Web Master Product Manager _____________ (insert title here) Job Titles | Do you need to be an IA to do IA? something you do vs. something you are Intro to IA - 12
  • 13. Sources | Where Do I Learn How to Do IA? Library Science Human Computer Interaction (HCI) Project Experience Information Architecture Institute (prof. group) ASIST SIG-IA (prof. group) The Information Architecture Summit IDEA Conference boxesandarrows.com Books Rosenfeld & Morville, Wodkte, JJ Garrett… Intro to IA - 13
  • 14. In closing… Questions and Comments? Download This presentation is available online via Slideshare: http://www.slideshare.net/ChrisFarnum Contact Chris Farnum Senior Information Architect User Experience Consultant ___________ (insert title here) Intro to IA - 14 crfarnum@yahoo.com cfarnum@proquest.com http://www.linkedin.com/in/crfarnum http://twitter.com/crfarnum