SlideShare a Scribd company logo
1 of 70
Download to read offline
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
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

Viewers also liked

Pda Visual Inspection 2009 Aldrich
Pda Visual Inspection 2009 AldrichPda Visual Inspection 2009 Aldrich
Pda Visual Inspection 2009 Aldrich
D Scott Aldrich
 
Psychology: Visual perception 3. By Janice Fung.
Psychology: Visual perception 3. By Janice Fung.Psychology: Visual perception 3. By Janice Fung.
Psychology: Visual perception 3. By Janice Fung.
Janice Fung
 
Light and dark adaptation
Light and dark adaptationLight and dark adaptation
Light and dark adaptation
GauriSShrestha
 
Visual perception 1
Visual perception 1Visual perception 1
Visual perception 1
cece2012
 
Psychophysics of measurements, weber’s law, visual threshold & sensitivity
Psychophysics of measurements, weber’s law, visual threshold & sensitivityPsychophysics of measurements, weber’s law, visual threshold & sensitivity
Psychophysics of measurements, weber’s law, visual threshold & sensitivity
Mohammad Arman Bin Aziz
 
Psychophysics
PsychophysicsPsychophysics
Psychophysics
Raoul
 

Viewers also liked (17)

CHAPTER 1
CHAPTER 1CHAPTER 1
CHAPTER 1
 
Physiology of vision
Physiology of visionPhysiology of vision
Physiology of vision
 
Psychophysical functions@BCM勉強会
Psychophysical functions@BCM勉強会Psychophysical functions@BCM勉強会
Psychophysical functions@BCM勉強会
 
Pda Visual Inspection 2009 Aldrich
Pda Visual Inspection 2009 AldrichPda Visual Inspection 2009 Aldrich
Pda Visual Inspection 2009 Aldrich
 
Chapter 23
Chapter 23Chapter 23
Chapter 23
 
Arts Visual Perception Lecture 1
Arts Visual Perception Lecture 1Arts Visual Perception Lecture 1
Arts Visual Perception Lecture 1
 
Psychology: Visual perception 3. By Janice Fung.
Psychology: Visual perception 3. By Janice Fung.Psychology: Visual perception 3. By Janice Fung.
Psychology: Visual perception 3. By Janice Fung.
 
Visual Perception Lecture 2
Visual Perception Lecture 2Visual Perception Lecture 2
Visual Perception Lecture 2
 
Light and dark adaptation
Light and dark adaptationLight and dark adaptation
Light and dark adaptation
 
Visual perception 1
Visual perception 1Visual perception 1
Visual perception 1
 
Vision
VisionVision
Vision
 
Dark adaptation
Dark adaptationDark adaptation
Dark adaptation
 
Physiology of vision
Physiology of visionPhysiology of vision
Physiology of vision
 
Psychophysics of measurements, weber’s law, visual threshold & sensitivity
Psychophysics of measurements, weber’s law, visual threshold & sensitivityPsychophysics of measurements, weber’s law, visual threshold & sensitivity
Psychophysics of measurements, weber’s law, visual threshold & sensitivity
 
Visual perceptual
Visual perceptualVisual perceptual
Visual perceptual
 
Experimental Psychology
Experimental PsychologyExperimental Psychology
Experimental Psychology
 
Psychophysics
PsychophysicsPsychophysics
Psychophysics
 

Similar to Common UX Pitfalls

Practical Techniques for Field Research
Practical Techniques for Field ResearchPractical Techniques for Field Research
Practical Techniques for Field Research
Brad Nunnally
 
Planning guide but im doing it
Planning guide  but im doing itPlanning guide  but im doing it
Planning guide but im doing it
JayBrown42459
 

Similar to Common UX Pitfalls (13)

Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul
Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaulSneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul
Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul
 
Practical Techniques for Field Research
Practical Techniques for Field ResearchPractical Techniques for Field Research
Practical Techniques for Field Research
 
Sneaking in Good UX Without a UX Budget - WordCamp Chicago 2017 - anthonydpaul
Sneaking in Good UX Without a UX Budget - WordCamp Chicago 2017 - anthonydpaulSneaking in Good UX Without a UX Budget - WordCamp Chicago 2017 - anthonydpaul
Sneaking in Good UX Without a UX Budget - WordCamp Chicago 2017 - anthonydpaul
 
Why design sprints are awesome
Why design sprints are awesomeWhy design sprints are awesome
Why design sprints are awesome
 
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
 
Planning guide but im doing it
Planning guide  but im doing itPlanning guide  but im doing it
Planning guide but im doing it
 
UX isn't here to steal your toys
UX isn't here to steal your toysUX isn't here to steal your toys
UX isn't here to steal your toys
 
Prototyping tools
Prototyping toolsPrototyping tools
Prototyping tools
 
Fmp proposal 2020
Fmp proposal 2020Fmp proposal 2020
Fmp proposal 2020
 
Bhuvana UX Portfolio_2016
Bhuvana UX Portfolio_2016Bhuvana UX Portfolio_2016
Bhuvana UX Portfolio_2016
 
Workshop UX Patterns for Developers - MicrosoftCommiunity
Workshop UX Patterns for Developers - MicrosoftCommiunityWorkshop UX Patterns for Developers - MicrosoftCommiunity
Workshop UX Patterns for Developers - MicrosoftCommiunity
 
Why user experience design fails.
Why user experience design fails.Why user experience design fails.
Why user experience design fails.
 
BrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXBrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UX
 

More from Brad Nunnally

Body Language The Hidden Language
Body Language The Hidden LanguageBody Language The Hidden Language
Body Language The Hidden Language
Brad Nunnally
 

More from Brad Nunnally (16)

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

Recently uploaded

Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
cholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdfcholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdf
RawalRafiqLeghari
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 

Recently uploaded (20)

Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
cholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdfcholilithiasis, cholecystitis,gall bladdder .pdf
cholilithiasis, cholecystitis,gall bladdder .pdf
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...
❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...
❤️ Call Girls Service Amritsar Call Girls (Adult Only) 💯Call Us 🔝 6378878445 ...
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 

Common UX Pitfalls