Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

33
Practicing Information Architecture Faye Hoffman Information Architect University of Victoria

Transcript of Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Page 1: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Practicing Information Architecture

Faye HoffmanInformation ArchitectUniversity of Victoria

Page 2: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Who Am I?

• What do I do?– I work for UVic– Web Coordinators Group in Communication Services– Information Architect

• Previously:– With: ACD Systems, Ciber Inc., Corel Inc., Grey

Interactive, NCompass Labs (Microsoft Content Management Server), Electronic Arts

– For: Hewlett Packard, Agilent, Open University, Digital Signature Trust, VanCity, Vancouver Television, Disney Interactive, Broderbund, Hollister and too many long-gone start-ups to mention…

• Further back:– ECCAD – Fine Arts– NSCAD – Visual Communication

Page 3: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

What I’m Going to Talk About

• What is Information Architecture?

• Role of an Information Architect

• Where Does IA Fit?

• Phases of IA

• Approaches to IA

• Considerations & Deliverables

• Traditional vs. Persuasive Architecture

• Key Goals

Page 4: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

What is IA?

• The combination of organization, labeling and navigation schemes within an information system.

• The structural design of an information space to facilitate task completion and intuitive access to content.

• The juxtaposition of individual pieces of information in order to convey meaning.

• A site component, a phase, a job or role, a discipline or degree and a community.

Page 5: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Role of an IA

• Balance the needs of the business and the users with the capabilities of technology to design comprehensive systems that include the organization, navigation, and interaction of the final solution.

• Organize patterns inherent in data, making the complex clear.

• Create the structure or map of information which allows others to find their personal paths to knowledge.

Page 6: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Where Does IA Fit?

Matt Jones – blackbeltjones.com

Page 7: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Phases of IA

• Strategy is where it all begins.

• Scope transforms strategy into requirements.

• Structure gives shape to scope.

• Skeleton makes structure concrete.

• Surface brings everything together visually.

Page 8: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Approaches to IA

• Top-Down– Driven by user research

– Develop mental models of audience types

– Derive main site organization from this understanding of approaches to the task

• Bottom-Up– Closely linked with content analysis

– Focused on:• Understanding and describing the content• Finding the patterns and groupings• Matching content with user needs

Page 9: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Top Down, Bottom Up

Content Management/Database

Site

Content Area

Content Object

Content area (Course granularity) E.g. Search, Products

Content object (Finer granularity) E.g. Search Form, Product Description

Content object attributesE.g. Search Form Fields, Content placeholders.

Content /Data

Page 10: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Considerations & Deliverables

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

Organize Information

Content AuditsUser Flow DiagramsSite/Content Maps

Design Information

WireframesPaper PrototypesInteractive Prototypes

IA Considerations/Steps

What to DisplayWho owns whatUpdate Frequency

Type of ContentWhen to DisplayDisplay to Whom

How to DisplayFormatting ContentElement Specifications

Content Considerations/Steps

Integrating IA and Content

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

IA Considerations/Steps

Page 11: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Requirements Gathering

Content

UsersBusinessContext

Identify patternsin content

Determine what users need, how they find and use it … and ensure thatstakeholder/business goals are fulfilled in the process

Determine how stakeholdersthink they should organize & present their information

Page 12: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Vision & Scope

Page 13: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Considerations & Deliverables

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

Organize Information

Content AuditsUser Flow DiagramsSite/Content Maps

IA Considerations/Steps

Page 14: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Informal Content Inventory

Page 15: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Formal Content Inventory

Page 16: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Content Map

Page 17: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Content Map

Page 18: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

User Flow

• Exposes key decision points• Identifies holes/issues• Identifies page count• Builds consensus about functionality

Page 19: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

User Flow

Page 20: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Use Cases

Page 21: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Considerations & Deliverables

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

Organize Information

Content AuditsUser Flow DiagramsSite/Content Maps

Design Information

WireframesPaper PrototypesInteractive Prototypes

IA Considerations/Steps

Integrating IA and Content

Page 22: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Wireframe

Page 23: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Wireframe - Grouping

Page 24: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Considerations & Deliverables

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

Organize Information

Content AuditsUser Flow DiagramsSite/Content Maps

Design Information

WireframesPaper PrototypesInteractive Prototypes

IA Considerations/Steps

What to DisplayWho owns whatUpdate Frequency

Content Considerations/Steps

Integrating IA and Content

Page 25: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Considerations & Deliverables

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

Organize Information

Content AuditsUser Flow DiagramsSite/Content Maps

Design Information

WireframesPaper PrototypesInteractive Prototypes

IA Considerations/Steps

What to DisplayWho owns whatUpdate Frequency

Type of ContentWhen to DisplayDisplay to Whom

Content Considerations/Steps

Integrating IA and Content

Page 26: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Considerations & Deliverables

Requirements Gathering

Features and FunctionsClient and User Wish-listsRecommendations

Organize Information

Content AuditsUser Flow DiagramsSite/Content Maps

Design Information

WireframesPaper PrototypesInteractive Prototypes

IA Considerations/Steps

What to DisplayWho owns whatUpdate Frequency

Type of ContentWhen to DisplayDisplay to Whom

How to DisplayFormatting ContentElement Specifications

Content Considerations/Steps

Integrating IA and Content

Page 27: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Traditional vs. Persuasive Architecture

• Traditional– Principles of consistency and accessibility to all “other”

information available on the site.

• Persuasive– Principle that what matters most is whether users can

quickly and easily advance to the next step in the pursuit of their goal.

Page 28: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Persuasive Architecture

• Process of planning and architecting a site which persuades a user to do something.– “Something” can be a product, sign up for a newsletter,

apply for admission, give a gift to the University, etc.

• It is not a one-solution-for-all users approach.– Involves significant effort in user profiling, task analysis

and business analysis.

Page 29: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Persuasive Architecture

• Involves persuasive architecture, navigation, copywriting, labeling and visual design.

• Can lead to significant increase in sales, applicants etc.

• Can minimize abandonment.

Page 30: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Institutional Application

We are in business to inform and persuade.

• Recruitment Efforts

• Development Efforts

• Internal application adoption

Page 31: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Utilizing Both Approaches

• Continue to include user goals as primary motivators for navigational structure

– What actions need to be taken?

• Continue to support traditional, consistent navigation

– How can the action be taken?

• Identify and build, design & write for key “persuasive” paths

– How do we persuade someone to take the action we desire?

Page 32: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Key Goals

To simplify and increase the understanding and transparency of design processes and user experiences

To create designs and plans that serve as the foundation and blueprints for meaningful, useful and compelling use experiences

To ultimately contribute to the success of the University by helping people find, use and manage information more effectively

Page 33: Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.

Discussion