85107272be
Based off conversation at the PTG, we agreed it would be beneficial to ensure the contrib-guide is clearly marked as the doc contrib guide outside of the title. This change includes a redirect. Change-Id: I5abf915f0b94a482afa961e6b86364c26aae5d79
1.7 KiB
Use recommended UI panel formatting
It is important to use consistent style and placement for text and icons in the UI.
Workflow navigation text
Use default values for page or window title bars, side navigation, fonts, and text size. For example, tab titles must be a smaller text size than the section heading.
Similarly, the node item title must be a smaller font than the page or window title. If necessary, you might have to shorten the node item title in order to maintain the default width.
Note
The image below is not to scale. It is only intended as a reference for the various UI elements mentioned.
Icons
Be selective when deciding to use icons instead of text. It is often difficult for users to understand the intent of an icon. New icons should be thoroughly reviewed and tested by the user experience project. That said, icons can improve usability in specific instances.
For example:
You have limited space.
The icon is quickly recognizable.
Note
Consider global audiences and whether the icon is recognizable across cultural differences.
The icon enhances design appeal.
If you decide to use an icon, follow these tips:
- Keep the design simple and consistent.
- Keep the location of individual icons consistent. Users recognize and expect patterns which help to establish meaning and function.
- Ensure the icon is quickly recognizable and memorable. For help, work with the UX project.
- If there is space, consider adding a text label to the icon.