Windows - Format, Are you sure?

Button label should be... 
OK = Format and erase all data

Apple Emoji: Gun becomes Squirt Gun

Google Photos: Blank State

When the Trash is viewed and it is empty, this cute illustration is displayed. 

https://photos.google.com

Batteries Plus: Confirmation Page

I ordered a battery online at Batteries Plus. 
When the order was complete, this was the order confirmation page. 



The message included several great bits of information. 

They covered all their bases by displaying information here and emailing the same exact information to me. 

1. The obligatory "Thank you" 
2. Order confirmation emailed to me, and a promise to email me again when the order is ready!
3. Order number, and a link to view my order!
4. A notice that items in my order may qualify for rebates, and then a link to the rebate center!
5. A reminder to bring in my old battery, and a reason why - to avoid additional charges!

This is one of the best confirmation messages that I have ever seen. 

https://www.batteriesplus.com/ 

Puppet Button

While using Optimal Workshop, this tooltip appeared when the Save button was clicked. 



The message said: "In all honesty, this button is just here to make you feel good. Everything will be autosaved as you go." 

I have to say, I love the tone of voice. 

As for the puppet button: I love that too. people have been trained over the years that software is fallible and if you don't click save on a regular basis you are gambling with your time and effort. 

So although the amazing autosave feature has become so common on web document services it still causes anxiety with users. I am sure their customer support team would get questions, and so they decided to include a button - a puppet button. 

https://www.optimalworkshop.com

Pocket Extension

Since I had the Pocket extension enabled on Chrome, the top stories would appear beneath my search field.


When I clicked to save one of the articles to Pocket this pop-over appeared.
The message explained that Pocket had a new extension.
Since I was a fan of their app, I figured I would explore, so I clicked "Add to Chrome"

The page reloaded and the Google logo was no longer above the Search field. Although the placeholder text still said "Search Google or Type URL" it felt like it was too far different from what I was used to seeing. I had to disable the extension.


When I clicked "Turn on top sites" the row of my most visited sites appeared.

Thank you page

This subtle checkmark animation on the Thank You page was nice. 

Panera Bread: Error Message

This web page is for building your sandwich order. 

The "Your Selections" section is done very well by indicating the items that will be included and those that will not. 

The special instructions field caused an error message that was not in plain language. 

Help users recognize, diagnose, and recover from errorsError messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

https://www.nngroup.com/articles/ten-usability-heuristics/

Error Message: Server Execution Fail

This error message includes a nonsense string of information. 

Help users recognize, diagnose, and recover from errorsError messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

https://www.nngroup.com/articles/ten-usability-heuristics/

Press the ESC key to cancel this operation

This pop-up says, "Press the ESC key to cancel this operation." and then the button says "Cancel" 


Does the button neutralize the command or execute it? 


When I clicked the Cancel button this was the result. 


*Facepalm*

Perspective: Circle or Square

Consider that your perspective might not be everything. 

Ambigram: Good or Evil

Which do you see first?

Probably Evil. 
The reason is that the eye is typically drawn toward the object instead of the field. 
If the image were inverted you are likely to see Good first. 

Creative Constraints

In the usability book, Don't Make Me Think by Steve Krug, he talks about how constraints actually help creativity. (Ch 10, p145)

I wonder if this is what he meant. LOL.

New Experience, or old?

How can we improve?

Demotivators - Lead Generation Pop-over

This email grab pop-over appeared on https://despair.com/

Very clever, and on-brand.

Survey Complete - confirmation page

Confirmation page after completing a health survey

Gestalt - Law of closure

Error - Cannot open archive file

Well, I suppose it is good they let me know that they couldn't open it, but why? or perhaps what else could I try?

Windows - Updates are available

I was using windows and this popped up one day.
I could not click outside the box or escape key to make it go away.
I had to click "Get Updates" button.
It was only on the target screen that I could choose to not follow the task.

Google - Drive Sheets Feature Promotion UI

Google - Consumer Survey UI Tour

https://surveys.google.com/your-surveys

Pandora - UI Tour

Fitbit - Unsubscribe Message

Default Web Browser - Button labels set context

Let's all take a moment to admire how nice these button labels are. 
The standard Yes/No or Ok/Cancel button groups place a higher interaction cost on the user. 

This button group, instead, provides great benefit to the user by removing all burden of interpretation. 

#goodUX

Flow Chart: Hey Jude

Google Maps - National Parks Centennial - Park Ranger

The Google Street view man is wearing a park ranger hat. 

404: Facebook

MS Office Mac - Initial Startup

MS Word






MS PowerPoint






MS Excel

Forbes - Ad Blocker - Whitelist Request