ListBox control design guidelines for Windows Phone
May 06, 2013
Applies to: Windows Phone 8 | Windows Phone OS 7.1
A ListBox control presents a selection of values or items.
A ListBox control presents a fixed-sized scrolling selector of items. Users can swipe a finger vertically to scroll up or down with inertia through the items in the list. Users tap the control to select an item in the list.
When a ListBox control is scrolling, a small scroll bar appears at the right-hand side of the screen. This scroll bar is used as an indicator of the user’s relative location within the list of items.
Use a ListBox control to preserve screen real estate when you want to present a long list of words, numbers, or visual elements from which the user is expected to choose.
Use a ListBox control for presenting a long list of options in a clean and active way, but note that a list can be too long. Consider using a table view for more than a few dozen items. Also remember to:
Use strong sans-serif typefaces, make list item text at least 12 pixels in height, and make sure that the text is legible from all angles and sizes.
Reserve illumination, effects, animations, or other ornamentation for touch feedback or selected states. Items in ListBox controls should have a strong visual reaction when users touch them.