Naught and Nice User eXperiences

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

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

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?

Except, obviously, this ring.

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

Naught and Nice User eXperiences

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

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?

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

Naught and Nice User eXperiences

Related slideshows

More Related Content

Naught and Nice User eXperiences