Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity,...

47
Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC

Transcript of Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity,...

Page 1: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Case Study — Information Design: A Process for Web Architectural Success

Eric HughesSimplexity, LLCMatriculus, LLC

Page 2: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.
Page 3: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

The original site home page

Page 4: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Lists of lists and more lists

Page 5: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

And no place to go…

Page 6: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

The sales meeting

Page 7: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Why hire us?

We’ll tell you how we’ll know when we’re done.

The reason you do process is to define an end point.

Page 8: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

You get the contract!

Page 9: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What already existed

Focus groups with programs

Page 10: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What already existed

Online survey with internal and external stakeholders

Page 11: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What already existed

Log Reports

Page 12: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What already existed

Executive Team Surveys

Page 13: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What already existed

More committees, processes, flowcharts than I could count

Page 14: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

So we categorized the categorizers…

Page 15: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

As with most stalled projects…

There was list of audiences, but there had been little attention paid to who key the key audiences were and what they cared about.

Page 16: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

The list…• Urban residents of Arkansas• Rural residents of Arkansas • Residents of other states• Residents of other countries• Other Cooperative

Extension Services• Anyone who uses the

internet• Old, young, educated,

ignorant, impoverished, wealthy, curious, mandated

• Anyone looking for research-based information

• Aging population• Parents with young children• Newlyweds/married

couples/couples in committed relationships

• Community Leaders• Homemakers

• Youth• Homeowners• Early Childcare Professionals• Adults (18yrs and up) • Poultry producers• Livestock producers• Row crop farmers• Commodity/Promotion

Boards• Consultants• Industry (Food, Service,

Green, etc.)• Ag Development Teams• Families• Early Childcare providers,

foster parents• FCS teachers• State agencies/County

Agents• Adult volunteers• Grant/Research Funders

Page 17: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Audience whittling• Urban residents of Arkansas• Rural residents of Arkansas • Residents of other states• Residents of other countries• Other Cooperative

Extension Services• Anyone who uses the

internet• Old, young, educated,

ignorant, impoverished, wealthy, curious, mandated

• Anyone looking for research-based information

• Aging population• Parents with young children• Newlyweds/married

couples/couples in committed relationships

• Community Leaders• Homemakers

• Youth• Homeowners• Early Childcare Professionals• Adults (18yrs and up) • Poultry producers• Livestock producers• Row crop farmers• Commodity/Promotion

Boards• Consultants• Industry (Food, Service,

Green, etc.)• Ag Development Teams• Families• Early Childcare providers,

foster parents• FCS teachers• State agencies/County

Agents• Adult volunteers• Grant/Research Funders

Page 18: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Customer interviews

Page 19: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

The key document

Page 20: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

The key document

Page 21: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What we did really well at the beginning

• Understand the real problem.• Document the problem at hand and

drive review.• Be willing to modify process at will.• Avoid duplication of what had already

been done; build on it.• Make sure people know they did a

great job, and that now was the smart time to bring in outside help (manage social media!)

• Become a part of the culture, or at least try.

• Worship the differences between driving and accommodating behavior.

• Document the design & project process.

Page 22: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Documenting process

• The advantage to documenting process is not to communicate what needs to be done, it is to put in writing what you think needs to be done so that there is a reasonable chance your clients will disagree or modify it before it actually happens.

• Process (& communications) drive behavior change, so people need to sleep on it.

• In any project, things will iteratively change.

Page 23: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

The benefits of doing all this stuff

• In any project, there are way too many people who can meddle at inopportune times.

• Some of it is research and helps define the organizing principle.

• Some of it is research and helps defend solutions obtained in other ways.

• It makes you an obvious part of the solution.

• You get to know everyone quickly.

Page 24: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: personasSixty year-old Frances is the mother of four children and a grandmother as well. She lives in her own home, and has been gardening since she was a child in southern Indiana. She loves people and thoroughly enjoys answering questions about what kind of bug is eating local vegetables and what is that blotchy stuff on that leaf is.

She has a computer and knows how to find things on the web, but much prefers to talk in person or on the phone.

She became a master gardener by studying and taking classes on the weekends as she finished her career as a human resources manager at a regional bank. She volunteers at Farmer's Markets and for the Cleveland County 4H club near Rison.

Page 25: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: scenarios

Page 26: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: audience success factors

Page 27: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: card sorting

Page 28: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: rules

Page 29: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: card sorting

Page 30: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

If a label comes to you quickly, it will almost certainly be wrong

Page 31: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: card sorting

Page 32: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: card sorting

Page 33: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: IA sorts

Page 34: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: site maps

Page 35: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Tools: wireframes/protoypes (Mockflow)

Page 36: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Final design: Home

Page 37: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Final design: Mobile

Page 38: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Final design: 2nd & third levels

Page 39: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Final design: 5 levels

Page 40: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Final design: Advanced Search

Page 41: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Final design: Advanced Search

Page 42: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Other lessons learned

• If you are working with a client that won’t let you interview customers, reconsider.

• Sell the interviews not as information architecture requirements, but as an opportunity to re-synch on who the customers are and what they care about.

• Get your clients to be a part of the interviews.

• Be incredibly sensitive to time constraints and modify process accordingly.

• Dig for what has been done, then make sure everyone knows what a great job they did.

Page 43: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Other lessons learned

• Once you have identified the correct solutions, be ready to compromise as the project matures.

• Carefully identify and manage solutions that require changes to business process.

• Be aware of changes to technology that are underway.

• Responsive design is harder than you think.

• Be willing to throw stuff away (TeamBox).

Page 44: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

What we provided as a result of IA process

• Problems & issues document; glossary• Navigational/functional schemes• Labels/structure• Personas, scenarios, audiences, tasks• Customer interviews• Card sorting process & results• Site maps for each section• Basic CMS training• ADA guidelines• A process and document to help manage

content• Design/standards/templates/style guide

Page 45: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

A comprehensive style guide

Page 47: Case Study — Information Design: A Process for Web Architectural Success Eric Hughes Simplexity, LLC Matriculus, LLC.

Why do we still need an IA process?

• Because there are still wanderers that are important audiences.

• chaos is no substitute for planning.

• clients want reasonable process to help manage change & expectations.

• it helps avoid expensive usability/design mistakes.