SlideShare a Scribd company logo
Common UX
Pitfalls

Brad Nunnally - @bnunnally   #UXPitFalls
What Kind of Pitfalls?




Brad Nunnally - @bnunnally   #UXPitFalls
Make You Wanna...




Brad Nunnally - @bnunnally   #UXPitFalls
Where’s the trendy
                       Designer?




Brad Nunnally - @bnunnally               #UXPitFalls
Where’s the Easy
              Button?




Brad Nunnally - @bnunnally   #UXPitFalls
Simple Task Right?




Brad Nunnally - @bnunnally   #UXPitFalls
Simple Task Right?
    Step 1: Go To Travel Website
         Type Location - Airport Code?
         Type Destination - Airport Code?
         Pick Dates - Departure & Return
         Pick Flight Time Ranges
         Pick Number of Passengers
         Pick Seat Type - What’s the difference?
         Nonstop? Maybe
         Find Hotels Also?


Brad Nunnally - @bnunnally                #UXPitFalls
YOU CAN PREVENT
       FOREST FIRES
        UX PITFALLS


Brad Nunnally - @bnunnally   #UXPitFalls
Develop a UX Filter




Brad Nunnally - @bnunnally   #UXPitFalls
Caught Early
     =
 More $$$


Brad Nunnally - @bnunnally   #UXPitFalls
Call Bullshit!




Brad Nunnally - @bnunnally      #UXPitFalls
Two Main Categories


Brad Nunnally - @bnunnally   #UXPitFalls
Low-Hanging Fruit




Brad Nunnally - @bnunnally   #UXPitFalls
Bad Search




Brad Nunnally - @bnunnally    #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Improving Search
       Don’t get cute with the search box
       Build trust Into the results
       Apply meaningful filters
       Index content based on user’s frame of
       reference
       Help the user out




Brad Nunnally - @bnunnally               #UXPitFalls
Bad Navigation




Brad Nunnally - @bnunnally    #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Improving Navigation
       Understands user’s preferred
       organization scheme
       Use natural language
       Descriptive labeling
       Add appropriate iconography
       Perform a Card Sort Activity




Brad Nunnally - @bnunnally            #UXPitFalls
Readability




Brad Nunnally - @bnunnally     #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Making It Readable
       Hire a Copywriter/Tech Writer
       Use appropriate contrast
       Minimum Font size of 11px
       Use appropriate line length
       Usability test your content




Brad Nunnally - @bnunnally             #UXPitFalls
Violate Gestalt




Brad Nunnally - @bnunnally     #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Getting Gestalt Right
       Follow the basic principles
       Improve Alignment
       Use a baseline grid system
       Trust in the eye
       Use Visual Design Guidelines




Brad Nunnally - @bnunnally            #UXPitFalls
Conceptual Design
             Problems




Brad Nunnally - @bnunnally   #UXPitFalls
Bad Interaction
        Design Frameworks




Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Prevention
   Getting Frameworks Right
        User Research
           Competitive Analysis
           Contextual Inquiry
           Heuristic Evaluation
        Prototype Design and Testing
        Use Framework and Pattern Libraries




Brad Nunnally - @bnunnally              #UXPitFalls
Poor
        Information Design




Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Prevention
   Meaningful Information Delivered
       User Research
          Content Audit
          Web Analytics
          A/B Testing
       Maintain a Content Inventory
       Generate a Content Strategy
       Develop a Content Layer




Brad Nunnally - @bnunnally            #UXPitFalls
Accessibility




Brad Nunnally - @bnunnally      #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Prevention
   Making Accessible To All
        User Research
           Usability Test with the disabled
        Perform a Accessibility Audit
        Conform to Section 508 Compliance
        Follow WCAG Standards




Brad Nunnally - @bnunnally               #UXPitFalls
Avoiding The Pits




Brad Nunnally - @bnunnally   #UXPitFalls
Involve Users! Duh!




Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Role Play




Brad Nunnally - @bnunnally     #UXPitFalls
Collaborate




Brad Nunnally - @bnunnally    #UXPitFalls
Use Patterns




Brad Nunnally - @bnunnally    #UXPitFalls
Warning on Patterns




Brad Nunnally - @bnunnally   #UXPitFalls
Understand UX




Brad Nunnally - @bnunnally   #UXPitFalls
Brad Nunnally - @bnunnally   #UXPitFalls
Reading List
   Some Midnight Reading
       Don’t Make Me Think
       Sketching User Experiences
       Simple and Usable
       Forms That Work
       Web Form Design
       Inmates Are Running The Asylum




Brad Nunnally - @bnunnally              #UXPitFalls
Common UX Pitfalls
Brad Nunnally
Sr User Experience Designer
Email - brad.nunnally@perficient.com
Twitter - @bnunnally
Blog - http://www.bradsramblings.com
SpeakerRate - http://spkr8.com/t/8110

More Related Content

PDF
How UX design is done
PPTX
PPT
Affine representations in psychophysics and the near miss to weber’s law
PPT
END-Techniques
PPT
Physiological and psychophysical methods
KEY
Sensation Slides
How UX design is done
Affine representations in psychophysics and the near miss to weber’s law
END-Techniques
Physiological and psychophysical methods
Sensation Slides

Viewers also liked (17)

PPTX
Physiology of vision
PDF
Psychophysical functions@BCM勉強会
PPT
Pda Visual Inspection 2009 Aldrich
PPT
Chapter 23
PPTX
Arts Visual Perception Lecture 1
PPTX
Psychology: Visual perception 3. By Janice Fung.
PPT
Visual Perception Lecture 2
PPT
Light and dark adaptation
PPT
Visual perception 1
PPT
Vision
PPTX
Dark adaptation
PPTX
Physiology of vision
PPTX
Psychophysics of measurements, weber’s law, visual threshold & sensitivity
PPTX
Visual perceptual
PPT
Experimental Psychology
KEY
Psychophysics
Physiology of vision
Psychophysical functions@BCM勉強会
Pda Visual Inspection 2009 Aldrich
Chapter 23
Arts Visual Perception Lecture 1
Psychology: Visual perception 3. By Janice Fung.
Visual Perception Lecture 2
Light and dark adaptation
Visual perception 1
Vision
Dark adaptation
Physiology of vision
Psychophysics of measurements, weber’s law, visual threshold & sensitivity
Visual perceptual
Experimental Psychology
Psychophysics
Ad

Similar to Common UX Pitfalls (20)

PDF
Developing a Search & Findability Practice for the Enterprise
PDF
Developing a Search & Findability Practice for the Enterprise – Ravi Mynampat...
PDF
Web Usability: Making Your Sites More Awesomer
PPT
Usability & User Experience 101 - #UX101
PPTX
Selling UX in Your Organization - Stir Trek 2012
PPTX
Selling UX at CodeMash 2012
PPTX
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
PPTX
Creating the Best Experience: Accessibility & Usability
PDF
Usability & Web Design Considerations (whitepaper)
PDF
Quantifying User Experience (UX)
PPTX
Interface Usability - Adding Schweppervescence
 
KEY
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
PDF
Common Design Patterns for Mobile (part 1)
PDF
UX Toolkit: Phase Three - Skeleton
ZIP
Usability, User Experience and the Internet in the 21st Century
PDF
Usability and Salesforce - Dallas Salesforce.com User Group September 2011
PDF
UX Usability Heuristics
PPTX
Tampa UX Meetup - October 2014 - Slides
PDF
Web usability a complete list of ux ui best practices
PDF
Don’t Just Build Pretty Websites — UX in the Real World
Developing a Search & Findability Practice for the Enterprise
Developing a Search & Findability Practice for the Enterprise – Ravi Mynampat...
Web Usability: Making Your Sites More Awesomer
Usability & User Experience 101 - #UX101
Selling UX in Your Organization - Stir Trek 2012
Selling UX at CodeMash 2012
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
Creating the Best Experience: Accessibility & Usability
Usability & Web Design Considerations (whitepaper)
Quantifying User Experience (UX)
Interface Usability - Adding Schweppervescence
 
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
Common Design Patterns for Mobile (part 1)
UX Toolkit: Phase Three - Skeleton
Usability, User Experience and the Internet in the 21st Century
Usability and Salesforce - Dallas Salesforce.com User Group September 2011
UX Usability Heuristics
Tampa UX Meetup - October 2014 - Slides
Web usability a complete list of ux ui best practices
Don’t Just Build Pretty Websites — UX in the Real World
Ad

More from Brad Nunnally (17)

PDF
Practical Field Research Workshop UX Lisbon 2016
PDF
Practical Techniques for Field Research
PDF
Users In The Mist - Future Insight Live 2015
PDF
See What I Mean: The Language of the Body
PDF
Body Language The Hidden Language
PDF
Choice...Gateway to Engagement - SxSW 2014
PDF
SxSW 2013 Visual Aid
PDF
Misconceptions on Perception
PDF
Users In The Mist - Stories from Field Studies
PDF
STC Summit - From Cancer To Bankruptcy
PDF
From Cancer To Bankruptcy
PDF
Ethical Frameworks for Behavioral Design
PDF
Sketching With Sketchflow - Overview of Prototyping
PPTX
Prototype Your Startup
PDF
Who Is Brad
PDF
User Experience Doesn't Equal User Interface
ZIP
IA Summit Recap St. Louis IxDA
Practical Field Research Workshop UX Lisbon 2016
Practical Techniques for Field Research
Users In The Mist - Future Insight Live 2015
See What I Mean: The Language of the Body
Body Language The Hidden Language
Choice...Gateway to Engagement - SxSW 2014
SxSW 2013 Visual Aid
Misconceptions on Perception
Users In The Mist - Stories from Field Studies
STC Summit - From Cancer To Bankruptcy
From Cancer To Bankruptcy
Ethical Frameworks for Behavioral Design
Sketching With Sketchflow - Overview of Prototyping
Prototype Your Startup
Who Is Brad
User Experience Doesn't Equal User Interface
IA Summit Recap St. Louis IxDA

Recently uploaded (20)

PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
Media And Information Literacy for Grade 12
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
building Planning Overview for step wise design.pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
DOCX
actividad 20% informatica microsoft project
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
6- Architecture design complete (1).pptx
PDF
Phone away, tabs closed: No multitasking
PPTX
An introduction to AI in research and reference management
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Media And Information Literacy for Grade 12
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
rapid fire quiz in your house is your india.pptx
building Planning Overview for step wise design.pptx
Tenders & Contracts Works _ Services Afzal.pptx
SEVA- Fashion designing-Presentation.pdf
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
HPE Aruba-master-icon-library_052722.pptx
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
actividad 20% informatica microsoft project
YOW2022-BNE-MinimalViableArchitecture.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
6- Architecture design complete (1).pptx
Phone away, tabs closed: No multitasking
An introduction to AI in research and reference management

Common UX Pitfalls