A Brief (and Practical) Introduction to Information Architecture Usability and Accessibility for the Web International Sem...
My path and biases
The “Polar Bear” book
Agenda:  emphasis on  practical <ul><li>Introduction to information architecture </li></ul><ul><li>How to think like an in...
Introduction:  IA in six slides
A definition and a diagram <ul><li>Definition:  the art and science of structuring, organizing and labeling information to...
Where we’re from/what we do: User-orientation <ul><ul><li>Usability testing </li></ul></ul><ul><ul><li>Contextual inquiry ...
Where we’re from/what we do: Content-orientation <ul><ul><li>Content inventory and analysis </li></ul></ul><ul><ul><li>Con...
Where we’re from/what we do: Context-orientation <ul><ul><li>Stakeholder interviews </li></ul></ul><ul><ul><li>Project pla...
What we do:  A series of balancing acts IAs improve knowledge of the former; neutral balancers Customers vs. business Tech...
Information architecture’s  single rule <ul><li>Pareto Principle  (“the 80/20 rule”) </li></ul><ul><li>Information archite...
Before we continue:  A question <ul><li>Aren’t usability and  information architecture  really just  the same thing? </li>...
CiteSeer:  Strong on findability, weak on usability
UseIt:  Strong on usability, weak on findability
IA for novices  and  veterans:  Start with Two Big Questions
My questions for you <ul><li>Who are your site’s major audiences? </li></ul><ul><li>What are each audience’s  primary info...
Q1:  Who are your site’s  major audiences?
Audience definition is  surprisingly difficult <ul><li>Too little data… or too much </li></ul><ul><ul><li>Who/what/where/w...
Q2:  What are their  major information needs?  Photos:  http://www.flickr.com/photos/alexin/
Information needs are common tasks and topics <ul><ul><li>Examples  </li></ul></ul><ul><ul><ul><li>How do I obtain a drive...
Uncovering information needs: Ask people who would know <ul><li>Webmasters and the “hate mail” they receive </li></ul><ul>...
Uncovering information needs: Analyze behavioral data <ul><li>Switchboard logs </li></ul><ul><li>Server logs (Web Analytic...
Big Answers for Big Questions
The end of redesigns <ul><li>Redesigns are  </li></ul><ul><ul><li>Expensive and wasteful </li></ul></ul><ul><ul><li>Cosmet...
Sample Method:  Search Analytics
Anatomy of a search log <ul><li>Google Search Appliance; critical elements in bold:  IP address ,  time/date stamp ,  quer...
The Pareto Principle in action Sorting queries by frequency results in a Zipf Distribution Can we improve performance for ...
What users want and when: Sorting and clustering queries
Diagnostics from search analytics:  What can you fix or improve? <ul><li>User research </li></ul><ul><li>Interface design:...
Best Bet search results:  Big answers for Big Questions <ul><li>Manually-assigned recommended links </li></ul><ul><ul><li>...
Best Bets example:  NCI
Best Bets also improve navigation <ul><li>Comprehensive A-Z site index automatically generated from best bet keywords </li...
Guides: Bigger answers to Big Questions <ul><li>Guides are single pages that contain </li></ul><ul><ul><li>A selective set...
Vanguard links to guides  on main page
Vanguard’s guide to its tax information
Guides are painless and efficient <ul><li>Low impact on IT (single HTML page) </li></ul><ul><li>Cut across departmental si...
Sample Design Approach:  Contextual Navigation
Contextual navigation: Focusing on  where  users are <ul><li>Contextual navigation supports users deep in site </li></ul><...
A common content model
Contextual navigation is  powered by  content models <ul><ul><li>“Data modeling for semi-structured content” </li></ul></u...
Hewlett-Packard content model for product information  <ul><ul><li>HP’s content model for  products  includes  overview, s...
BBC content model for music artist descriptions album reviews album pages artist bios discography concert calendar TV list...
Content modeling use metadata to connect content objects artist description artist description artist description artist b...
At last:  A little bit of inspiration
The past and future of IA… in logos time External IAs Internal IAs Senior information architect Director of User Experienc...
What I’ve covered <ul><li>Introduction to information architecture </li></ul><ul><li>How to think like an information arch...
How to reach me <ul><li>Louis Rosenfeld </li></ul><ul><li>705 Carroll Street, #2L </li></ul><ul><li>Brooklyn, NY  11215  U...
Upcoming SlideShare
Loading in …5
×

A Brief (and Practical) Introduction to Information Architecture

7,241 views
7,034 views

Published on

Keynote presentation by Louis Rosenfeld at the Usability and Accessibility for the Web International Seminar; 26 July 2007, Monterrey, Nuevo Leon, Mexico

Published in: Business, Technology
1 Comment
16 Likes
Statistics
Notes
No Downloads
Views
Total views
7,241
On SlideShare
0
From Embeds
0
Number of Embeds
147
Actions
Shares
0
Downloads
461
Comments
1
Likes
16
Embeds 0
No embeds

No notes for slide
  • A Brief (and Practical) Introduction to Information Architecture

    1. 1. A Brief (and Practical) Introduction to Information Architecture Usability and Accessibility for the Web International Seminar Monterrey, Nuevo Leon July 26, 2007 Louis Rosenfeld www.louisrosenfeld.com
    2. 2. My path and biases
    3. 3. The “Polar Bear” book
    4. 4. Agenda: emphasis on practical <ul><li>Introduction to information architecture </li></ul><ul><li>How to think like an information architect </li></ul><ul><li>Some practical advice on methods and design approaches </li></ul><ul><li>Where the field is going </li></ul><ul><li>Questions? Please write them down </li></ul>
    5. 5. Introduction: IA in six slides
    6. 6. A definition and a diagram <ul><li>Definition: the art and science of structuring, organizing and labeling information to help people find and manage information </li></ul><ul><li>Balances characteristics and needs of users, content and context </li></ul>
    7. 7. Where we’re from/what we do: User-orientation <ul><ul><li>Usability testing </li></ul></ul><ul><ul><li>Contextual inquiry </li></ul></ul><ul><ul><li>Card sorting </li></ul></ul><ul><ul><li>Persona and scenario development </li></ul></ul><ul><ul><li>Human Computer Interaction </li></ul></ul><ul><ul><li>Anthropology </li></ul></ul><ul><ul><li>Marketing </li></ul></ul><ul><ul><li>Sociology </li></ul></ul>Methods Disciplines
    8. 8. Where we’re from/what we do: Content-orientation <ul><ul><li>Content inventory and analysis </li></ul></ul><ul><ul><li>Content modeling </li></ul></ul><ul><ul><li>Metadata development </li></ul></ul><ul><ul><li>Server and search analytics </li></ul></ul><ul><ul><li>Librarianship </li></ul></ul><ul><ul><li>Technical communication </li></ul></ul><ul><ul><li>Graphic design </li></ul></ul><ul><ul><li>Journalism </li></ul></ul><ul><ul><li>Computer science </li></ul></ul>Methods Disciplines
    9. 9. Where we’re from/what we do: Context-orientation <ul><ul><li>Stakeholder interviews </li></ul></ul><ul><ul><li>Project planning </li></ul></ul><ul><ul><li>Specifications development </li></ul></ul><ul><ul><li>Management </li></ul></ul><ul><ul><li>Systems engineering </li></ul></ul><ul><ul><li>Organizational psychology </li></ul></ul>Methods Disciplines
    10. 10. What we do: A series of balancing acts IAs improve knowledge of the former; neutral balancers Customers vs. business Technology agnostics who go beyond tech requirements Build vs. buy IAs integrate both as part of broader info ecology Formal vs. emergent IAs develop balanced workflows and processes Centralization vs. autonomy IAs stronger in the latter, though data is ascendant Structured vs. semi-structured
    11. 11. Information architecture’s single rule <ul><li>Pareto Principle (“the 80/20 rule”) </li></ul><ul><li>Information architecture is all about prioritization: determine which 20% is most important (information needs, content, design) </li></ul><ul><li>There are no other rules, just guidelines </li></ul>
    12. 12. Before we continue: A question <ul><li>Aren’t usability and information architecture really just the same thing? </li></ul>
    13. 13. CiteSeer: Strong on findability, weak on usability
    14. 14. UseIt: Strong on usability, weak on findability
    15. 15. IA for novices and veterans: Start with Two Big Questions
    16. 16. My questions for you <ul><li>Who are your site’s major audiences? </li></ul><ul><li>What are each audience’s primary information needs (and how well are you addressing them)? </li></ul><ul><li>Are you confident in your answers? </li></ul>
    17. 17. Q1: Who are your site’s major audiences?
    18. 18. Audience definition is surprisingly difficult <ul><li>Too little data… or too much </li></ul><ul><ul><li>Who/what/where/why/when/how questions </li></ul></ul><ul><li>Political challenges </li></ul><ul><ul><li>Defining audience by silo leads to stakeholder infighting </li></ul></ul><ul><ul><li>Goal: err toward apolitical segmenting that cuts across silos; examples: </li></ul></ul><ul><ul><ul><li>Job functions (admin, clerical, research, mgmt) </li></ul></ul></ul><ul><ul><ul><li>Demographics </li></ul></ul></ul>
    19. 19. Q2: What are their major information needs? Photos: http://www.flickr.com/photos/alexin/
    20. 20. Information needs are common tasks and topics <ul><ul><li>Examples </li></ul></ul><ul><ul><ul><li>How do I obtain a driver’s license? </li></ul></ul></ul><ul><ul><ul><li>Are there scholarships available for my 18-year old son? </li></ul></ul></ul><ul><ul><ul><li>Who are my elected representatives? </li></ul></ul></ul><ul><ul><ul><li>Can the state government help me find investors? </li></ul></ul></ul>
    21. 21. Uncovering information needs: Ask people who would know <ul><li>Webmasters and the “hate mail” they receive </li></ul><ul><li>Switchboard operators and their FAQs (Frequently Asked Questions) </li></ul><ul><li>Subject Matter Experts and the people who bother them </li></ul><ul><li>Who else? </li></ul><ul><li>Avoid: focus groups </li></ul>
    22. 22. Uncovering information needs: Analyze behavioral data <ul><li>Switchboard logs </li></ul><ul><li>Server logs (Web Analytics) </li></ul><ul><li>Search logs (Search Analytics) </li></ul><ul><li>Information and call center logs </li></ul><ul><li>Where else? </li></ul><ul><li>Grouping log data can help you (re)define audience segments </li></ul>
    23. 23. Big Answers for Big Questions
    24. 24. The end of redesigns <ul><li>Redesigns are </li></ul><ul><ul><li>Expensive and wasteful </li></ul></ul><ul><ul><li>Cosmetic </li></ul></ul><ul><ul><li>User-hostile </li></ul></ul><ul><ul><li>Pointless </li></ul></ul><ul><li>Instead, institute a process </li></ul><ul><ul><li>Ask and answer these Big Questions on a regular basis </li></ul></ul><ul><ul><li>Allows all aspects of IA and UX to become procedural and institutional </li></ul></ul>
    25. 25. Sample Method: Search Analytics
    26. 26. Anatomy of a search log <ul><li>Google Search Appliance; critical elements in bold: IP address , time/date stamp , query , and # of results: </li></ul><ul><li>XXX.XXX.X.104 - - [ 10/Jul/2006:10:25:46 -0800] &quot;GET /search?access=p&entqr=0&output=xml_no_dtd&sort=date%3AD%3AL%3Ad1&ud=1&site=AllSites&ie=UTF-8&client=www&oe=UTF-8&proxystylesheet=www&q= lincense+plate &ip=XXX.XXX.X.104 HTTP/1.1&quot; 200 971 0 0.02 </li></ul><ul><li>XXX.XXX.X.104 - - [ 10/Jul/2006:10:25:48 -0800] &quot;GET /search?access=p&entqr=0&output=xml_no_dtd&sort=date%3AD%3AL%3Ad1&ie=UTF-8&client=www&q= license+plate &ud=1&site=AllSites&spell=1&oe=UTF-8&proxystylesheet=www&ip=XXX.XXX.X.104 HTTP/1.1&quot; 200 8283 146 0.16 </li></ul><ul><li>XXX.XXX.XX.130 - - [ 10/Jul/2006:10:24:38 -0800] &quot;GET /search?access=p&entqr=0&output=xml_no_dtd&sort=date%3AD%3AL%3Ad1&ud=1&site=AllSites&ie=UTF-8&client=www&oe=UTF-8&proxystylesheet=www&q= regional+transportation+governance+commission &ip=XXX.XXX.X.130 HTTP/1.1&quot; 200 9718 62 0.17 </li></ul>Full legend and more examples here: http://www.rosenfeldmedia.com/books/searchanalytics/blog/log_sample_google_appliance/
    27. 27. The Pareto Principle in action Sorting queries by frequency results in a Zipf Distribution Can we improve performance for the most popular queries?
    28. 28. What users want and when: Sorting and clustering queries
    29. 29. Diagnostics from search analytics: What can you fix or improve? <ul><li>User research </li></ul><ul><li>Interface design: search entry interface, search results </li></ul><ul><li>Retrieval algorithm modification </li></ul><ul><li>Navigation design </li></ul><ul><li>Metadata development </li></ul><ul><li>Content development </li></ul>
    30. 30. Best Bet search results: Big answers for Big Questions <ul><li>Manually-assigned recommended links </li></ul><ul><ul><li>Ensure useful results for top search queries </li></ul></ul><ul><ul><li>Useful resources for each popular query are manually determined (guided by documented logic) </li></ul></ul><ul><ul><li>Useful resources manually linked to popular queries; automatically displayed in result page </li></ul></ul>
    31. 31. Best Bets example: NCI
    32. 32. Best Bets also improve navigation <ul><li>Comprehensive A-Z site index automatically generated from best bet keywords </li></ul>
    33. 33. Guides: Bigger answers to Big Questions <ul><li>Guides are single pages that contain </li></ul><ul><ul><li>A selective set (5-10) of important links related to a Big Question </li></ul></ul><ul><ul><li>Narrative text that explains the topic and what’s available to help with that topic </li></ul></ul><ul><li>Generally linked from the main page, but also used in more specific contexts </li></ul><ul><ul><li>Subsite main pages </li></ul></ul><ul><ul><li>Search results </li></ul></ul>
    34. 34. Vanguard links to guides on main page
    35. 35. Vanguard’s guide to its tax information
    36. 36. Guides are painless and efficient <ul><li>Low impact on IT (single HTML page) </li></ul><ul><li>Cut across departmental silos </li></ul><ul><li>Gap fillers; complement comprehensive methods of navigation and search </li></ul><ul><li>Can be timely (e.g., news-oriented guides, seasonal guides) </li></ul><ul><li>Minimize political headaches by creating new real estate </li></ul><ul><li>Can grow into fuller subsites </li></ul>
    37. 37. Sample Design Approach: Contextual Navigation
    38. 38. Contextual navigation: Focusing on where users are <ul><li>Contextual navigation supports users deep in site </li></ul><ul><ul><li>Where am I? </li></ul></ul><ul><ul><li>Where can I go from here? </li></ul></ul><ul><li>Critical in a Web 2.0 world </li></ul><ul><ul><li>Top layers of information systems are increasingly bypassed </li></ul></ul><ul><ul><ul><li>Search engines </li></ul></ul></ul><ul><ul><ul><li>Syndication (RSS, Atom) </li></ul></ul></ul><ul><ul><ul><li>Banner advertising </li></ul></ul></ul><ul><ul><li>Deep content becomes starting point </li></ul></ul>
    39. 39. A common content model
    40. 40. Contextual navigation is powered by content models <ul><ul><li>“Data modeling for semi-structured content” </li></ul></ul><ul><ul><li>Content modeling process helps narrow down both content and metadata choices </li></ul></ul><ul><ul><li>Content models consist of </li></ul></ul><ul><ul><ul><li>Content objects </li></ul></ul></ul><ul><ul><ul><li>Links between objects </li></ul></ul></ul><ul><ul><ul><li>Metadata </li></ul></ul></ul><ul><ul><li>Use sparingly to support high-value contextual navigation </li></ul></ul>
    41. 41. Hewlett-Packard content model for product information <ul><ul><li>HP’s content model for products includes overview, supplies, support, drivers… </li></ul></ul><ul><ul><li>Content model is exposed as part of search results to enhance navigation </li></ul></ul>
    42. 42. BBC content model for music artist descriptions album reviews album pages artist bios discography concert calendar TV listings
    43. 43. Content modeling use metadata to connect content objects artist description artist description artist description artist bio, discography, concert calendar, TV listing album review, artist description album page album review, discography, artist … link to other Content Objects… Artist Name , Channel, Date, Time… Artist Name , Tour, Venue, Date, Time… Artist Name , Individual Artist Name… Artist Name , Desc Author, Desc Date… Artist Name , Album Name , Release Date… Album Name , Artist Name , Review Author, Source, Pub Date… Album Name , Artist Name , Label, Release Date… … by leveraging common Metadata Attributes TV listing concert calendar artist bio artist description discography album review album page Content Objects…
    44. 44. At last: A little bit of inspiration
    45. 45. The past and future of IA… in logos time External IAs Internal IAs Senior information architect Director of User Experience Chief Experience Officer Chief Information Officer … CEO?
    46. 46. What I’ve covered <ul><li>Introduction to information architecture </li></ul><ul><li>How to think like an information architect </li></ul><ul><li>Some practical advice on methods and design approaches </li></ul><ul><li>Where the field is going </li></ul><ul><li>Now, about those questions… </li></ul>
    47. 47. How to reach me <ul><li>Louis Rosenfeld </li></ul><ul><li>705 Carroll Street, #2L </li></ul><ul><li>Brooklyn, NY 11215 USA </li></ul><ul><li>+1.718.306.9396 voice </li></ul><ul><li>+1.734.661.1655 fax </li></ul><ul><li>[email_address] </li></ul><ul><li>www.louisrosenfeld.com </li></ul><ul><li>www.rosenfeldmedia.com </li></ul>

    ×