Your SlideShare is downloading. ×
0
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Information architecture - Introduction
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Information architecture - Introduction

6,287

Published on

A basic introduction to information architecture - classification schemes & structures, information architecture design, navigation design, wireframes. From 2005, university lectures

A basic introduction to information architecture - classification schemes & structures, information architecture design, navigation design, wireframes. From 2005, university lectures

Published in: Business, Technology
1 Comment
47 Likes
Statistics
Notes
  • Great slideshow about the require to innovate business models; tips on how to represent them succinctly; as well as the desire to make development initiatives actionable. Superb use of photographs as well as clear to see illustrative examples.
    Teisha
    http://dashinghealth.com http://healthimplants.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
6,287
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
1
Likes
47
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. Information Architecture Donna Maurer
    • 2. About me <ul><li>Freelance information architect/interaction designer </li></ul><ul><ul><li>I design interfaces for complex informational and interactive systems </li></ul></ul><ul><li>5+ years IA experience </li></ul><ul><ul><li>Designed loads of business applications, websites, intranets </li></ul></ul><ul><ul><li>Practiced, taught and wrote about IA </li></ul></ul><ul><li>Studying Masters of Human Factors </li></ul>
    • 3. Lecture overview <ul><li>What is information architecture </li></ul><ul><li>Information can be arranged and accessed in many ways </li></ul><ul><li>Design process for information architectures </li></ul><ul><li>Information architecture for interactive systems </li></ul>
    • 4. What information architecture is about <ul><li>IA Institute definition </li></ul><ul><ul><li>The structural design of shared information environments. </li></ul></ul><ul><ul><li>The art and science of organizing and labeling web sites, intranets, online communities and software to support usability and findability. </li></ul></ul><ul><ul><li>An emerging community of practice focused on bringing principles of design and architecture to the digital landscape . </li></ul></ul>
    • 5. Information-seeking behaviours <ul><li>Known item – know exactly what you want, how to describe it and may know where to look </li></ul><ul><li>Exploratory – have an idea of what you want, may not know how to describe it, may not know where to look </li></ul><ul><ul><li>May not know what you need to know </li></ul></ul><ul><li>Returning to information – going back to something you have already seen </li></ul>
    • 6. Information is arranged in many ways <ul><li>Date </li></ul><ul><li>Alphabetical </li></ul><ul><li>Geography </li></ul><ul><li>Topic </li></ul><ul><li>Hierarchy </li></ul><ul><li>Faceted </li></ul><ul><li>Organic </li></ul><ul><li>Combination </li></ul><ul><li>Good IA allows access to information in many ways </li></ul>
    • 7. By date
    • 8. Alphabetical
    • 9. By geography
    • 10. By audience
    • 11. By audience
    • 12. By task
    • 13. By task
    • 14. By task
    • 15. By category
    • 16. By category
    • 17. By category
    • 18. By category
    • 19. References <ul><li>Date: www.theage.com.au </li></ul><ul><li>A-Z: www.azlyrics.com </li></ul><ul><li>Geography: travel.yahoo.com </li></ul><ul><li>Audience: www.ato.gov.au </li></ul><ul><li>Audience: www.canberra.edu.au </li></ul><ul><li>Task: www.fsa.usda.gov/haynet/ </li></ul><ul><li>Topic: en.wikipedia.org </li></ul><ul><li>Category: amazon.com </li></ul><ul><li>Category: ebay.com.au </li></ul>
    • 20. Site structures <ul><li>Two key methods of creating sites: </li></ul><ul><ul><li>Hierarchy </li></ul></ul><ul><ul><li>Database </li></ul></ul><ul><li>Hierarchy: </li></ul><ul><ul><li>Similar to your computer’s file system – folder structure </li></ul></ul><ul><ul><ul><li>Strict hierarchy: each item has only one location </li></ul></ul></ul><ul><ul><ul><li>Polyhierarchy: items can be in more than one location </li></ul></ul></ul><ul><li>Database </li></ul><ul><ul><li>Metadata is used on each item and is used to generate links to content </li></ul></ul>
    • 21. Metadata <ul><li>‘ Data about data’ </li></ul><ul><ul><li>Title </li></ul></ul><ul><ul><li>Description </li></ul></ul><ul><ul><li>Authored date </li></ul></ul><ul><ul><li>Keywords </li></ul></ul><ul><li>Historically used to improve searching – search can use the metadata fields </li></ul><ul><li>Also can be used to relate information together </li></ul>
    • 22. About hierarchies UC Home Future students Current students Staff Announcements Entry into UC About UC courses UC College Campus life Announcements OSIS Academic dvisions & schhols Studying at UC OPUS Directories & maps Academic dvisions & schhols
    • 23. Database – categories and dates
    • 24. Database - author
    • 25. Database - Using tags
    • 26. Database – using tags
    • 27. Getting around - navigation
    • 28. Navigation <ul><li>Every page of a site should let you know: </li></ul><ul><ul><li>Where am I </li></ul></ul><ul><ul><li>What’s here </li></ul></ul><ul><ul><li>Where can I go now </li></ul></ul><ul><ul><li>Where have I been </li></ul></ul><ul><li>People don’t always work from the home page – they get to a page from a link or from a search </li></ul>
    • 29. Baaaad navigation
    • 30. Good navigation
    • 31. Types of navigation <ul><li>Global navigation </li></ul><ul><ul><li>Persistent across a site </li></ul></ul><ul><ul><li>Allows access to major parts of the site </li></ul></ul><ul><li>Local navigation </li></ul><ul><ul><li>Lets you move around the current ‘section’ </li></ul></ul><ul><li>Contextual navigation </li></ul><ul><ul><li>Inline links, to anywhere </li></ul></ul><ul><li>Supplemental navigation </li></ul><ul><ul><li>Helpers – site map, A-Z index </li></ul></ul><ul><li>See also </li></ul><ul><ul><li>Related links </li></ul></ul>
    • 32. Navigation
    • 33. Social navigation
    • 34. Labeling <ul><li>Good labels </li></ul><ul><ul><li>Are understandable by the reader </li></ul></ul><ul><ul><li>Are consistent within the site </li></ul></ul><ul><ul><li>Clearly describe where you are going next </li></ul></ul><ul><li>Labeling is not easy – it is as complex as structure and navigation </li></ul><ul><li>Where to get labeling ideas: </li></ul><ul><ul><li>User research </li></ul></ul><ul><ul><li>Search terms </li></ul></ul><ul><ul><li>Referrer terms </li></ul></ul><ul><ul><li>Call centre/people in contact with users </li></ul></ul>
    • 35. Search <ul><li>What to search </li></ul><ul><li>Query structure - how to search it </li></ul><ul><li>Relevance - which results are the most important </li></ul><ul><li>How to display the results </li></ul>
    • 36. In an IA project <ul><li>Research </li></ul><ul><ul><li>Business needs </li></ul></ul><ul><ul><li>User requirements </li></ul></ul><ul><ul><li>Content </li></ul></ul><ul><ul><li>Gives me an understanding of the domain </li></ul></ul><ul><li>Understand technical opportunities or limitations </li></ul><ul><li>Design site structure (site map) </li></ul><ul><li>Design navigation and page layouts (wireframes) </li></ul><ul><li>Design metadata, search and relationships </li></ul><ul><li>Usability test throughout the process </li></ul><ul><li>Creates a blueprint for the site – technical work after blueprint created and tested </li></ul>
    • 37. A simple site map
    • 38. A more complex site map
    • 39. A simple wireframe
    • 40. IA for interactive sites <ul><li>Sites that are primarily about ‘doing things’ use IA differently </li></ul><ul><ul><li>Fewer pages than a large informational site, so site map may show workflow not structure </li></ul></ul><ul><ul><li>Navigation and labeling still important </li></ul></ul><ul><li>More emphasis on scenarios </li></ul><ul><li>Wireframes show a lot more detail and show all screens </li></ul><ul><li>Design process is very similar </li></ul>
    • 41. The elements of user experience
    • 42. IA Resources <ul><li>Books </li></ul><ul><ul><li>Information Architecture for the World Wide Web – Louis Rosenfeld & Peter Morville </li></ul></ul><ul><ul><li>Elements of user experience – Jesse James Garrett </li></ul></ul><ul><ul><li>Information Architecture – Blueprints for the Web – Christina Wodtke </li></ul></ul><ul><ul><li>Don’t Make Me Think – Steve Krug </li></ul></ul><ul><li>Online </li></ul><ul><ul><li>Boxes and Arrows – http://www.boxesandarrows.org/ </li></ul></ul><ul><ul><li>IAslash - http://www.iaslash.org/ </li></ul></ul><ul><ul><li>IAwiki – http://www.iawiki.org/ </li></ul></ul><ul><ul><li>Digital Web Magazine – http://www.digital-web.com/ </li></ul></ul><ul><li>Some blatant self-promotion </li></ul><ul><ul><li>My weblog – http://www.maadmob.net/donna/blog/ </li></ul></ul><ul><ul><li>My website – http://www.maadmob.com.au/ </li></ul></ul>
    • 43. <ul><ul><li>This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.1 Australia License. </li></ul></ul><ul><ul><ul><li>See http://creativecommons.org/licenses/by-nc-nd/2.1/au/ for more information </li></ul></ul></ul>

    ×