SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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
 

Mais de 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
 

Mais de 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
 

Último

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
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
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
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
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
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
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
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
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 

Último (20)

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
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
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
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
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
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)
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
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
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 

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