Differences between revisions 2 and 3
Revision 2 as of 2010-11-17 19:30:35
Size: 186
Editor: shoobe01
Comment:
Revision 3 as of 2010-11-17 19:33:42
Size: 864
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
## page was renamed from Widgets
Line 3: Line 2:
Provide access in a glanceable manner, with many (possibly disparate) items... explain a home page.
Line 7: Line 7:
Fixed icons - picture, and has to be good, visible, explain the product and not be lost in background, other page elements, or confused with others.

Status icon - Changes. As simple as an overlay on an icon that says you have new messages. Can be quite complex, and display summary weather info, for example.

Interactive icon - Also known as a "widget" but this has another meaning, and we use that one in this book, so don't call it that. Clicking the icon does something directly, which is reflected in the icon, and it does NOT launch an app, etc. E.g. change brightness or switch WiFi off and on.

Problem

Provide access in a glanceable manner, with many (possibly disparate) items... explain a home page.

Solution

Variations

Fixed icons - picture, and has to be good, visible, explain the product and not be lost in background, other page elements, or confused with others.

Status icon - Changes. As simple as an overlay on an icon that says you have new messages. Can be quite complex, and display summary weather info, for example.

Interactive icon - Also known as a "widget" but this has another meaning, and we use that one in this book, so don't call it that. Clicking the icon does something directly, which is reflected in the icon, and it does NOT launch an app, etc. E.g. change brightness or switch WiFi off and on.

Interaction Details

Presentation Details

Antipatterns

Examples

Icon (last edited 2015-12-28 15:44:08 by shoobe01)