Archive for the 'Buttons' Category

3D Button Examples, Usability Issues

It could be a great problem if users don’t understand that they can click on a button, even worse, they might not notice that that button is actually a button. Then you have users moving the mouse around the website, trying to find something to click.

To avoid this usability flaw, try to include 3D buttons in your interface design. Most users understand the message because it represents their mental model and the real life: oh, it can be pressed!

In the example below, taken from Google Calendar, the arrow buttons are totally flat and it’s difficult to notice that they are activated.

Google Calendar Buttons 20080103

Expedia.com, with its “Search for flights” button and Lego, with its “Search” button, give users a clear message: this is a button, is activated and you can click on it.

Expedia Search for Flights button 20080103

Lego Search Button 20080103

Popularity: 9% [?]

Buttons That Indicate Actions

Using buttons when designing a website could be a better solution to indicate actions. On the other side links usually tell users that they will be taken to another page.

Start Here Button 20080101

Vote Button 20080101

In the two examples taken from WebMD, the health website, buttons clearly indicate the beginning of a process or action. In both cases using links would have been not totally correct, creating a little bit confusion to users.

Popularity: 12% [?]

« Previous PageNext Page »