Bad UI – Bit.ly sign up form


Which form should I fill in to sign up to bit.ly?

Okay it doesn’t take a rocket scientist to work out that the form on the left is the actual sign-up form. BUT when I was presented with the page I was immediately drawn to the “Tweet from bit.ly” pannel. I though, perhaps I could use my Twitter credentials to sign up.

Being the curious guy that I am, I decided, to just enter my details and click sign up. That when I got the customary error traps.

Hey Bit.ly how about doing a Five Second Test? I’m certain you’ll find the visual prominence of the “Tweet from bit.ly” panel overpowers your goal of getting people to sign-up to the service.

My advice

Move it to after the sign up process is complete or at the very least, reverse out the panels.

P.s. Why would I actually want to tweet from bit.ly what’s the sell?

Bad UI – Which icon is delete?


Web outlook task bar showing X and recycle bin for delete

Which icon should I click to delete a selected message?

  • If you chose the ‘X’ then yep you’re way smarter then I am 🙂
  • If you chose the Recycle bin then you’ve just emptied your deleted messages.

Two function on the page which do very different things but both use a standard visual vocabulary for the delete function. On the messages screen what is the most important function? To delete a message or to empty your delete messages folder?

Don’t make this mistake.

Think about the context a task exists in and simplify your UI to match the users mental model. Global actions should be reserved for an area of the screen which is away from contextual, task based actions.

Daniel Kahneman: The riddle of experience vs. memory [and its implication for user experience]


http://video.ted.com/assets/player/swf/EmbedPlayer.swf

Pointed out by @sparklypips – A fascinating video on the memory of events.

Daniel Kahneman gives an insightful TED talk on the science of happiness and the role “the experiencing self” and the “remembering self” plays in our perception of events.

The huge implication for designing the user experience is capture in the (rather grim) colonoscopy story which describes the experience of Patient A and Patient B.

Patient B experienced more pain throughout the procedure but when they were both asked to remember the event later Patient A remembered a worse experience. This was because the pain Patient A remembered at the end of the procedure dwarfed the relatively “good” experience they had throughout the reset of the procedure.

In terms of UX design it shows a good user experience can be entirely undone if the exit point (or offline process) is inconsistent with a good online experience.