Differences between revisions 4 and 5
Revision 4 as of 2010-12-20 17:40:42
Size: 744
Editor: shoobe01
Comment:
Revision 5 as of 2010-12-20 19:07:24
Size: 2059
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 11: Line 11:
Links are content-only items which provide access to additional information, generally by:
* Loading a new page of content.
* Jumping to the portion of the current page which carries the additional content.
* Loading a '''[[Pop-Up]]''' dialogue with the relevant content.

Links are almost purely hypermedia elements. While not invented by the Web, and not exclusive to it, the ubiquity of websites and links can serve as a good guideline for display standards and use of the pattern.

Links are generally found in content-rich areas, when used in application or OS contexts. Links to additional information within explanatory text, or for cross-referencing within help systems, are common uses. Most other text found within
Line 14: Line 22:
Inline ... underlined (text) or bordered (images), etc.

List... often with a marker, but typically not a unique one, so the text is the identifier, and therefore it must follow link standards; often not underlined as this would be cumbersome... HOW TO UNIVERSALLY DENOTE IT'S A LINK????
Line 17: Line 28:
Click states... hover (except for hoverless systems like touch), down, loading, visited, etc.
Line 20: Line 32:
Or... should most of those display states be here instead? Or both?
Line 23: Line 36:
Do not use links to activate functions. Even within a web page, use buttons and other form elements for action behaviors.

Suggest underlines for web. Indicators for off-site? Avoid words that are just links, app or otherwise, without some indication they are functional. Also notes about files when not something viewable directly and size (e.g. 235 kb PDF)

This is all good for web, but what about apps. How DO you tell if something is clickable? I see failures all the time in desktop apps even. So what indicates unless icons or buttons (or underlines) are used?

Check Mac (old is fine) and Windows guidelines to see what they call the types of clicky things, if they aren't buttons, etc.

Problem

Solution

Links are content-only items which provide access to additional information, generally by: * Loading a new page of content. * Jumping to the portion of the current page which carries the additional content. * Loading a Pop-Up dialogue with the relevant content.

Links are almost purely hypermedia elements. While not invented by the Web, and not exclusive to it, the ubiquity of websites and links can serve as a good guideline for display standards and use of the pattern.

Links are generally found in content-rich areas, when used in application or OS contexts. Links to additional information within explanatory text, or for cross-referencing within help systems, are common uses. Most other text found within

Variations

Inline ... underlined (text) or bordered (images), etc.

List... often with a marker, but typically not a unique one, so the text is the identifier, and therefore it must follow link standards; often not underlined as this would be cumbersome... HOW TO UNIVERSALLY DENOTE IT'S A LINK????

Interaction Details

Click states... hover (except for hoverless systems like touch), down, loading, visited, etc.

Presentation Details

Or... should most of those display states be here instead? Or both?

Antipatterns

Do not use links to activate functions. Even within a web page, use buttons and other form elements for action behaviors.

Examples

Link (last edited 2011-07-31 20:55:44 by shoobe01)