Will that button blow something up?

I was in Valve’s Steam game distribution app recently when it notified me of a new version I could download. When I clicked the button to install the update, Steam notified me that I had a download in progress that it would stop. In doing so, it presented me with this utterly confusing set of buttons:

steambutton

When that top modal first popped up, the “Exit now” button was greyed out. A few moments later, it lit up as active, but the spinning graphic in the top right continued to spin. So I was confused — did that mean the download was stopped and I could/should click “Exit now” to restart? If so, why was it not doing that automatically, since I had already hit “Restart Steam” on the update popup and made it clear that was my end goal? If not, why were they giving me this option to exit when it wasn’t safe to do so?

Or, is “Exit Now” just a REALLY badly named “Cancel” button, meaning (perhaps) “Exit this shutdown process now”?

Compounding the problem is the other option, which just says “Ok”. It’s a great option on it’s own, but contrasted with “Exit now” it makes the latter seem even more perplexing. Is “Exit now” in fact some sort of “Force quit” function that could corrupt the download that was in progress? If so, why is it even an option?

Naturally, I tried the “Ok” button first. That was completely unhelpful — it dismissed the top pop-up, but as soon as I clicked on the bottom “Steam Updater” popup again, the top one poped right back into place, with the same buttons and the spinner continuing to spin.

I wasn’t in a rush, so rather than risking an adverse outcome to forcing an application exit, I decided to wait out the spinner. After a fair amount of time (2-3 minutes) it did in fact self-dismiss and restart. This leaves me very curious about what “Exit now” does, and whether it’s a safe exit that would save me 3 minutes or something that could possibly completely corrupt the data that is downloading. I don’t intend to experiment in the future.

Fixing it

This is hard to offer a suggestion for because I am genuinely perplexed about what the intent is here. The obvious lesson is that the options you give your users should never leave them confused. In the words of Steve Krug, “Don’t Make Me Think“, and what he left unsaid was “If you do make me think, be sure I can figure it out and don’t leave me even more befuddled”

Another good rule of thumb is to always try to keep your audience from shooting themselves in the foot. In this case, don’t offer an “Exit Now” option if it’s not safe to exit this process. And if it is safe, why make me look at the popup for 3 more minutes — just exit.

That said, if I were working on this I’d probably simplify the entire thing. Get rid of “Exit now” and just be sure to exit automatically as soon as it’s safe to. Get rid of the useless “OK” button, and just give them an exit route for this entire “restart” process if they change their mind. And, of course, add a bit of descriptive text for context and confidence.

steambutton-fix

 

Posted in Bad UX

Double password UX failure

This is a password entry screen from my web hosting provider. It’s fairly straightforward at first glance, but turns out to have two major issues. Here is the screen after I’ve finished typing the two passwords — it lights up green and gives me a checkmark to let me know everything is good, which is a nice feeling:

passmatch_1

But after I submit, it turns out everything was not good:

passmatch_2

 

This form has not one, but two annoying (and common) issues:

•Despite the clearly marked “green is good” styling, I get an error about the password being bad. Their heart is in the right place, but the execution is much too shortsighted — you shouldn’t check one condition and give the go-ahead without checking the other (similarly easily checkable) conditions as well. In this case, going half-way is worse than not at all, since this gives a false feeling of confidence and then tears the rug out from under you.

SURPRISE RULES! Take a look at that first screen again. Did you know there were any rules about how to form the password? Nope, there’s no clue whatsoever until after you submit and you get an error. You should never expect a user to just intuit your rules — save them time and frustration and be clear what you expect.

 

Fixing it

It would be great if they gave a highlight after the first password field letting you know whether your password matches their standards, and then used the “match” highlight as-is for the second, like so:

 

passmatch_3

Posted in Bad UX
Cont(r)act me

elias at lonespoon dot com
(617) 821-7800

Recent blog posts
Blog Topics