the anatomy of an excellent user experience (ux)

37
The Anatomy of an Excellent User Experience Alan Blood @thealanblood spring, 2013

Upload: alan-blood

Post on 27-Jan-2015

119 views

Category:

Technology


5 download

DESCRIPTION

Finally, thanks to a ton of research done by the ACM and almost twenty years of experience as a User Experience professional, we can get a clear, no nonsense definition of what a good UX is and what makes it good! Take the guess work out of the process. Put away the crystal ball. User Experience is not a "dark art" known only to a few. It is a critical part of any effort that seeks to improve the lives of people. Improve the UX quality of your products and services by internalizing the key aspects of information form, information content and information timing through simplification, increased relevance, and improved methods of orienting your users.

TRANSCRIPT

Page 1: The Anatomy of an Excellent User Experience (UX)

The Anatomy of an Excellent User

ExperienceAlan Blood

@thealanbloodspring, 2013

Page 2: The Anatomy of an Excellent User Experience (UX)

Thankfully, now and then, we find something that is really well designed.

Page 3: The Anatomy of an Excellent User Experience (UX)

So...

What makes something really well designed?

Page 4: The Anatomy of an Excellent User Experience (UX)

“It's reliable.”

“It looks really nice.”

“It does just what I want.”

“It’s fast and doesn't make me wait.”

“Wow, it’s really cool, and all my friends use it.”

Page 5: The Anatomy of an Excellent User Experience (UX)

Whatever your criteria of cool, there is a rational,

scientific explanation of

what makes a thing work really well.

Page 6: The Anatomy of an Excellent User Experience (UX)

Here’s the explanation:

Success in a design means that three fundamental human needs are being

addressed in a balanced way...

Page 7: The Anatomy of an Excellent User Experience (UX)

Those needs are:

SimplicityRelevanceOrientation

Page 8: The Anatomy of an Excellent User Experience (UX)

simplicity, relevance, orientation

Page 9: The Anatomy of an Excellent User Experience (UX)

Simplicity

The design must be simple enough at any point in a process to be picked up

and easily understood and used by the average person.

Page 10: The Anatomy of an Excellent User Experience (UX)

Relevance

The design must provide all necessary information needed for a person to effectively and efficiently

complete the desired tasks.

Page 11: The Anatomy of an Excellent User Experience (UX)

Orientation

The thing must inform and reassure the person of where they were, where they are, what they're doing, and what

they can do next.

Page 12: The Anatomy of an Excellent User Experience (UX)

A violation of any of those three criteria results in a usability failure,

and therefore a design failure.

Page 13: The Anatomy of an Excellent User Experience (UX)

too complex

lacks relevance

lacks context and

feedback

too complex, lacks relevance, lacks context and feedback

Page 14: The Anatomy of an Excellent User Experience (UX)

ALL usability issues are the result of one or a combination of three root

issues:

Cognitive OverheadIrrelevant Information

Disorientation

Page 15: The Anatomy of an Excellent User Experience (UX)

Things you can do to resolve ANY usability issue:

Reduce complexity Improve relevance

Orient the user

Page 16: The Anatomy of an Excellent User Experience (UX)

1. Reduce Complexity

Get the visual communication and interaction minds together to reduce cognitive

overhead.

Top Results:

- Improved information accessibility - Improved UI efficiency and effectiveness

- Improved overall structural quality of the UI

Page 17: The Anatomy of an Excellent User Experience (UX)

Reduce Complexity

Get the visual communication and interaction minds together to reduce

cognitive overhead.

visual communication, interaction and workflow, user experience, ux, issues with the under interface, interface structural quality, information packaging quality, information accessibility

Page 18: The Anatomy of an Excellent User Experience (UX)

2. Improve Relevance

Get the visual communication and evaluation/usability minds together to improve

information relevancy.

Results:

- Improved accuracy of the information- User intents more accurately targeted- Scope of the information is improved

Page 19: The Anatomy of an Excellent User Experience (UX)

Improve Relevance

Get the visual communication and evaluation/usability

minds together to improve information relevancy.

visual communication, evaluation and insight, user experience, ux, issues with the content, information accuracy,information relevance, information completeness

Page 20: The Anatomy of an Excellent User Experience (UX)

3. Orient the User

Get the interaction design and evaluation/usability minds together to address

problematic models, patterns, and ideas.

Results:

- Users are effectively guided to next steps - Information is more effectively delivered- Connection between past and present is

clearer

Page 21: The Anatomy of an Excellent User Experience (UX)

Orient the User

Get the interaction design and

evaluation/usability minds together to address

problematic models, patterns, and ideas.

evaluation and insight, interaction and workflow, user experience, ux, issues with the context and timing, history maintenance quality, information delivery quality, information currency

Page 22: The Anatomy of an Excellent User Experience (UX)

Summary:

For cognitive overhead/complexity issues, focus on the form of the UI.

For information relevancy issues, focus on the content.

For orientation issues, focus on the timing of the information.

Page 23: The Anatomy of an Excellent User Experience (UX)

Remember that:

The "form" of information primarily involves the user interface

The "relevance" of information primarily involves the content

The "timing" of the information primarily involves sequencing

Page 24: The Anatomy of an Excellent User Experience (UX)

information form, information content, information time, cognitive overhead, irrelevant information, disorientation

Page 25: The Anatomy of an Excellent User Experience (UX)

information form, information content, information time, cognitive overhead, irrelevant information, disorientation, history maintenance quality, information delivery quality, information currency, information accuracy,information relevance, information completeness, interface structural quality, information packaging quality, information accessibility

Page 26: The Anatomy of an Excellent User Experience (UX)

And, during all phases of the process...

CONTENT IS KING

(users don't want UI, they want the information)

Page 27: The Anatomy of an Excellent User Experience (UX)

information form, information content, information time, cognitive overhead, irrelevant information, disorientation, history maintenance quality, information delivery quality, information currency, information accuracy,information relevance, information completeness, interface structural quality, information packaging quality, information accessibility,information content is presented using aspects of information form, information content is delivered using aspects of information time

Page 28: The Anatomy of an Excellent User Experience (UX)

The point:

The various members of a UX team must come together and strengthen each other's

weaknesses.

When that truly happens, there's always magic.

Page 29: The Anatomy of an Excellent User Experience (UX)

user experience, ux, visual communication, interaction and workflow, evaluation and insight, information form, information content, information time,

Page 30: The Anatomy of an Excellent User Experience (UX)

UX team members bring three fundamentally different areas of

expertise to the table.

The team must assess where the skills and experience are, and then

coalesce.

Page 31: The Anatomy of an Excellent User Experience (UX)

user experience, ux, visual communication, interaction and workflow, evaluation and insight, information form, information content, information time, Product Design,Prototyping,Content Strategy, Messaging, Market Research, Design Strategy, Usability, Observation, Accessibility, Workflow Analysis, color principles andtheories, typography and grids,writing and voice, illustration, iconography, gestalt principles, mood boards, composition, brand integrity, design language, archetypes, actors, and personas, user interface and interactivity, scenarios, workflows, and tasks, mental models and heuristics, user and activity centered design, information architecture, ethnography, market research, and comparative analysis, ci, observation, usage patterns, walkthroughs and interviewing, screeners and user samples, measuring success, presenting results and feedback

Page 32: The Anatomy of an Excellent User Experience (UX)

It's at the skill overlaps that the root issues in a UX are effectively addressed...

...not by the individual UX areas of expertise.

Page 33: The Anatomy of an Excellent User Experience (UX)

It takes team maturity and individual humility for all UX disciplines to unify

toward the center.

When that happens, three magical things happen that can help the entire

organization catch fire...

Page 34: The Anatomy of an Excellent User Experience (UX)

The envisioning of new concepts led with visual communication skills

The emergence of new workflows and

solutions led with interaction design skills Gui

danc

e via

insig

htfu

l res

earc

h an

d ah

-ha

mea

sure

men

t led

with

eva

luat

ion

and

obse

rvat

iona

l skil

ls

Page 35: The Anatomy of an Excellent User Experience (UX)

Unity brings joy to everyone...

...especially our patrons!

a rocking ux with simplicity, relevance, orientation

Page 36: The Anatomy of an Excellent User Experience (UX)

References

http://dl.acm.org/citation.cfm?id=1089108

Download the ACM pdf for freeee: http://www.acsu.buffalo.edu/~rkishore/papers/Kim-CACM-

48-10.pdf

http://www.dubberly.com/concept-maps/creative-process.html

Page 37: The Anatomy of an Excellent User Experience (UX)

from dq to eq: understanding data quality in the context of e-business systems, communications of the acm, october 2005, by yong jin kim, rajiv kishore, g. lawrence sanders