• If a process or application requires users to complete a series of lengthy or complex steps, list all the steps or screens
where possible. Identify the steps that are complete, in progress, and not yet started. For example, include a table of
contents in wizards. If users close a wizard, they can use the table of contents to return to a specific location in the
wizard.
Guidelines for text
• Provide specific messages. To support error recovery, use one short sentence that states clearly the reason for
displaying the message and the actions that can dismiss it.
• Where possible, inherit the font settings that the user has set.
Guidelines for color and images
• Avoid using color as the only means of communication. For example, instead of using only red text to notify users of a
critical action, consider placing a red symbol, such as a red exclamation mark, beside the text instead.
• Choose colors that have high contrast, such as black, white, navy blue, and yellow.
• To help users to distinguish between adjacent UI components (such as alternating messages in an SMS text message
thread) and to distinguish between background and foreground colors, use colors that result in a contrast ratio of 7:1 or
higher.
• Add contextual information to images, such as the image name, to communicate the meaning and context of the
images.
UI Guidelines Strategies
54
To Next Page
Loading...
Need help?
General
Weight and Dimensions
