Information Architecture Professor Larry Heimann Carnegie Mellon University 88-272 Lecture Notes — Fall 1999 Agenda & Announcements • • • • • • • Announcements The Good, the Bad, and the Ugly Online What Does an Information Architect Do? Organizing Information Navigation Systems Labeling Systems Developing Information Architecture Plans Finding the Good, the Bad, and the Ugly Online What do you hate about surfing the web? What do you like about surfing the web? Who Are Information Architects? According to Wurman (1996), IAs are: 1. “The individual who organizes the patterns inherent in data, making the complex clear;” 2. “A person who creates the structure or map of information with allows others to find their own personal path to knowledge;” 3. “An emerging 21st century professional occupation addressing the needs of the age focused upon clarity, human understanding, and the science of organizing information.” Difficulties in Organizing Information • Problem 1: Ambiguity – language is ambiguous; define “pitch” (15 definitions) – ambiguous label definitions add to confusion • Problem 2: Heterogeneity – differing levels of information granularity – problem of multiple formats • Problem 3: Differences in perspectives • Problem 4: Internal politics Organization Schemes • Difference between schemes and structures – org. scheme defines the shared characteristics of content items and influences the logical grouping of those items – org. structure defines the types of relationships between content items and groups • Exact organization schemes – alphabetical schemes – chronological schemes – geographical schemes Organization Schemes… (continued) • Ambiguous organization schemes – – – – – – why use ambiguous organization schemes? topical schemes task-oriented schemes audience-specific schemes metaphor-driven schemes hybrid schemes • Ambiguous vs. exact organizational schemes – exact works best when user knows precisely what is wanted – ambiguous best for browsing and associative learning Organizational Structures • Hierarchical structure – used to organize information since the beginning of time – examples of hierarchy include: • books • family trees • classifying life life plant animal ... flower tree ... annual perennial ... ... – usually good to start with hierarchical approach Designing Hierarchical Structures • Hierarchical categories are (for the most part) mutually exclusive – may place some ambiguous items in 2+ categories – too many cross-listings and hierarchy loses value • Important to consider the balance between breadth and depth in an information hierarchy – breath: remember cognitive limits; use 7 ± 2 rule – depth: usability testing show that people get frustrated going past 4 levels and more likely to leave site. – plan for and consider changes/growth in the future Hypertext Structures • 2 components to the hypertext model: – chunks of information to be linked – the links existing between chucks • allows for great flexibility and complexity – potential for confusion high if a user can’t formulate a (correct) mental model of the site – not unusual for users to get lost in highly hypertexted sites • In addition to context issue, hypertextual links are often personal in nature • Best used as a complement to other structures Database Structure • Why use a relational database model to organize information on a web site? – powerful field-specific searching capability – content usually (substantially) easier w/ database – facilitate distributed content management (w/ proper security!) • Limitations of the database model – rigid rules may not fit well with other heterogeneous content – technically more difficult than plain HTML • Examples of the use the database model Designing Navigation Systems • The importance of navigation systems • Browser navigation features – review of common features – how site designers sometimes disable these features • The need to build context for navigating – helped by including organization’s name on each page – side bars or headers which present structure of the information hierarchy and current location • Improving flexibility of the hierarchical model via navigation systems Example of Gopher Site Example of Hypertext System Types of Navigation Systems • Hierarchical navigation systems • Global navigation systems – may be as simple as graphical navigation bar at bottom – sensitive to the flow of movement within site • Local navigation systems – large sites often have “sub sites” which have unique flavor – special navigation system may be developed specifically for the sub site (e.g., game software @ Interplay) – careful integrating local & global navigation -- don’t confuse • Ad hoc navigation Integrated Navigation Elements • Navigation bars – graphical vs. text navigation bars – placement of navigation bars • Frames (a controversial navigation element) – – – – screen real estate taken up by frames confuses page model concept; may interfere w/ bookmarking display speed is hurt; used w/ heavy graphics makes it worse adds a layer of complexity to the design • Pull down menus – easy to (over)pack these menus with lots of options Remote Navigation Elements • Remote navigation elements supplement the information hierarchy and other navigational elements. • Table of Contents • Index • Site Map • Guided Tour Importance of Labeling Systems • Labeling is a form of representation; used to communicate information efficiently. • Users have limited attention spans -- will not try too hard to decode label meanings. • Ambiguous labels make bad impressions -web users tend to be unforgiving. • Self-centered labels may work for internal people, but turn away external users Contrasting Labeling Systems Unplanned U’s Labeling System • Faculty Skunkworks • Office for Instructional Technology • K12 PDN Projects for Web Page • Digital Libraries Project • Office of Technology Management • Office of Communication Mngt • Extension Services • The New Media Center • Institute for Information Technology • Project 2000 • English Composition Board • Technology Dissemination Board Planned U’s Labeling System • Humanities & Social Science • Business Education • Engineering Education • Fine Arts & Drama • Computer Services • Instructional Technology • Alumni Relations • Housing Office • Student Life • Y2K Planning • University Business Office • Campus Police/Security Services Types of Labeling Systems • Labels with navigation systems – need to be consistent – some conventions are emerging – can be augmented by brief description • • • • Labels as indexing terms Link labels Labels as headings Iconic labeling systems Creating Effective Labeling Systems • Successful labeling systems mirror the thinking and language of a site’s users, not owners • Where do these labels come from? – – – – – from content from users/search engine logs from experts or established sources from other sites using what already exists Developing IA Plans • Defining goals – what is the mission of the organization? – how does the website support the org. mission? – does the web as a new medium force us to reconsider organization’s mission? – what are the short- and long-term goals? – how do we envision the website in two years from now? – how will we measure the success of the site? Evaluating Web Site Success Goals and Measurement Opportunities Lower Costs reduction in costs of distributing sales materials reduction in costs of distributing press releases reductions in number of phone calls taken at switchboards Business Development number of leads generated from existing target markets (and growth over time) number of leads generated from new target markets (and growth over time) number of sales that come from leads generated by the site (and growth over time) dollar amount of sales from leads generated by the site (and growth over time) Improved Customer Service usage of content and applications (growth over time) interactions via e-mail customer feedback/testimonials Improved Public Perception user comments and testimonials positive comparisons with competitors mention of web site in mainstream press mention of web site in trade press number of links to the site from other web sites Site Performance number of site hits and growth of hits over time number of new users number of repeat users usability testing Other Goals & Measurement Opportunities Rank (or rate) on 1-4 scale Developing IA Plans (continued) • Learning about intended audience – who are the most important audiences for the site? – are there other audiences we’re not thinking about? – are there differences between the most important audiences and most frequent users? Implications? – how do these audiences currently interact with us? – What is the value-added to the different audiences for the information or services provided by the web site? • Identifying content & functional requirements • Grouping Content Final Thoughts... • (given in lecture)