Differences between revisions 5 and 7 (spanning 2 versions)
Revision 5 as of 2010-12-28 22:04:43
Size: 1226
Editor: localhost
Comment:
Revision 7 as of 2010-12-28 22:24:07
Size: 1948
Editor: localhost
Comment:
Deletions are marked like this. Additions are marked like this.
Line 13: 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 somecases where 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.
Line 15: Line 15:
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 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
Line 17: Line 17:
Always helps explain the text item is actionable, or what sort of action. If the situation calls for hyperlinks, to not use this to avoid underlining, but it can be used in addition, to add further clarity to the link.
Line 19: Line 20:
Content beyond - Explains whit is beyond. like icon for file type.

Type of action - like pinpoint icon, orrefresh. Usually reinforces the words, not Standalone.

Manner of action - Next / back indictors (see pagination) and alsoto indicate what a non-implying word will do. E.g. in an email, a name w/ a rt. arrow can imply (if the os already supports this) that it will load a page w/ more info, to the 'right'

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

Always helps explain the text item is actionable, or what sort of action. If the situation calls for hyperlinks, to not use this to avoid underlining, but it can be used in addition, to add further clarity to the link.

Variations

Content beyond - Explains whit is beyond. like icon for file type.

Type of action - like pinpoint icon, orrefresh. Usually reinforces the words, not Standalone.

Manner of action - Next / back indictors (see pagination) and alsoto indicate what a non-implying word will do. E.g. in an email, a name w/ a rt. arrow can imply (if the os already supports this) that it will load a page w/ more info, to the 'right'

Interaction Details

Presentation Details

Antipatterns

Examples

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