Selectable Items
For simplicity, Windows Media Center uses one basic look for selectable items for the following elements:
- Links within Windows Media Center
- Option buttons
- Check boxes
- Sorting controls
- Controls to set the view
Similarly, it is a good idea to create a single style for your own application, although one that is not identical to the look of Windows Media Center. A single style provides consistency with the Windows Media Center experience and enables users to quickly identify which items on the page are functional or used for navigation.
Selectable items should be clearly visible against their surroundings and the functions that they perform should be obvious. Text should be sized to at least 28 points, using a sans-serif font.
Labels on items should describe their function. Users will understand the purpose of Save Settings or Play DVD more easily than OK or Go.
Avoid using drop-down menus (combo boxes), which are difficult to use with the remote control. Instead, create a visible menu of selectable items, one for each choice, or use Up/Down controls (spin boxes).
When the user focuses on a selectable item, it should be highlighted in a visually distinct manner, making it more visible than selectable items that do not have the focus. A highlighting effect can be achieved by changing the background color of the item, or by placing a brightly colored border (at least four pixels wide) around it. Use one consistent style of highlighting throughout your application. Try to find a highlight color that complements the colors in your design. Highlighting is part of a dynamic experience—users notice highlights not just because of their contrast with other elements, but because of the movement of the highlight as they navigate around the page.
See Also