SlideShare a Scribd company logo
December 2021
Naughty & Nice
User Experiences
https://nashville-ux.slack.com/
Nashville UX Meetup Organizers
Alex

Patin
Theresa

Laurence
Ti
ff


Vandermark
Mike

Gallers
Kanesha

Patterson
Delightful positive experiences
Great interactive tooltip
- Alyssa W
Purple Carrot asked me for
feedback on an email
interaction with a customer
service representative, love
their reward system!
- Alyssa W
A poop fairy sign from my
vacation in Utah this summer.
Informative and cute!
- Alyssa W
A Grammerly tone
detector popup for the
word nerds. Emojis!
- Alyssa W
Not sure if this was intentional but
great physical product design.
Top of box is perforated so when
its in the pantry the contents are
easily accessible.
- Mike G
Smart marketing!
- Anonymous
Chili’s table device for paying your bill.
Contextual (optional)
surveys are great for
getting timely feedback
from users.
- Mike G
Doctors made a 3D print
of an ultrasound for an
expecting mother who
is blind. Wow!
- Anonymous
Flat panels are for pushing,
handles are for pulling.
No UX presentation is
complete without a
proper Norman door.
- Anonymous
I love Cashapp. It does one
thing and does it really well. It’s
really obvious what the
fi
rst
thing you do is.
Then the 2nd step is easy!
Venmo starts with more stu
ff
,
which is not as nice.
- Mike G
Its weird that an error can be
nice, but this is a great way to
show a form error. Easy to see,
understand, and visually
accessible.
It has an icon as well as color,
the error is clearly attached to
the
fi
eld, and its clear which
fi
eld has the error.
- Mike G
Icons
Icons aren’t always as clear as the designer thinks they are.
Very few icons are universally recognizable.
https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
Sometimes its okay to assume
context adds clarity, but why
not just show “Closed” and
“Open” ?
- Mike G
This is sometimes referred
to as the “Launch the
Octopus” button.
- Doug Collins
https://www.toptal.com/designers/ui/icon-usability-and-design https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
Icons with con
fl
icting meaning.
Boomerangs crossing paths? No clue.
https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
Labelled icons are much
more likely to be used.
- Google
Just plain funny and/or sad
Seeing a plane almost
hitting the ground is
probably not the message
they’re trying to send.
Everyone looks at their pillows
in their rearview mirror, right?
- Kerning Crimes FB Group
Huh?
- Kerning Crimes FB Group
Except, obviously, this ring.
- Kerning Crimes FB Group
Found on the Microcopy and UX
Writing Facebook group…
maybe I’ll cancel?
- Alyssa W
Who knew that mugs could be
so dangerous?
- Anonymous
If you've been looking for a sign
to help you remember to
include all assets in your design
package, here it is.
- Doug Collins
It’s only a minor UI design
problem. It doesn’t a
ff
ect UX.
We’ll
fi
x it in the next release.
- Doug Collins
Know your use cases.
- Doug Collins
When that warning dialog box
your management insisted on
only trips up users.
- Doug Collins
Annoying, bad, or cringe?
More Norman Doors!
It’s a classic.
This state park is AMAZING but…



Come on sign makers. Surely this was laid
out and designed before printing.
NO ONE thought that this arrow/label
layout would be confusing?
People had to scratch in lines so that
others would know Cherokee is actually
left and Hemlock is right.
- Mike G
Really local government?
Really?! Its 2021 and I still have
to
fi
ll out a long paper form to
get a duplicate auto title??
REALLY?!
- Mike G
20 minutes is "a moment"?! Writing is
SO important to your brand and
customer experience in your digital
products and services.
Don't just ship it, think, plan,
empathize, make it good! Or great!
Terrible experience with the TruGreen
app. It de
fi
nitely felt like my time was
not valuable. How about a way to go
into a queue for a callback?
- Mike G
A great example of how not
to show/write/handle a
system error.
It doesn't tell me ANY
information on what went
wrong. It doesn’t give me any
next steps. It doesn't even
suggest I try again.
- Mike G
Its 2021. How many people
still have a home phone?
- Mike G
Colors often mean things for non
colorblind users. Red is an alert/bad color
in U.S. why would they choose that if my
balance is $0.00?
Also, why are both buttons styled the
same? Typical rule is one primary CTA per
view. Less important or used options
should be styled with a secondary style.
- Mike G
You must select dates to continue. Use
the calendars on the left to do so.
If you’re going to have your primary CTA
look disabled, for the love of all that’s
holy, at least have some text telling the
user why it’s disabled or how to enable
it! Can use a tooltip on hover/click/tap.
It is SO frustrating when you don’t know
how to proceed.
- Mike G
Here’s another disabled button that had
me frustrated and annoyed.
I honestly did not know how to move
forward and I got no instructions or help.
Just leave it enabled (even if you stylize it
as disabled) and then show me an error
message when i hover/tap/click! Don't
make the user feel stupid.
Apparently i had to select a delivery
option, but the UI design did not
communicate that to me.
- Mike G
You must select your Delivery options to continue.
Question for the Slack
product team: Why are the
hearts not under the section
with a heart icon??
- Mike G
After struggling with drag and drop across screens
for probably the 1000th time I realized when I
organize an app on my phone it would be easier
for me if I could just select the folder from a list in
the popup. I know the folders that I use: social,
banking...



OR just do the best to smart organize based on the
type of app it is. “Would you like to add snapchat
to your ‘social’ folder?” “Would you like to add
Chase Banking to your ‘banking’ folder?”
Do more work as a researcher/designer/dev so
your users do less.
- Mike G
Ah, the good ole shame
method to try and control
user behavior.
- Mike G
Speaking of shaming, does
my video game system really
have to tell me i’m fat? And
kids used this too. SMH.
- Mike G
When you push to production
without a design review.
- Doug Collins
https://bitrebels.com/design/skateboard-fails-destroyed-or-deformed-skateboards/
Your software MVP or
“Skateboard” still has to be
useable and desirable.
Meeting the stated
requirements is not always
good enough for production.
- Doug Collins
Which is it?
Or
OR
Mobile safari moved the
address bar from the top to
the bottom. Di
ff
erent place,
breaking convention, but
much easier to tap into with
your thumbs.
- Mike G
OR
The Carrot weather app
has a ‘Snarky’ mode. Its
hilarious to me.
- Mike G
OR
Maybe they should have
gone with Watson’s Nuts.
- Mike G
Other Stuff.


Not necessarily naughty or nice.
Why not?
Anyone plan to be at their company for
40 years? #patience
Wouldn’t you think
something that says
NoBox wouldn’t
come in a box?
Ueueue.
Anybody got a
charger I can use?
December 2021
Fin.
THANKS FOR COMING!
For some classic naughty (scary) examples: https://www.slideshare.net/delcerebro/tampa-bay-ux-scary-ui-2

More Related Content

What's hot

Are You An User Experience Designer
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience Designer
Vinay Mohanty
 
What is UX?
What is UX?What is UX?
What is UX?
Nata Suu
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
Phuong Hoang Vu
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
dpanarelli
 
Content Structure & UX Guide by Kayak
Content Structure & UX Guide by KayakContent Structure & UX Guide by Kayak
Content Structure & UX Guide by Kayak
Kayak Marketing
 
ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...
Mind the Product
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UX
Jacklyn Burgan
 
Zoe's UX Portfolio
Zoe's UX PortfolioZoe's UX Portfolio
Zoe's UX Portfolio
Zoe Lewis
 
The User Experience Design of Everything
The User Experience Design of EverythingThe User Experience Design of Everything
The User Experience Design of Everything
Siyabonga Africa
 
Trends in interactive design 2013
Trends in interactive design 2013Trends in interactive design 2013
Trends in interactive design 2013
Prophets Agency
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
Christina Wodtke
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
Think 360 Studio
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
Sara Cannon
 
Designing for the 100%
Designing for the 100%Designing for the 100%
Designing for the 100%
FJ van Wingerde
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
 
3 common ux mistakes killing good design
3 common ux mistakes killing good design3 common ux mistakes killing good design
3 common ux mistakes killing good design
Halil Eren Çelik
 
The State of UX: Industry Trends & Survey Results - IA Summit 2017
The State of UX: Industry Trends & Survey Results - IA Summit 2017The State of UX: Industry Trends & Survey Results - IA Summit 2017
The State of UX: Industry Trends & Survey Results - IA Summit 2017
Lyle Kantrovich
 
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Anna Dahlström
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
Sebastian Waters
 
UX Work Shop
UX Work ShopUX Work Shop
UX Work Shop
Jessi Baker
 

What's hot (20)

Are You An User Experience Designer
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience Designer
 
What is UX?
What is UX?What is UX?
What is UX?
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
Content Structure & UX Guide by Kayak
Content Structure & UX Guide by KayakContent Structure & UX Guide by Kayak
Content Structure & UX Guide by Kayak
 
ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UX
 
Zoe's UX Portfolio
Zoe's UX PortfolioZoe's UX Portfolio
Zoe's UX Portfolio
 
The User Experience Design of Everything
The User Experience Design of EverythingThe User Experience Design of Everything
The User Experience Design of Everything
 
Trends in interactive design 2013
Trends in interactive design 2013Trends in interactive design 2013
Trends in interactive design 2013
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
 
Designing for the 100%
Designing for the 100%Designing for the 100%
Designing for the 100%
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
3 common ux mistakes killing good design
3 common ux mistakes killing good design3 common ux mistakes killing good design
3 common ux mistakes killing good design
 
The State of UX: Industry Trends & Survey Results - IA Summit 2017
The State of UX: Industry Trends & Survey Results - IA Summit 2017The State of UX: Industry Trends & Survey Results - IA Summit 2017
The State of UX: Industry Trends & Survey Results - IA Summit 2017
 
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UX Work Shop
UX Work ShopUX Work Shop
UX Work Shop
 

Similar to Naught and Nice User eXperiences

Transgressions in Digital Design
Transgressions in Digital DesignTransgressions in Digital Design
Transgressions in Digital Design
Matthew Magain
 
Oli Gardner - Data-Driven Design
Oli Gardner - Data-Driven DesignOli Gardner - Data-Driven Design
Oli Gardner - Data-Driven Design
Turing Fest
 
Tiktok Onboarding Analysis
Tiktok Onboarding AnalysisTiktok Onboarding Analysis
Tiktok Onboarding Analysis
Thomas Raffael Hogg
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
Crystal Beasley
 
IA Summit Cross Channel Workshop
IA Summit Cross Channel WorkshopIA Summit Cross Channel Workshop
IA Summit Cross Channel Workshop
Samantha Starmer
 
Digital Magazine Awards 2013 - Keynote
Digital Magazine Awards 2013 - KeynoteDigital Magazine Awards 2013 - Keynote
Digital Magazine Awards 2013 - Keynote
Rob Boynes
 
ALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEM
ALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEMALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEM
ALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEM
Pixel Crayons
 
How to Build a Prototype Workflow for Product/Market Fit
How to Build a Prototype Workflow for Product/Market FitHow to Build a Prototype Workflow for Product/Market Fit
How to Build a Prototype Workflow for Product/Market Fit
Tadpull
 
Fake Your Research
Fake Your ResearchFake Your Research
Fake Your Research
Adam Fendrych
 
10 key points for building the best app ever
10 key points for building the best app ever10 key points for building the best app ever
10 key points for building the best app ever
Phil Jenkins
 
Designing Successful Experiences for Bald Apes
Designing Successful Experiences for Bald ApesDesigning Successful Experiences for Bald Apes
Designing Successful Experiences for Bald Apes
Eva Willis
 
Oli Gardner – Data Driven Design
Oli Gardner – Data Driven Design Oli Gardner – Data Driven Design
Oli Gardner – Data Driven Design
Marketing Festival
 
Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08
Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08
Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08
Jenni Lloyd
 
A Play in Three Acts
A Play in Three ActsA Play in Three Acts
A Play in Three Acts
gnat
 
Characteristics of a well designed user interface
Characteristics of a well designed user interfaceCharacteristics of a well designed user interface
Characteristics of a well designed user interface
Thomas Byttebier
 
So what is it that you’re selling?
So what is it that you’re selling?So what is it that you’re selling?
So what is it that you’re selling?
Divante
 
The Future of Experience Design - MIMA 2012
The Future of Experience Design - MIMA 2012The Future of Experience Design - MIMA 2012
The Future of Experience Design - MIMA 2012
Samantha Starmer
 
Programming ideas
Programming ideasProgramming ideas
Programming ideas
Brian Pichman
 
Getting Ideas Out of Your Head and Into the App Store
Getting Ideas Out of Your Head and Into the App StoreGetting Ideas Out of Your Head and Into the App Store
Getting Ideas Out of Your Head and Into the App Store
Traci Lawson
 
Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)
Danielle Arvanitis
 

Similar to Naught and Nice User eXperiences (20)

Transgressions in Digital Design
Transgressions in Digital DesignTransgressions in Digital Design
Transgressions in Digital Design
 
Oli Gardner - Data-Driven Design
Oli Gardner - Data-Driven DesignOli Gardner - Data-Driven Design
Oli Gardner - Data-Driven Design
 
Tiktok Onboarding Analysis
Tiktok Onboarding AnalysisTiktok Onboarding Analysis
Tiktok Onboarding Analysis
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
 
IA Summit Cross Channel Workshop
IA Summit Cross Channel WorkshopIA Summit Cross Channel Workshop
IA Summit Cross Channel Workshop
 
Digital Magazine Awards 2013 - Keynote
Digital Magazine Awards 2013 - KeynoteDigital Magazine Awards 2013 - Keynote
Digital Magazine Awards 2013 - Keynote
 
ALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEM
ALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEMALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEM
ALERT! 7 TOP USER FRUSTRATIONS ON WEB & HOW TO RESOLVE THEM
 
How to Build a Prototype Workflow for Product/Market Fit
How to Build a Prototype Workflow for Product/Market FitHow to Build a Prototype Workflow for Product/Market Fit
How to Build a Prototype Workflow for Product/Market Fit
 
Fake Your Research
Fake Your ResearchFake Your Research
Fake Your Research
 
10 key points for building the best app ever
10 key points for building the best app ever10 key points for building the best app ever
10 key points for building the best app ever
 
Designing Successful Experiences for Bald Apes
Designing Successful Experiences for Bald ApesDesigning Successful Experiences for Bald Apes
Designing Successful Experiences for Bald Apes
 
Oli Gardner – Data Driven Design
Oli Gardner – Data Driven Design Oli Gardner – Data Driven Design
Oli Gardner – Data Driven Design
 
Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08
Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08
Smash-ability - supporting your brand in the widgetsphere / Jenni Lloyd / Oct 08
 
A Play in Three Acts
A Play in Three ActsA Play in Three Acts
A Play in Three Acts
 
Characteristics of a well designed user interface
Characteristics of a well designed user interfaceCharacteristics of a well designed user interface
Characteristics of a well designed user interface
 
So what is it that you’re selling?
So what is it that you’re selling?So what is it that you’re selling?
So what is it that you’re selling?
 
The Future of Experience Design - MIMA 2012
The Future of Experience Design - MIMA 2012The Future of Experience Design - MIMA 2012
The Future of Experience Design - MIMA 2012
 
Programming ideas
Programming ideasProgramming ideas
Programming ideas
 
Getting Ideas Out of Your Head and Into the App Store
Getting Ideas Out of Your Head and Into the App StoreGetting Ideas Out of Your Head and Into the App Store
Getting Ideas Out of Your Head and Into the App Store
 
Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)
 

More from Mike Gallers

UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - Overview
Mike Gallers
 
Scary eXperiences!
Scary eXperiences!Scary eXperiences!
Scary eXperiences!
Mike Gallers
 
Accessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetupAccessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetup
Mike Gallers
 
Social Research : UX case study
Social Research : UX case studySocial Research : UX case study
Social Research : UX case study
Mike Gallers
 
Accessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetupAccessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetup
Mike Gallers
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperience
Mike Gallers
 
Tampa Bay UX - Scary UI 2
Tampa Bay UX - Scary UI 2Tampa Bay UX - Scary UI 2
Tampa Bay UX - Scary UI 2
Mike Gallers
 
Tampa UX November 2014 Meetup
Tampa UX November 2014 MeetupTampa UX November 2014 Meetup
Tampa UX November 2014 Meetup
Mike Gallers
 
Great American Teach In - What is UX
Great American Teach In - What is UXGreat American Teach In - What is UX
Great American Teach In - What is UX
Mike Gallers
 
Tampa UX Meetup - October 2014 - Slides
Tampa UX Meetup - October 2014 - SlidesTampa UX Meetup - October 2014 - Slides
Tampa UX Meetup - October 2014 - Slides
Mike Gallers
 

More from Mike Gallers (10)

UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - Overview
 
Scary eXperiences!
Scary eXperiences!Scary eXperiences!
Scary eXperiences!
 
Accessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetupAccessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetup
 
Social Research : UX case study
Social Research : UX case studySocial Research : UX case study
Social Research : UX case study
 
Accessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetupAccessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetup
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperience
 
Tampa Bay UX - Scary UI 2
Tampa Bay UX - Scary UI 2Tampa Bay UX - Scary UI 2
Tampa Bay UX - Scary UI 2
 
Tampa UX November 2014 Meetup
Tampa UX November 2014 MeetupTampa UX November 2014 Meetup
Tampa UX November 2014 Meetup
 
Great American Teach In - What is UX
Great American Teach In - What is UXGreat American Teach In - What is UX
Great American Teach In - What is UX
 
Tampa UX Meetup - October 2014 - Slides
Tampa UX Meetup - October 2014 - SlidesTampa UX Meetup - October 2014 - Slides
Tampa UX Meetup - October 2014 - Slides
 

Recently uploaded

CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 

Recently uploaded (20)

CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 

Naught and Nice User eXperiences

  • 1. December 2021 Naughty & Nice User Experiences
  • 2. https://nashville-ux.slack.com/ Nashville UX Meetup Organizers Alex Patin Theresa Laurence Ti ff Vandermark Mike Gallers Kanesha Patterson
  • 5. Purple Carrot asked me for feedback on an email interaction with a customer service representative, love their reward system! - Alyssa W
  • 6. A poop fairy sign from my vacation in Utah this summer. Informative and cute! - Alyssa W
  • 7. A Grammerly tone detector popup for the word nerds. Emojis! - Alyssa W
  • 8. Not sure if this was intentional but great physical product design. Top of box is perforated so when its in the pantry the contents are easily accessible. - Mike G
  • 10. Chili’s table device for paying your bill. Contextual (optional) surveys are great for getting timely feedback from users. - Mike G
  • 11. Doctors made a 3D print of an ultrasound for an expecting mother who is blind. Wow! - Anonymous
  • 12. Flat panels are for pushing, handles are for pulling. No UX presentation is complete without a proper Norman door. - Anonymous
  • 13. I love Cashapp. It does one thing and does it really well. It’s really obvious what the fi rst thing you do is. Then the 2nd step is easy! Venmo starts with more stu ff , which is not as nice. - Mike G
  • 14. Its weird that an error can be nice, but this is a great way to show a form error. Easy to see, understand, and visually accessible. It has an icon as well as color, the error is clearly attached to the fi eld, and its clear which fi eld has the error. - Mike G
  • 15. Icons Icons aren’t always as clear as the designer thinks they are.
  • 16. Very few icons are universally recognizable. https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
  • 17. Sometimes its okay to assume context adds clarity, but why not just show “Closed” and “Open” ? - Mike G
  • 18. This is sometimes referred to as the “Launch the Octopus” button. - Doug Collins
  • 21. Just plain funny and/or sad
  • 22. Seeing a plane almost hitting the ground is probably not the message they’re trying to send.
  • 23. Everyone looks at their pillows in their rearview mirror, right? - Kerning Crimes FB Group
  • 25. Except, obviously, this ring. - Kerning Crimes FB Group
  • 26. Found on the Microcopy and UX Writing Facebook group… maybe I’ll cancel? - Alyssa W
  • 27. Who knew that mugs could be so dangerous? - Anonymous
  • 28. If you've been looking for a sign to help you remember to include all assets in your design package, here it is. - Doug Collins
  • 29. It’s only a minor UI design problem. It doesn’t a ff ect UX. We’ll fi x it in the next release. - Doug Collins
  • 30. Know your use cases. - Doug Collins
  • 31. When that warning dialog box your management insisted on only trips up users. - Doug Collins
  • 32.
  • 33. Annoying, bad, or cringe?
  • 35. This state park is AMAZING but…
 
 Come on sign makers. Surely this was laid out and designed before printing. NO ONE thought that this arrow/label layout would be confusing? People had to scratch in lines so that others would know Cherokee is actually left and Hemlock is right. - Mike G
  • 36. Really local government? Really?! Its 2021 and I still have to fi ll out a long paper form to get a duplicate auto title?? REALLY?! - Mike G
  • 37. 20 minutes is "a moment"?! Writing is SO important to your brand and customer experience in your digital products and services. Don't just ship it, think, plan, empathize, make it good! Or great! Terrible experience with the TruGreen app. It de fi nitely felt like my time was not valuable. How about a way to go into a queue for a callback? - Mike G
  • 38. A great example of how not to show/write/handle a system error. It doesn't tell me ANY information on what went wrong. It doesn’t give me any next steps. It doesn't even suggest I try again. - Mike G
  • 39. Its 2021. How many people still have a home phone? - Mike G
  • 40. Colors often mean things for non colorblind users. Red is an alert/bad color in U.S. why would they choose that if my balance is $0.00? Also, why are both buttons styled the same? Typical rule is one primary CTA per view. Less important or used options should be styled with a secondary style. - Mike G
  • 41. You must select dates to continue. Use the calendars on the left to do so. If you’re going to have your primary CTA look disabled, for the love of all that’s holy, at least have some text telling the user why it’s disabled or how to enable it! Can use a tooltip on hover/click/tap. It is SO frustrating when you don’t know how to proceed. - Mike G
  • 42. Here’s another disabled button that had me frustrated and annoyed. I honestly did not know how to move forward and I got no instructions or help. Just leave it enabled (even if you stylize it as disabled) and then show me an error message when i hover/tap/click! Don't make the user feel stupid. Apparently i had to select a delivery option, but the UI design did not communicate that to me. - Mike G You must select your Delivery options to continue.
  • 43. Question for the Slack product team: Why are the hearts not under the section with a heart icon?? - Mike G
  • 44. After struggling with drag and drop across screens for probably the 1000th time I realized when I organize an app on my phone it would be easier for me if I could just select the folder from a list in the popup. I know the folders that I use: social, banking...
 
 OR just do the best to smart organize based on the type of app it is. “Would you like to add snapchat to your ‘social’ folder?” “Would you like to add Chase Banking to your ‘banking’ folder?” Do more work as a researcher/designer/dev so your users do less. - Mike G
  • 45. Ah, the good ole shame method to try and control user behavior. - Mike G
  • 46. Speaking of shaming, does my video game system really have to tell me i’m fat? And kids used this too. SMH. - Mike G
  • 47. When you push to production without a design review. - Doug Collins
  • 48. https://bitrebels.com/design/skateboard-fails-destroyed-or-deformed-skateboards/ Your software MVP or “Skateboard” still has to be useable and desirable. Meeting the stated requirements is not always good enough for production. - Doug Collins
  • 50. OR Mobile safari moved the address bar from the top to the bottom. Di ff erent place, breaking convention, but much easier to tap into with your thumbs. - Mike G
  • 51. OR The Carrot weather app has a ‘Snarky’ mode. Its hilarious to me. - Mike G
  • 52. OR Maybe they should have gone with Watson’s Nuts. - Mike G
  • 53. Other Stuff. Not necessarily naughty or nice. Why not?
  • 54. Anyone plan to be at their company for 40 years? #patience
  • 55. Wouldn’t you think something that says NoBox wouldn’t come in a box?
  • 57. Anybody got a charger I can use?
  • 58.
  • 59. December 2021 Fin. THANKS FOR COMING! For some classic naughty (scary) examples: https://www.slideshare.net/delcerebro/tampa-bay-ux-scary-ui-2