Introduction to Information Architecture in Web Design<br />Chris Farnum, Sr. Information Architect<br />LA2M – September ...
Definitions | What is IA? - Chris’ IA elevator pitch<br />A Web site’s “Information Architecture” is the way it is organiz...
Definitions | Information Environment<br />Business goals, brand, strategy, technology, politics, resources<br />Context<b...
Definitions | The Information Architecture “Layer”<br />IA is the layer between objectives and page level design<br />From...
Elements of IA | What does the IA of a site include?<br />Organization Systems How is content organized?  By User Task, Su...
Types of Projects | What kinds need IA-thinking?<br />Brand Sites<br />E-commerce sites<br />Product Selectors & Configura...
Value | Why is IA important in Web marketing?<br />Customer Focus(good user exp. = good customer exp).<br />Cost of findin...
IA Techniques | Blueprint or High Level IA<br />
IA Techniques | Wireframe<br />Intro to IA - 9<br />
IA Techniques | More…<br />Prototyping Create a paper prototype or a rough click-able prototype to demonstrate to the inte...
IA Best Practices | A Few Key Concepts<br />Reusable Components Consistent page types and components make the interface ea...
Job Titles | Do you need to be an IA to do IA?<br />Information Architect<br />Interaction Designer<br />User Experience D...
Sources |  Where Do I Learn How to Do IA?<br />ASIST SIG-IA (prof. group)<br />Human Computer Interaction (HCI)<br />Proje...
In closing…<br />Questions and Comments?<br />Download<br />This presentation is available online via Slideshare:<br />htt...
Upcoming SlideShare
Loading in …5
×

Intro to Information Architecture for Web Sites

3,068 views

Published on

A presentation for the LA2M lunch group, Sept 9th, 2009. Ann Arbor, MI.

Chris Farnum will lead a discussion about Information Architecture - what IA is and how it contributes to the process of creating great user experiences. He’ll talk about some of the basics including site organization, labels, taxonomies, and navigation. We’ll also consider how IA relates to online marketing and recent trends.

Published in: Technology, Education

Intro to Information Architecture for Web Sites

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

×