Information architecture: A “how-to” Donna Maurer – Maadmob Interaction Design
About me <ul><li>Freelance information architect/interaction designer  </li></ul><ul><ul><li>I design structures & interfa...
About this talk <ul><li>How to work through an IA project </li></ul><ul><ul><li>Where the core is about organising content...
A project overview
User research
User research – tips <ul><li>Go to people, don’t have them come to you </li></ul><ul><li>Watch them </li></ul><ul><li>Talk...
User research methods <ul><li>Methods for collecting rich information  </li></ul><ul><ul><li>Interviews </li></ul></ul><ul...
Analyse user research
Think about information behaviours <ul><li>Information modes </li></ul><ul><ul><li>Known-item </li></ul></ul><ul><ul><li>E...
Card sorting <ul><li>A simple technique to learn about how people perceive content groups  </li></ul><ul><li>Content items...
Card sorting - planning <ul><li>Planning </li></ul><ul><ul><li>Participants - end users, in small groups or individually  ...
Card sorting - analysis
Content analysis
Content analysis <ul><li>Content analysis is the process of </li></ul><ul><ul><li>Understanding content by analysing it </...
Content analysis <ul><li>Think about </li></ul><ul><ul><li>format </li></ul></ul><ul><ul><li>document type (publications, ...
Designing information structure
Choose classification schemes <ul><li>Date  </li></ul><ul><li>Alphabetical  </li></ul><ul><li>Geography  </li></ul><ul><li...
Choose type of structure <ul><li>Hierarchy </li></ul><ul><li>Database </li></ul><ul><li>Faceted </li></ul><ul><li>Organic ...
 
Design conceptual structure
Design categories, groups or facets <ul><li>Input - user research, business goals, content analysis </li></ul><ul><li>Crea...
Design labels <ul><li>Labeling ideas:  </li></ul><ul><ul><li>User research </li></ul></ul><ul><ul><li>Card sorting </li></...
Characteristics of a good IA <ul><li>Balances business & user goals </li></ul><ul><li>Balances breadth & depth </li></ul><...
Design browsing structures & page layouts
Don't design in front of the computer!!!
Many browse methods
Design browsing structures <ul><li>Start at a content page, not the home page  </li></ul><ul><ul><li>The content page is t...
Good browsing structures <ul><li>Provides more than one method to get to content </li></ul><ul><ul><li>Main, supplemental,...
Link-rich pages
Document it
Site maps
Wireframes
Questions & thanks <ul><li>http://maadmob.net/ </li></ul><ul><li>0409-778-693 </li></ul><ul><li>[email_address] </li></ul>
Upcoming SlideShare
Loading in...5
×

Donna Maurer - Information architecture: a "how to"

3,235

Published on

There are 2 aspects to making IA work in a project - an understanding of the key principles of information architecture and a knowledge of activities to put them into practice. This presentation will examine the "how to’s" of information architecture. We’ll look at how to take a content inventory, analyse content, conduct card sorting, analyse user research, choose the right structure, create an information architecture and test it. These activities drive an informed design process so you can be confident in your decisions and communicate them to other people.

Published in: Economy & Finance, Education
2 Comments
24 Likes
Statistics
Notes
  • Impressive presentation of 'Donna Maurer - Information architecture: a 'how to''. You've shown your credibility on presentation with this slideshow. This one deserves thumbs up. I'm John, owner of www.freeringtones.ws/ . Hope to see more quality slides from you.

    Best wishes.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • As a management instructor I appreciate viewing the work of others. This is among the greatest display on planning I've viewed.
    Anisa
    http://financejedi.com http://healthjedi.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,235
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
2
Likes
24
Embeds 0
No embeds

No notes for slide
  • Proposal: There are 2 aspects to making IA work in a project - an understanding of the key principles of information architecture and a knowledge of activities to put them into practice. This presentation will examine the &amp;quot;how to’s&amp;quot; of information architecture. We’ll look at how to take a content inventory, analyse content, conduct card sorting, analyse user research, choose the right structure, create an information architecture and test it. These activities drive an informed design process so you can be confident in your decisions and communicate them to other people.
  • Donna Maurer - Information architecture: a "how to"

    1. 1. Information architecture: A “how-to” Donna Maurer – Maadmob Interaction Design
    2. 2. About me <ul><li>Freelance information architect/interaction designer </li></ul><ul><ul><li>I design structures & interfaces for complex informational & interactive systems </li></ul></ul><ul><ul><li>6+ years pro experience, as an innie, outie & freelancer </li></ul></ul><ul><ul><li>Designed business applications, websites, intranets </li></ul></ul><ul><li>Practice, teach and write about IA and IxD </li></ul><ul><li>Chair for next year's IA Summit </li></ul><ul><li>Board member for the Information Architecture Institute </li></ul><ul><li>Writing a book about card sorting - due Jan 2007 </li></ul>
    3. 3. About this talk <ul><li>How to work through an IA project </li></ul><ul><ul><li>Where the core is about organising content </li></ul></ul><ul><ul><li>So people can discover what they need </li></ul></ul><ul><li>How to think like an IA </li></ul><ul><li>References </li></ul><ul><ul><li>http://del.icio.us/donnam/IAworkshopNZ </li></ul></ul><ul><ul><li>Speaker notes on the slides </li></ul></ul><ul><ul><li>Some images have been removed, so the recording may sound strange in a couple of spots </li></ul></ul>
    4. 4. A project overview
    5. 5. User research
    6. 6. User research – tips <ul><li>Go to people, don’t have them come to you </li></ul><ul><li>Watch them </li></ul><ul><li>Talk to them </li></ul><ul><li>Audio-record sessions </li></ul><ul><li>Take good notes </li></ul><ul><li>Transcribe sessions </li></ul><ul><li>Use more than one method </li></ul>
    7. 7. User research methods <ul><li>Methods for collecting rich information </li></ul><ul><ul><li>Interviews </li></ul></ul><ul><ul><li>Card sorting </li></ul></ul><ul><ul><li>Contextual enquiry, observation, shadowing </li></ul></ul><ul><ul><li>Task analysis </li></ul></ul><ul><ul><li>Probes </li></ul></ul><ul><li>Methods for collecting a lot of information </li></ul><ul><ul><li>Surveys </li></ul></ul><ul><ul><li>Diary studies </li></ul></ul><ul><li>...and then there’s focus groups </li></ul>
    8. 8. Analyse user research
    9. 9. Think about information behaviours <ul><li>Information modes </li></ul><ul><ul><li>Known-item </li></ul></ul><ul><ul><li>Exploratory </li></ul></ul><ul><ul><li>Don’t know what you need to know </li></ul></ul><ul><ul><li>Refinding </li></ul></ul><ul><li>Information behaviours </li></ul><ul><ul><li>Reviewing summaries of items </li></ul></ul><ul><ul><li>Examining details </li></ul></ul><ul><ul><li>Comparing multiples </li></ul></ul><ul><ul><li>Understanding contexts and situations </li></ul></ul><ul><ul><li>Learning about people in the environment </li></ul></ul><ul><ul><li>Perceiving trends </li></ul></ul><ul><ul><li>Predicting implications </li></ul></ul><ul><ul><li>Monitoring status or activity </li></ul></ul><ul><ul><li>Identifying by criteria </li></ul></ul><ul><ul><li>Establishing similarity </li></ul></ul>
    10. 10. Card sorting <ul><li>A simple technique to learn about how people perceive content groups </li></ul><ul><li>Content items are written on index cards </li></ul><ul><li>People group the cards in ways that make sense for them </li></ul><ul><li>Results are used as an input into a new IA </li></ul>
    11. 11. Card sorting - planning <ul><li>Planning </li></ul><ul><ul><li>Participants - end users, in small groups or individually </li></ul></ul><ul><ul><li>Method - manual or tool-based </li></ul></ul><ul><ul><li>Place - for groups, room with a large table </li></ul></ul><ul><ul><li>Content - select items for the cards </li></ul></ul><ul><ul><li>Cards - create cards, assemble post-its and pens </li></ul></ul><ul><li>Content selection (the important but tricky part) </li></ul><ul><ul><li>Too granular and you may end up with too many cards </li></ul></ul><ul><ul><li>Too broad and you may lead the exercise too much </li></ul></ul><ul><ul><li>You do not have to do the whole site at once </li></ul></ul>
    12. 12. Card sorting - analysis
    13. 13. Content analysis
    14. 14. Content analysis <ul><li>Content analysis is the process of </li></ul><ul><ul><li>Understanding content by analysing it </li></ul></ul><ul><ul><li>Identifying patterns and content relationships </li></ul></ul><ul><ul><li>Focusing not on 'pages' but content elements </li></ul></ul><ul><li>Start with a content inventory or wishlist </li></ul>
    15. 15. Content analysis <ul><li>Think about </li></ul><ul><ul><li>format </li></ul></ul><ul><ul><li>document type (publications, reports, how to, 'stuff’) </li></ul></ul><ul><ul><li>topic </li></ul></ul><ul><ul><li>audience </li></ul></ul><ul><ul><li>source </li></ul></ul><ul><ul><li>structure </li></ul></ul><ul><ul><li>accuracy </li></ul></ul><ul><ul><li>page elements </li></ul></ul>
    16. 16. Designing information structure
    17. 17. Choose classification schemes <ul><li>Date </li></ul><ul><li>Alphabetical </li></ul><ul><li>Geography </li></ul><ul><li>Task </li></ul><ul><li>Audience </li></ul><ul><li>Tag-based </li></ul><ul><li>Topic </li></ul><ul><ul><li>formal, existing ones - dewey, LOC, commodity </li></ul></ul><ul><ul><li>informal, developed for the purpose </li></ul></ul>
    18. 18. Choose type of structure <ul><li>Hierarchy </li></ul><ul><li>Database </li></ul><ul><li>Faceted </li></ul><ul><li>Organic </li></ul>
    19. 20. Design conceptual structure
    20. 21. Design categories, groups or facets <ul><li>Input - user research, business goals, content analysis </li></ul><ul><li>Create draft groupings </li></ul><ul><li>See if it suits the content </li></ul><ul><ul><li>Slot content into categories </li></ul></ul><ul><ul><li>Apply metadata </li></ul></ul><ul><li>Modify until content fits </li></ul><ul><li>Create sub-groups </li></ul><ul><li>Keep it user-focused </li></ul>
    21. 22. Design labels <ul><li>Labeling ideas: </li></ul><ul><ul><li>User research </li></ul></ul><ul><ul><li>Card sorting </li></ul></ul><ul><ul><li>Search terms </li></ul></ul><ul><ul><li>Referrer terms </li></ul></ul><ul><ul><li>Tags </li></ul></ul><ul><li>Good labels </li></ul><ul><ul><li>Match concepts & word usage of readers </li></ul></ul><ul><ul><li>Are used consistently </li></ul></ul><ul><ul><li>Accurately describe the destination or content </li></ul></ul><ul><li>Link labels can be long - better trigger words </li></ul>
    22. 23. Characteristics of a good IA <ul><li>Balances business & user goals </li></ul><ul><li>Balances breadth & depth </li></ul><ul><li>Allows people to easily find what they need </li></ul><ul><li>Provides more than one way to content </li></ul><ul><li>Represents the content </li></ul><ul><li>Has a coherent underlying concept </li></ul><ul><li>Exposes information as needed </li></ul>
    23. 24. Design browsing structures & page layouts
    24. 25. Don't design in front of the computer!!!
    25. 26. Many browse methods
    26. 27. Design browsing structures <ul><li>Start at a content page, not the home page </li></ul><ul><ul><li>The content page is the hardest working page on the site </li></ul></ul><ul><ul><li>Figure out what navigation a representative content page needs (and its readers need) </li></ul></ul><ul><li>Design browse structures for index pages </li></ul><ul><li>Design the home page last </li></ul>
    27. 28. Good browsing structures <ul><li>Provides more than one method to get to content </li></ul><ul><ul><li>Main, supplemental, contextual, search </li></ul></ul><ul><li>Exposes relevant other content as needed </li></ul><ul><li>Each step a person takes is clear and result is as anticipated </li></ul><ul><li>Supports the site structure well </li></ul>
    28. 29. Link-rich pages
    29. 30. Document it
    30. 31. Site maps
    31. 32. Wireframes
    32. 33. Questions & thanks <ul><li>http://maadmob.net/ </li></ul><ul><li>0409-778-693 </li></ul><ul><li>[email_address] </li></ul>

    ×