SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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
 

Dernier

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptxVanshNarang19
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
 

Dernier (20)

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
 

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