1 / 78

Information Architecture

Information Architecture. Hallie Wilfert Information Architect SRA International, Inc. What I’ll talk about. What is information architecture (IA)? Why is it important? Best Practices in IA A Case Study “Selling” IA to others The Future of IA. Information Architecture.

Download Presentation

Information Architecture

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Information Architecture Hallie Wilfert Information Architect SRA International, Inc.

  2. What I’ll talk about • What is information architecture (IA)? • Why is it important? • Best Practices in IA • A Case Study • “Selling” IA to others • The Future of IA

  3. Information Architecture • The structure design of shared information environments • The combination of organization, labeling, search and navigation systems within web sites and intranets • Also web applications • The art and science of shaping information products and experiences to support usability and findability • An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape

  4. Information Architect • Clarifies the mission and the vision for the site, balancing the needs of its sponsoring organization and the needs of its audiences • Determines what content and functionality the site will contain • Specifies how users will find information in the site by defining its organization, navigation, labeling, and searching systems • Maps out how the site will accommodate change and growth over time.

  5. AKA • User-Centered Design (UCD) • User Experience Design (UX or UXD) • Usability Design • Interaction Design (IaXD)

  6. Information Architecture Library Science Human-Computer Interaction Journalism Computer Science Information Sociology Architecture Anthropology Communication Visual Design Architecture Psychology

  7. Information Architecture Information Architecture

  8. Information Architecture • The most important function of an IA is USER ADVOCATE • Provides the balance between the user needs and the business needs

  9. Context Users Content A web site

  10. Context Context What else is going on? The Information Ecosystem The “Competition” The Organization The Funding The Staffing Users Content

  11. Context Users Content Content What stuff does the web site contain? What kind of stuff is it? How much of it is there? What does it look like now?

  12. Context Content Users Who is the site for? And what do they want from it? Tasks & Goals Level of Experience Users

  13. At the intersection Information Architecture Context Users Content

  14. Good Information Architecture • Is invisible • Communicates the right information • Finds the right solution for the problem

  15. IA in the Government

  16. IA in the Government

  17. IA in the Government

  18. IA in the Government

  19. IA: The specifics • Organization • Labeling • Search & Navigation • The Users

  20. Organization

  21. Organization • Grouping of information into logical categories, for example by • Task • Audience • Subject / Category • Date • Location • Alphabetical • Most sites use a hybrid approach

  22. For example…

  23. For example…

  24. For example…

  25. For example…

  26. For example…

  27. For example…

  28. Task Based Navigation • Organizing site by task • Allows users to quickly identify their path • Is specific • Improves the “scent of information”

  29. Tasks on Information Sites • Task is to find information! • Break down the type of information

  30. Informational Sites • A policy organization • Conducts studies • Holds events • Issues reports • Converted to tasks • Locate a study underway • Attend an event • Download a report

  31. ENERGY STAR.gov

  32. ENERGY STAR.gov • Site audit for the Commercial and Industrial branch of the ENERGY STAR.gov web site • Identify tasks through opened ended questions from the Foresee survey data • Grouped micro-tasks into macro-tasks • Content inventory matched content to task

  33. Organization Tools • Content inventory • Card Sorting • Task Analysis • Mental Modeling

  34. Content Inventory

  35. Content Inventory • Use a spreadsheet • Systematic log of all content on web site and relevant information about that content • Incredibly tedious, but essential • Columns will likely include: • Name of page • URL • Type of content: html, PDF, excel, photo • Owner of content • Content status: Redundant, Outdated, Trivial • Recommendation for action

  36. Card Sorting

  37. Card Sorting • Use sticky notes or index cards • Informs the structure, organization, labeling of your design • Provides insight into users’ mental model of the task at hand • Very easy & low tech • Open or Closed • Open allows users to determine the categories and sort the cards • Closed asks the users to sort cards into predetermined categories

  38. Task Analysis

  39. Task Analysis • Use your voice and sticky notes/ index cards • Interviews with users and stakeholders • Goal is to elicit top tasks • Why, why, why? • Get as much in the users own language as possible • Sort these too!

  40. Mental Modeling

  41. Mental Modeling • Use more pen & paper or use your sticky notes! • See what is going on in people’s minds as they accomplish their goals • Identify tasks needed to reach goals • Map current content to tasks • Identifies gaps in content

  42. Mental Modeling

  43. Labeling • Do the labels make sense to everyone? • Are they obvious and written clearly? • Are they used consistently through the site? • Are they appropriate for the site? • Do they use jargon appropriately?

  44. Where do labels come from? • The Users and the Language they use • Site analytics • User interviews • Customer Service / Helpdesk • Subject Matter Experts (SME) • Stakeholder Interviews • The Content • Card Sorting • Content Inventory

  45. Navigation • Site Wide (Global) Navigation • Local Navigation • Context Specific Navigation • Supplemental navigation: • Indexes • Guides • Site Map

  46. Site wide navigation Contextual navigation Local navigation Navigation

  47. Navigation • Consistency is important • Don’t break conventions • Site wide or industry wide • Steal from others!

  48. Navigation

  49. Navigation

  50. Navigation

More Related