Clickable Implications Research

Herein we discuss the implications presented by the look and feel of various clickable UI elements.

Buttons

Links are small spans of text, often just one icon or word and rarely within larger spans of text, which perform some action when clicked. They share almost none of the same properties as their sibling elements which performs no action.

This button takes you away from here
This button takes you away from here
The above button implies that, when clicked, you will no longer be on the current screen, but will be taken to a new one. It can also imply the screen will be re-loaded.
The background is filled with a non-default color, and the text is some contrasting color.
There is an optional shadow differentiating the button from the background.
The text is never underlined.
On hover, the cursor changes to a "pointer".
The weight of the font does not matter.
This button changes the page or reveals a popup
This button changes the page or reveals a popup
This button changes the page or reveals a popup
This button changes the page or reveals a popup
The above buttons all imply that, when clicked, you will stay on the current screen, and any entered data will not be lost.
The background need not be filled with a non-default color.
There is an optional shadow differentiating the button from the background.
The underline state does not matter at all
The cursor may or may not be "default" on hover.
The weight of the font does not matter.

Meta Stuff

Skins

Loading…?

Social

+1
Tumbl