common ux pitfalls

70
Brad Nunnally - @bnunnally #UXPitFalls Common UX Pitfalls

Upload: brad-nunnally

Post on 27-Jan-2015

128 views

Category:

Design


2 download

DESCRIPTION

This is the presentation I gave at the St. Louis Day of .Net conference. Having a dedicated User Experience Designer on projects is still a rare thing for many teams. In many cases, the creative churns out a design, an analyst specs it out, and a developer is then tasked to build it. During this session, I’ll go over many common pitfalls that can negatively impact a users experience, and offer arguments that the audience can then use to challenge the creative or analyst to rethink the design.

TRANSCRIPT

Page 1: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Common UXPitfalls

Page 2: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

What Kind of Pitfalls?

Page 3: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Make You Wanna...

Page 4: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Where’s the trendy Designer?

Page 5: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Where’s the Easy Button?

Page 6: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Simple Task Right?

Page 7: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Simple Task Right? Step 1: Go To Travel Website

Type Location - Airport Code?Type Destination - Airport Code?Pick Dates - Departure & ReturnPick Flight Time Ranges Pick Number of PassengersPick Seat Type - What’s the difference?Nonstop? MaybeFind Hotels Also?

Page 8: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

YOU CAN PREVENT FOREST FIRESUX PITFALLS

Page 9: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Develop a UX Filter

Page 10: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Caught Early =

More $$$

Page 11: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Call Bullshit!

Page 12: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Two Main Categories

Page 13: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Low-Hanging Fruit

Page 14: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Bad Search

Page 15: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 16: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 17: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 18: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 19: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 20: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 21: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 22: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Improving SearchDon’t get cute with the search boxBuild trust Into the resultsApply meaningful filtersIndex content based on user’s frame of referenceHelp the user out

Page 23: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Bad Navigation

Page 24: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 25: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 26: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 27: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 28: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Improving NavigationUnderstands user’s preferred organization schemeUse natural languageDescriptive labeling Add appropriate iconographyPerform a Card Sort Activity

Page 29: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Readability

Page 30: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 31: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 32: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 33: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 34: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Making It ReadableHire a Copywriter/Tech WriterUse appropriate contrastMinimum Font size of 11pxUse appropriate line lengthUsability test your content

Page 35: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Violate Gestalt

Page 36: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 37: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 38: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 39: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 40: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 41: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 42: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Getting Gestalt RightFollow the basic principlesImprove AlignmentUse a baseline grid systemTrust in the eyeUse Visual Design Guidelines

Page 43: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Conceptual Design Problems

Page 44: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Bad Interaction Design Frameworks

Page 45: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 46: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 47: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 48: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

PreventionGetting Frameworks Right

User ResearchCompetitive AnalysisContextual InquiryHeuristic Evaluation

Prototype Design and TestingUse Framework and Pattern Libraries

Page 49: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Poor Information Design

Page 50: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 51: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 52: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 53: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

PreventionMeaningful Information Delivered

User ResearchContent AuditWeb AnalyticsA/B Testing

Maintain a Content InventoryGenerate a Content StrategyDevelop a Content Layer

Page 54: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Accessibility

Page 55: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 56: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 57: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 58: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

PreventionMaking Accessible To All

User ResearchUsability Test with the disabled

Perform a Accessibility AuditConform to Section 508 ComplianceFollow WCAG Standards

Page 59: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Avoiding The Pits

Page 60: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Involve Users! Duh!

Page 61: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 62: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Role Play

Page 63: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Collaborate

Page 64: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Use Patterns

Page 65: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Warning on Patterns

Page 66: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Understand UX

Page 67: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Page 68: Common UX Pitfalls

Brad Nunnally - @bnunnally #UXPitFalls

Reading ListSome Midnight Reading

Don’t Make Me ThinkSketching User ExperiencesSimple and UsableForms That WorkWeb Form DesignInmates Are Running The Asylum

Page 69: Common UX Pitfalls
Page 70: Common UX Pitfalls

Brad NunnallySr User Experience DesignerEmail - [email protected] - @bnunnallyBlog - http://www.bradsramblings.comSpeakerRate - http://spkr8.com/t/8110