• Save
Information architecture - Introduction
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Information architecture - Introduction

  • 11,164 views
Uploaded 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

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • 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
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
11,164
On Slideshare
11,014
From Embeds
150
Number of Embeds
16

Actions

Shares
Downloads
0
Comments
1
Likes
47

Embeds 150

https://portfolio.du.edu 45
http://www.slideshare.net 29
http://informationarchitectureclass.blogspot.com 27
http://bulat.wikispaces.com 15
http://www.techgig.com 10
http://media8digitalmarketing.blogspot.com 9
http://informationarchitectureclass.blogspot.ru 3
http://10.150.200.57 2
http://informationarchitectureclass.blogspot.co.uk 2
http://informationarchitectureclass.blogspot.se 2
http://informationarchitectureclass.blogspot.in 1
http://informationarchitectureclass.blogspot.co.nz 1
http://informationarchitectureclass.blogspot.pt 1
http://www.tbshao.com 1
http://tbshao.com 1
http://informationarchitectureclass.blogspot.ca 1

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