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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Information architecture - Introduction

6,207
views

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