|
Size: 446
Comment:
|
Size: 1312
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| Guidelines around naming. Say most pages should be labeled, including sub-tabs, sections, states. Also, pop-ups and other elements get titles, even sub-page elements, so mention that. Label everything similarly. Suggested is a straight up title bar, hence you see that in the diagrams here. | == Problem == Everything has to be labeled in a consistent location to make context or process completion clear... |
| Line 3: | Line 4: |
| == Problem == | |
| Line 6: | Line 6: |
| Most pages should be labeled, including sub-tabs, sections, states. Pop-ups and other elements get titles, even sub-page elements, so mention that. Suggested is a straight up title bar, hence you see that in the diagrams here. |
|
| Line 8: | Line 10: |
| Except for very odd designs, always a horizontal bar or space with title in text. Can include icons. Try not to be needlessly repetitive and use a more specific icon. For example, if a popup then don't repeat the app icon if the window behind is clearly the app. Either display nothing, or use the space for icons that indicate the state, such as an error triangle if there's an error. |
|
| Line 10: | Line 16: |
| Generally none. Sometimes clicking a title does something, like jumps to home... Should this be a pattern or just a note it can do stuff... Anything it does should be related to the title bar, like jumping to top, not something random, and should be OS-wide if possible. |
|
| Line 12: | Line 20: |
| Label everything similarly. Use the same voice, and tense, and capitalization, and so on. Basically, go hire a writer or at least pick up a style guide. |
Problem
Everything has to be labeled in a consistent location to make context or process completion clear...
Solution
Most pages should be labeled, including sub-tabs, sections, states. Pop-ups and other elements get titles, even sub-page elements, so mention that. Suggested is a straight up title bar, hence you see that in the diagrams here.
Variations
Except for very odd designs, always a horizontal bar or space with title in text.
Can include icons. Try not to be needlessly repetitive and use a more specific icon. For example, if a popup then don't repeat the app icon if the window behind is clearly the app. Either display nothing, or use the space for icons that indicate the state, such as an error triangle if there's an error.
Interaction Details
Generally none. Sometimes clicking a title does something, like jumps to home... Should this be a pattern or just a note it can do stuff... Anything it does should be related to the title bar, like jumping to top, not something random, and should be OS-wide if possible.
Presentation Details
Label everything similarly. Use the same voice, and tense, and capitalization, and so on. Basically, go hire a writer or at least pick up a style guide.
Antipatterns