Differences between revisions 4 and 6 (spanning 2 versions)
Revision 4 as of 2010-12-22 14:17:43
Size: 894
Editor: shoobe01
Comment:
Revision 6 as of 2010-12-28 22:07:53
Size: 1306
Editor: localhost
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
## page was renamed from Indicators
Between the link and icon. If it has an arrow next to it (iOS loves triangles and GT/LTs), to indicate it goes somewhere, etc. Does not include add-ons (off site icon) if a link. This is for the special case where THIS is the indicator (get it) that there's something the associated text does.
Line 12: Line 9:
Within any context, an action must be initiated, information submitted, a link followed to more information, or a state change carried out on the current page..
Line 15: Line 13:
The '''Indicator''' pattern is a type of action initiator between a '''Link''' and a '''Button'''. There is significant overlap between these three patterns, and the '''Icon''' pattern; there are some cases where the decision as to which to use is up to consistency and style.

xxxx Between the link and icon. If it has an arrow next to it (iOS loves triangles and GT/LTs), to indicate it goes somewhere, etc. Does not include add-ons (off site icon) if a link. This is for the special case where THIS is the indicator (get it) that there's something the associated text does. xxxx

Usually horizontally aligned. Left or right of the text. Yes, reveal items and leaf node icons in the reveal list are this. Others maybe, so go find them.

Good one: Using icons for content type, whether PDF icon or an avatar image, is a type of this... Make this make sense with the list style that describes it already.

NEVER just put text down without link styling or an indicator!

Problem

Within any context, an action must be initiated, information submitted, a link followed to more information, or a state change carried out on the current page..

Solution

The Indicator pattern is a type of action initiator between a Link and a Button. There is significant overlap between these three patterns, and the Icon pattern; there are some cases where the decision as to which to use is up to consistency and style.

xxxx Between the link and icon. If it has an arrow next to it (iOS loves triangles and GT/LTs), to indicate it goes somewhere, etc. Does not include add-ons (off site icon) if a link. This is for the special case where THIS is the indicator (get it) that there's something the associated text does. xxxx

Variations

Interaction Details

Presentation Details

Antipatterns

Examples

Indicator (last edited 2011-07-31 21:01:28 by shoobe01)