Good content is sometimes not enough, the users must reach it so they can see it's good!

Take on the new iPhone’s FaceTime

Posted: June 8th, 2010 | Author: Adrian | Filed under: Random thoughts | Tags: , , | 4 Comments »

News Flash, europeans have front faced cameras on their phones and videocalls (everywhere there is 3G) for years now. And no, they are not using those.

I tested vedeocalls twice when they first appeared a few years ago and that was it, never again. It’s simply useless.


Windows icon selection fail

Posted: April 12th, 2010 | Author: Adrian | Filed under: Usability fail | Tags: , , , | No Comments »

I ran into a usability fail that has to exist from windows 3.1.

Windows arranges it’s icons/shortcuts/files on desktop column by column. But if you select them with SHIFT (multiple select), it selects them line by line :) .

If you arrange icons by type and you want to delete the pictures, you cannot do that by selecting them with SHIFT from first to last.

Since I use windows for ages and not realized this until now, i don’t think it bothers people, but still… interesting find.


Simple things

Posted: January 22nd, 2010 | Author: Adrian | Filed under: Usability fail | Tags: | 2 Comments »

Let’s take one dead simple thing we all use every day: the bathroom light switch. The majority of the houses (or am I wrong?) have this switch outside the bathroom, and if the door has no glass it’s kind of hard to see if the light is on or off in the bathroom.

light-switch-62094

Put on that piece of plastic some paint and you’ll have a perfectly usable switch:

light-switch-2


Drag & Drop on the web

Posted: January 13th, 2010 | Author: Adrian | Filed under: Patterns, Usability fail | Tags: , , , , | 3 Comments »

For God’s sake, if you use it, please offer an alternative.

This the “add to playlist” Grooveshark system:

grooveshark_drag

Very neat, clean. Unfortunately, if you don’t already know that’s how you do it, you have absolutely no hint to help you guess how you add a damn song to a damn playlist:

grooveshark_hint

Yeah, i asked a fiend who found out from another friend of his. That’s not usability, Grooveshark.


Amazing lookup feature on NYTimes Blogs

Posted: November 2nd, 2009 | Author: Adrian | Filed under: Good practices, Patterns | Tags: , , | 1 Comment »

I was reading One Hundred Things Restaurant Staffers Should Never Do on a NY Times blog and i had no idea what the heck “amuse-bouche” is. I selected the word so I can copy and google it.

The instance I selected the text a question mark appeared. Yeah, I don’t know what’s that. I click on the question mark and it opens a popup with a dictionary lookup on the word.

lookup_word

OH, how natural this was!!!

PS: Turns out the “amuse-bouche” is some kind of appetizer.


So wrong on so many levels

Posted: October 19th, 2009 | Author: Adrian | Filed under: Patterns, Usability fail | Tags: , , | 1 Comment »

I have update the “All in one seo pack” for wordpress and it insisted that i update the configuration page. I went and checked the page an this is what i have found:

seopack

It amazes me how awful is this form made, I think it’s deliberately made so you fuck up. Let’s see why:

1. the “Reset” option in on the right. (I’m not saying the submit must be on the right, but it’s the most common that way)
2. the “Reset” button is bigger and has the same design as the “Update” button. That and 1. makes it most likely to be pressed first
3. both buttons have the same design, hence they are equally important? i don’t think so, the call to action button must be the “update” button. Keep in mind that “Reset” is a destructive action.
4. what’s with the “>>” ? the arrows on the first button point to the second, which kindda’ makes the second the call to action, but the arrows on the second? there’s no extra step, there’s only a form.


Use search buttons

Posted: October 19th, 2009 | Author: Adrian | Filed under: Good practices, Patterns, Usability fail | Tags: , , | 6 Comments »

A basic usability test (very cheap also) is logging remote on another person’s computer and watching him/her use the app/website/tool. It’s eye opening.

So I have seen my mother (who is not a computer savy person) hovering the page in search of buttons. When she searches things she doesn’t use the keyboard, she presses the “Search” button, and when that’s not available she gets confused. If the search field has an arrow image background on the right side, she tries to click that arrow and gets puzzled when nothing happens.

use_search_buttons

So, please use search buttons.

Oh, and please don’t name them “Go” or “>>” or stuff like that, name them “search”, and even put a magnifying glass on them.


Form labels

Posted: October 19th, 2009 | Author: Adrian | Filed under: Patterns, Usability fail | Tags: , , | 8 Comments »

DON’T put your form labels inside the inputs.

labels

If i start writing into the input and i forget if i had to insert the username or the email address i have to delete everything, pray to god that the programmer made so the label appears again in the field once I click away, and after that complete the field again. It’s not nice.


Google Account login over the years

Posted: October 7th, 2009 | Author: Adrian | Filed under: Good practices, Patterns | Tags: , , , | No Comments »

A login account sounds simple but it’s not. I’ve been watching Google Account login form for a while and saw the changes they made over time. A login form has to accomplish several things:

- get the registered clients into the system fast
- make unregistered users to register
- convert a visitor into a user
- provide a way to recover an account

In time, the priority of those things changes, ie: at the beginning of a startup you want more new users, the register process must be the first thing a visitor sees in the page, after a while and a solid client base you want those clients to login fast and without issues.

Let’s see some of Google’s login forms now:

google-account-login

Size of the font and spacing changed for better focus on the link.

google-docs-login

Here come the blue buttons.  Call to action all the way. Unfortunately, I personally had problems logging in, I pressed the “new account” button instead of “login” multiple times.  Wasn’t very happy with those. The naming on the button changed a lot, “get started”, “pick a name” or simply “new account”

gmail-login-signup

Login_Full

The next one is the one i can see today on my browser, it really doesn’t have a actual call-to-action button, just a size priority. It’s better.

2009-10-07_1713

Note: I’m more than sure it depends on the OS/BROWSER/GOOGLE SERVICE etc.


Information and Architecture

Posted: June 15th, 2009 | Author: Adrian | Filed under: Good practices | Tags: , , | 1 Comment »

Two short films by MAYA Design about information and architecture.

Information

Architecture