Design vs Art Blog

Action buttons are a way to represent the beginning of an action. There are HTML buttons and image buttons. It is very important that image action buttons look like buttons, with some 3D effect. For example at Twitter all the buttons are flat, thing that could erode usability and bring confusion to the user.

Twitter Sign In flat button

I wrote about this topic before but I would like to show you other examples of action buttons I have found.

Google Mail "Send Invite" button

h5.com "Find Friends" button starts the search process

Ebay "Sign In" 3D button starts the process

Adobe Buttons start the download process

The "Sign In" button at Ta-da List is just perfect. A user can not get confuse.

Popularity: 23% [?]

Explaining errors is one of the basic concepts in usability for the web. It is as simple and obvious as telling the user what was wrong and how to solve that problem.

"It is important that error messages are clear…"

There are many ways of explaining errors, like going back to the web form marking the erroneous fields. It is important that error messages are clear, avoid things like "error 4055".

Digg, the social bookmarking website, displays from time to time an error message at the end of the submission procedure. I don’t really know why this happens because the error message is not clear, no solution is proposed and there is no entry about that on the FAQ section. The user experience could not be worse in this situation.

See previous entries about this topic.

Popularity: 16% [?]