info.design © 2005 putting the user first: a success story and tips for structuring information...

63
Info.Design © 2005 www.infodn.com Putting the User First: A Success Story and Tips for Structuring Information Thom Haller [email protected] Rejoicing pic Part 2

Upload: holly-hood

Post on 04-Jan-2016

215 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Putting the User First: A Success Story and Tips for Structuring Information

Thom [email protected]

Rejoicing pic

Part 2

Page 2: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Time Chunk #4

Story: Plain Language(Second Installment)

Page 3: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

1990s now1980s2003… The Plain Language Site Architecture Frustrated Users

Page 4: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

1990s now1980s

I propose a student project

Hey… what if my Johns Hopkins Students were to

analyze your site?

Page 5: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Hopkins students explored this question: “Can we build a product that enables people to do what they need to do?”

Page 6: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

They explored texts by Karen Schriver and Donald Norman

Readers now recognize that unintelligible documents are not natural disasters that have to be accepted like summer squallsor sleet storms. (Schriver)

Page 7: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students compared Ways to think about building products…

Page 8: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Deliverable-focused Process Evaluate

Envision Analyze Design Develop Test

BOFSATT

Bunch Of Folks Sitting Around the

Table Talking

Let’s getthis thingbuilt….

Let’s focusondeliverables

Page 9: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Vs: User-Focused Process

Evaluate

Envision Analyze Design Develop Test

Let’s spendtime learning whatpeople want toDO with content….

And let’s help them out.

Page 10: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Johns Hopkins Students Explored How Humans Use Information

How can we help people

GAIN?

Page 11: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

They Provided Recommendations Based on “Heuristics” (Rules of Thumb)

Page 12: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

2003

Nice analysis…Can we please have some more?

I Submitted Their Findings …

Page 13: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

1990s now1980s

I propose a student project

Hey… what if my USDA Graduate School Students were to “architect” your

new site?

Page 14: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

USDA Information Architecture Class Explores User-Centered Process

By attending to process, we can structure information so people can find what they

want, use it, and appreciate the experience.

Info.Design

workbook

Page 15: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students Followed Framework for Crafting Usable Structure

G gather

E evaluate

C chunk

K know

O optimize

Let’s Explore

This Framework

Page 16: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Time Chunk #5

Experience: GECKO Framework

Page 17: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

First Phase: GATHERING

G gather

E evaluate

C chunk

K know

O organize

Page 18: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

USDA Students Explored Where We Gather Information

We gather information

from Our head

Other’s heads Artifacts

Page 19: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Gathering from OTHER’S heads

Users often can’t articulate what they do -- especially if they are familiar with the work

Be aware of how people often talk in noun structure -- and you want to gather information as verbs.

“Fraud” Gathering Story

Page 20: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Gathering from Artifacts

People create, use, and modify things in the course of doing their work.

These things are considered artifacts. All artifacts have structure.

Artifact Gathering Stories

Page 21: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

The Guts of Gathering:Listening

The conversation between the customer and interviewer about the customer’s work (rather than the system/document design) creates a shared understanding and commitment between groups.

– Beyer and Holzblatt

Page 22: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Back to our story

Page 23: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

USDA Students Reviewed Recommendations Report (Gathering

from artifacts)

Page 24: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

USDA Students Interviewed Stakeholders and

Representative Users

Page 25: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students Asked Focusing Questions

3. How do they/we

measure success?

2. What TASKS do they want to do?

1. Who’s the audience?

Page 26: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

They gather information by focusing on results

What is the mission of your organization?

How does the product support the organization’s mission?

What are goals for the product? Business goals? User goals?

What would success look like?

Page 27: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students Gathered Information from the Bottom Up

Focused on users and user action Enabled user questions to “rise”

to the surface Focused on reshaping content for

use

Page 28: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students Explored Relationship of Audience and Tasks

Tool for Relating

Audienceand Tasks

TOOL YOU CAN USE

Tasks have observable beginnings

and

observable ends

Page 29: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students also gathered information from the “Top Down”

Listed Content as is (content lists) Compared resource sites (comparative

analyses) Listed types of documents for future

templates Assessed language used by various

audience members Discussed business requirements with

stakeholders

Page 30: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students Organized Findings in a Planning Document

Organize your findings: Identify where you are going Identify users, goals, and tasks Envision how the site will

meet user goals Find out if you’ve met your

measures of success

Planning Document

Communicates the Big Vision

Identifies possibilities

Manages expectations

Serves as the basisfor evaluating progressas you work on theproject

Page 31: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Planning Document

Page 32: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Second Phase: Evaluate

G gather

E evaluate

C chunk

K know

O organize

Page 33: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

To Evaluate, We Built TrianglesAnd Envisioned our Audiences

                                                                                            

                                                                               

Page 34: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

USDA Students Explored User-Focused Questions

“Can we build a product that enables people to do what they need to do?”

Page 35: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

We developed “Personas”so when we thought about our users, we could FOCUS on actual people.

Page 36: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

We Evaluated Content and Structure…

We kept questions within our “triangle framework” Who is the audience? What do THEY want to do with content? What are measures of success -- theirs and

ours?

We looked toward what is possible Where are you now? Where do you want to go? How can we get there?

Page 37: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Third Phase: Chunk

G gather

E evaluate

C chunk

K know

O organize

Page 38: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Big Picture: Arrangement

When we build communication products, we must be aware of arrangement How parts of text can be defined How they relate to each other

How they are ordered so the audience experiences them in a certain sequence.

Ari

stotl

e

Page 39: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Arrangement requires deciding

Arrangement requires deciding what is being arranged We must decide what parts

should be grouped and labeled We must decide how the

boundaries between these parts should be perceived.

Page 40: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Overview: Chunking

Finding, winnowing, sorting, organizing and imprinting the information takes priority over creating it… The way information is presented and organized becomes as important as the content.

Richard Saul Wurman--coined the term “information architect”

Page 41: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

USDA Students Explored Clustering Strategies

Conducted card sorting Identified content

groupings Selected initial labels

USDA Students Explored Content Via the

“Noun/Verb Game”

Page 42: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Fourth Phase: Know (Test)

G gather

E evaluate

C chunk

K know -- TEST w/users

O organize

Page 43: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

“Knowing” Users…

Users themselves do not know how to articulate what they do -- especially if they are very familiar with the tasks they perform.

User’s testimony is often incomplete. They emphasize activities that they find exciting or they find difficult.

User’s testimony is often inaccurate. They report on what they believe to be true, not what is.

Source: Hackos & Redish

Research shows:

Page 44: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Students developed initial mockups which we

tested in class

Page 45: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

A class intern combined ideas into more complex prototype (which we tested in class)

Page 46: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Prototype findings served as the basis for

design mockups

(which we tested)

Page 47: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Class Provided Recommendations

Use your data from information gathering and testing to present groupings of content

Incorporate different routes so people can access content

Maintain consistency throughout

Page 48: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Many Continued as Volunteers

Volunteers began meeting at Info.Design Studio to “OPTIMIZE” site-- ensuring structure and content supports users

Page 49: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Fifth Phase: Optimize

G gather

E evaluate

C chunk

K know -- TEST w/users

O optimize

Page 50: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Optimize

We are challenged to populate: Landing screens

• Home pages

• Audience home pages

• Topic home pages

Content screens• Text, relationships, and downloads

Page 51: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Volunteers Developed Performance-focused Site Built Around Measures of Success

Page 52: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

We All Have Opportunities for Optimizing…

Save room in your schedule before launch to revisit and reflect on your measures of success.

Have you planned with these measures in mind?

Are you supporting audiences with what they want to do?

Page 53: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Site Development

23 different writers Content team Programming team Review team

Page 54: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Tested New Site(Summative Testing)

Page 55: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Sample Page:

Why PL/BenefitsLearned lessonsup until launch

Page 56: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Opportunities Remain

Page 57: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Final Minutes:We reflect on why process matters -- and what you can do

Page 58: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Why Process Matters

Management Reasons

Poorly architected sites/products are harder to maintain (changes seem arbitrary and haphazard)

Communication products without solid, expandable, architecture require new decisions, approvals, and political battles

Page 59: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Summary: Why Structured Process Matters

End Result: Improving the information used by workers raises their measured performance substantially—never less than a 20% improvement, sometimes as high as 600%.

Thomas Gilbert, Engineering Human Performance

Page 60: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Process = Success Systems approaches work because they:

Focus an organization—at the outset—on how the system can support people in doing what they want to do.

Create a roadmap that is used for subsequent planning and implementation.

Link different elements in the site development process. All evaluation is based on the goals you set in the beginning.

Page 61: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Try out this framework for crafting usable structure

G gather

E evaluate

C chunk

K know

O optimize

Page 62: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Try out this framework for crafting usable structure

G gather

E evaluate

C chunk

K know

O optimize

You have the

opportunity to create

happy users

Page 63: Info.Design © 2005  Putting the User First: A Success Story and Tips for Structuring Information Thom Haller thom@thomhaller.com Rejoicing

Info.Design © 2005 www.infodn.com

Thanks.

By attending to process, we can structure information so people can find what they

want, use it, and appreciate the experience.

Thanks. [email protected]