|
Size: 152
Comment:
|
Size: 864
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 2: | Line 2: |
| Provide access in a glanceable manner, with many (possibly disparate) items... explain a home page. | |
| Line 6: | 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