INFM 700: Session 2 Principles of Information Architecture Paul Jacobs The iSchool University of Maryland Wednesday, February 1, 2012 This work is licensed.

Slides:



Advertisements
Similar presentations
Planning Your web content
Advertisements

INFM 700: Session 5 Techniques and Technologies (contd) Paul Jacobs The iSchool University of Maryland Wednesday, Feb. 22, 2012 This work is licensed under.
INFM 700: Session 4 Techniques and Technologies Paul Jacobs The iSchool University of Maryland Wednesday, Feb. 15, 2012 This work is licensed under a Creative.
INFM 700: Session 1 What is Information Architecture? Paul Jacobs The iSchool University of Maryland Monday, August 31, 2009 This work is licensed under.
Chapter 19 Design Model for WebApps
INFM 700: Session 3 Organization and Navigation (cont’d) Paul Jacobs The iSchool University of Maryland Wednesday, Feb. 8, 2012 This work is licensed under.
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
INFORMATION ARCHITECTURE AND NAVIGATION. Introduction to a spatial metaphor Many user interfaces are essentially tools for finding, collecting, consuming,
INFM 700 Course Review Paul Jacobs The iSchool University of Maryland May 2, 2012 This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Mark Avnet © 2008 all rights reserved MASC 609 – Information Architecture Module 2 – Personas Mark Avnet office:
Leveraging Your Taxonomy to Increase User Productivity MAIQuery and TM Navtree.
Visual Organization and Content Organization
Search Engines and Information Retrieval
Overview of Navigation Readings Matt Koehler CEP 909 Nov 14, 2001.
Organising Information in your Website Steps and Schemes.
Content Organisation Based on Chapter 4 Mc Cracken.
INFM 700: Session 2 Principles of Information Architecture Jimmy Lin The iSchool University of Maryland Monday, February 4, 2008 This work is licensed.
Information Architecture Professor Larry Heimann Carnegie Mellon University Lecture Notes — Fall 1999.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
What do you hate most about the web?
Information Architecture IBE312
Information Architecture Donna Maurer Usability Specialist.
IBE312 Information Architecture Ch. 5 Organization Systems Ch. 6 Labeling Systems 2013.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
IBE312 (2014) Information Architecture: Part I – Introduction Notes for Chapters 1-2 Modified for 2014 (JMD) with earlier notes by Hans Fredrik Nordhaug.
Development and Design of Multimedia Titles UNIT E Bob Griffin MM110 – Communicating with Multimedia.
Multimedia Specification Design and Production 2013 / Semester 2 / week 7 Lecturer: Dr. Nikos Gazepidis * Notes by Dr Trevor Baker.
INFM 700: Session 3 Organization and Navigation (cont’d) Paul Jacobs The iSchool University of Maryland Tuesday, February 17, 2009 This work is licensed.
XP New Perspectives on Introducing Microsoft Office XP Tutorial 1 1 Introducing Microsoft Office XP Tutorial 1.
Search Engines and Information Retrieval Chapter 1.
INFM 700 Course Review Paul Jacobs The iSchool University of Maryland Tuesday, May 5, 2009 This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Information Architecture & Design Week 8 Schedule - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations - Research Papers Returned.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
1 4. Content Organization In this chapter you will learn about: Organizational schemes: classification systems for organizing content into groups Organizational.
IBE312: Information Architecture Summary Information Architecture: Part I - Introduction.
3231 Software Engineering By Germaine Cheung Hong Kong Computer Institute Lecture 12.
COMP 106 Human Centric Computing Assignment 2 Proposal 14.
1 Information Retrieval Acknowledgements: Dr Mounia Lalmas (QMW) Dr Joemon Jose (Glasgow)
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Chapter 7 Navigation Systems From Information Architecture: Rosenfeld and Moreville.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
BSA Website Redevelopment Information Architecture.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
4 1 SEARCHING THE WEB Using Search Engines and Directories Effectively New Perspectives on THE INTERNET.
Information Architecture & Design Week 7 Schedule - Design Critiques due Now - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations.
Information in the Digital Environment Information Seeking Models Dr. Dania Bilal IS 530 Spring 2005.
Chapter 4: Content OrganizationCopyright © 2004 by Prentice Hall What do you hate most about the web? Number one answer: I can’t find what I’m looking.
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
Jane Reid, AMSc IRIC, QMUL, 30/10/01 1 Information seeking Information-seeking models Search strategies Search tactics.
Information Retrieval
The Structure of the User Interface Lecture # 8 1 Gabriel Spitz.
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
Achieving Semantic Interoperability at the World Bank Designing the Information Architecture and Programmatically Processing Information Denise Bedford.
Information Architecture
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
INFM 700: Session 3 Organization and Navigation (cont’d) Paul Jacobs The iSchool University of Maryland Wednesday, Feb. 23, 2011 This work is licensed.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations.
Information Architecture & Design Week 6 Schedule - Browsing and Searching for IA - Other Readings - Research Topic Presentations - Class Work (if time)
Organization Systems. What do we need it for? We need to organize information thus enabling people to find the right answers to their questions via supporting.
INFM 700: Session 2 Principles of Information Architecture
Imran Hussain University of Management and Technology (UMT)
Taxonomies & Classification for Organizing Content
Anatomy of IA Search Browse “Invisibles” Interface Query Language
HCI and Hypermedia/WWW
Presentation transcript:

INFM 700: Session 2 Principles of Information Architecture Paul Jacobs The iSchool University of Maryland Wednesday, February 1, 2012 This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States See for detailshttp://creativecommons.org/licenses/by-nc-sa/3.0/us/

iSchool Todays Topics Recap – Info. Architecture, Some Key Concepts User information needs What do users want? How do users behave? Role of users in information architecture Information architecture components (tools of the trade) Organization systems (start) Structuring the information space Static and dynamic components How to support different user needs Users Needs Architecture Components Organization Systems

iSchool Review and Loose Ends Some Key Concepts of Information Architecture The Process Explanation of Some Ideas from the Readings

iSchool The Process Understand user and system requirements Design (and build) organization, navigation, and metadata systems Evaluate the user experience Figure out whats needed Design itBuild it Figure out if it works (compare with physical architects)

iSchool Explanation of Important Themes Structured vs. Unstructured (Content) Content vs. Metadata Big IA vs. Little IA (Not One Size Fits All) Top-down vs. Bottom-up (Analysis, Methods) User-driven vs. System-driven (Approaches)

iSchool User Needs: Overview Characterizing User Behavior Responding to User Needs Users Needs Architecture Components Organization Systems

iSchool The IA Circles (Ecology) from M&R, p. 25 Context ContentUsers Users Needs Architecture Components Organization Systems

iSchool Another View Content Users Systems Context Users Needs Architecture Components Organization Systems

iSchool The Black Box User asks question Black magic (search, navigate, browse) User gets answer Fin Users Needs Architecture Components Organization Systems from M&R, p. 31

iSchool Some Complications User need not fully specified User doesnt know what he/she wants Need is broadly defined (e.g., surf, learn) Users express themselves badly (e.g. word choice, clicking in wrong place) Interaction with organizational needs System performance imperfect Search engines fail Problems with labels, navigation Absence of information Process inherently structured or iterative Need or desire changes Refinement (e.g. drill down in search, navigation) Complex specification of need Users Needs Architecture Components Organization Systems

iSchool Common Information Needs The right thing A few good things Need it again Everything from M&R, p. 35 exploratory seeking known-item seeking Users Needs Architecture Components Organization Systems

iSchool Precision vs. Recall The right thing A few good things Everything= Recall-oriented Searching = Precision-oriented Searching Exploratory seeking Known-item seeking Orthogonal concepts: Users Needs Architecture Components Organization Systems

iSchool Additional Dimensions ( Not necessarily just computers! ) Retrospective vs. prospective Focused vs. unfocused vs. serendipitous Finding information vs. finding [people, objects, … ] Users Needs Architecture Components Organization Systems

iSchool User, Task, Context Characteristics of the User Expert vs. layman Current state of knowledge … Characteristics of the Task Duration and scope of need Complexity of the task … Additional context Requirement for specific sources Reference to external events … Users Needs Architecture Components Organization Systems

iSchool Relevance The property of how good the information is Harder to pin down than you think! Complex function of user, task, and context Types of relevance: Topical relevance: is it about the right thing? Task-based relevance: does it help in what Im doing? Utility: is it actually useful? Can I act on it? Users Needs Architecture Components Organization Systems

iSchool Q0 Q1 Q2 Q3 Q4 Q5 A sketch of a searcher… moving through many actions towards a general goal of satisfactory completion of research related to an information need. Picking Berries Marcia J. Bates. (1991) The Berry-Picking Search: User Interface Design. In M. Dillon, editor, Interfaces for Information Retrieval and Online Systems: The State of the Art. New Jersey: Greenwood Press. Users Needs Architecture Components Organization Systems

iSchool The Growing Problem Human performance transistors speed storage... Computer performance Users Needs Architecture Components Organization Systems

iSchool Observations about Users Users dont read Users dont scroll Users are easily lost Users are easily frustrated Users are strangely persistent Users are different! Users Needs Architecture Components Organization Systems

iSchool Timeout for Humor

iSchool Segue – Users to Methods Users are tough, fickle, inarticulate, lying, complaining, ignorant, obtuse, inconsistent, … …but user experience is still our main measure of success So what do we do? Use varying strategies/components Apply or rules (you cant please everyone) Accommodate variability in our measurements/design Users Needs Architecture Components Organization Systems

iSchool Information Architecture Components Organization systems How we categorize information Labeling systems How we represent information Navigation systems How we browse or move through information Searching systems How we search information from M&R, pp Users Needs Architecture Components Organization Systems Loosely, structured Loosely, unstructured

iSchool Architecture Components (browsing aids) Major organization systems (e.g., by topic, task, community, chronology, …) Major navigation systems (e.g., navigation bars, breadcrumbs, top-level links) Local navigation systems Contextual navigation systems Indices and guides (e.g., sitemap, table of contents, site guide) from M&R, pp Users Needs Architecture Components Organization Systems

iSchool Architecture Components (content and tasks) Headings Embedded links Embedded metadata Chunks (e.g. sections, chapters) Other (e.g., sequential aids, special icons or graphics) from M&R, pp Users Needs Architecture Components Organization Systems

iSchool Architecture Components (invisible components) Controlled vocabulary Retrieval (and other) algorithms Best bets... from M&R, pp Users Needs Architecture Components Organization Systems

iSchool Organization Site organization Content organization Different organization methods/tools Expressing organization/blueprints Users Needs Architecture Components Organization Systems

iSchool Organization of Information Probably as old as writing itself Many different approaches: Library and Information Science: thesauri, indexing, etc. Computer Science: knowledge representations Cognitive Science: how do humans grasp concepts? Philosophy: epistemology (the nature of knowledge) … Hmmm… where did I put that tablet? Users Needs Architecture Components Organization Systems

iSchool Analogy: Printed Book Organization System: Chapters Sections Paragraphs Navigation System: Table of contents Index Page numbers Cross-references … Established over 500 years… Not all present at the dawn of printing Users Needs Architecture Components Organization Systems

iSchool Hierarchical Organization Systems of organization are mostly hierarchical Represents a specific mode of thinking: reductionistic, decompositional, general-to-specific Why? Natural order Convention and familiarity Physical limitations Cognitive limitations Hierarchies are everywhere: Human organizations Computer file systems Physical file systems Biological organisms Users Needs Architecture Components Organization Systems

iSchool Depth vs. Breadth shallow but wide narrow but deep What are the tradeoffs? Users Needs Architecture Components Organization Systems

iSchool Non-Hierarchical Systems Hypertext Direct links between different information segments Pre-dates the Web Social tagging Wisdom of the mob Shows what everyone else likes Web 2.0 (hype?) Users Needs Architecture Components Organization Systems

iSchool Exact Systems Alphabetical Chronological Geographical Organizational (for Intranets) Any inherent attribute of entities Users Needs Architecture Components Organization Systems

iSchool Inexact Systems Topic Task User Metaphors Hybrid Organizational (in general) Process Users Needs Architecture Components Organization Systems

iSchool Hypertext Diana Philip Elizabeth Charles Balmoral Tony Elizabeth Users Needs Architecture Components Organization Systems

iSchool Social Tagging del.icio.us flickr YouTube del.icio.us Users Needs Architecture Components Organization Systems

iSchool Other Organizational Tools Relational databases/tables Wizards Hybrids... Users Needs Architecture Components Organization Systems

iSchool Ideas in Tension Does a hierarchical organization system defeat the entire point of hypertext? Does a hierarchical organization system decrease emphasis on users? Does social tagging eliminate the need for organization systems? Users Needs Architecture Components Organization Systems

iSchool Organization and Behavior Bookmarks Arrangement of tabs and windows Social tagging Personal homepage Blogs Users Needs Architecture Components Organization Systems

iSchool So what do we do? Type of task/contentType of organization system User generated content (e.g. blogs)Structured database/form Overall site content/task Hierarchy (e.g. buy a book, contact us)Chapter/section Local site content/taskUser Tags (e.g. cars for sale, product specs) Local site content/taskHypertext (e.g., todays news)Calendars/maps Frequently consulted contentTask/User/Organization Related/required content Users Needs Architecture Components Organization Systems

iSchool Blueprints Blueprints are diagrams outlining the organization system of an information space Can provide overview at different levels Conceptual level Physical level (i.e., how pages are actually linked) Keep it simple and uncluttered! Choose the appropriate level of detail Users Needs Architecture Components Organization Systems

iSchool Blueprint: Conceptual Main Homepage TeachingResearch Other Activities LBSC 690 INFM 718R INFM 700 Ph.D. Students Publications Projects IR Colloquium TREC Users Needs Architecture Components Organization Systems

iSchool Blueprint: Physical Index Page otherteachingresearch teachingresearchother Users Needs Architecture Components Organization Systems

iSchool Recap User needs and behavior Information architecture components Organization systems Users Needs Architecture Components Organization Systems