< Projects‎ | Usability‎ | HIG‎ | SOU Workspace
Revision as of 19:00, 22 September 2008 by Beccascollan (talk | contribs)

Projects/Usability/HIG/SOU Workspace/Rich Selection List

Rich Lists: Rich Selection List


A list offering detailed information (such as an icon, title and two lines of description) from which one or more items may be selected.



Rich Selection List with checkboxes and info buttons

All elements of a rich list (beyond the item's name) are optional and should only be used if necessary information for the user. The elements of the list are (from left to right):

  • Checkbox or radio button (only select; an action is only performed when a global action button is clicked}
  • Icon representing the item or a graphical preview. Icons or images are optional; be sure to use only if each item has a discrete icon/preview.
  • Item name.
  • Short description of item (below item name). Include a description that is more telling than the title. The maximum length is two lines of text.
  • Information Button (i). Use to display additional information in a separate window.

Below the list there is at least one button to perform an action using the selected item(s).

If you need the possibility to display more information or other actions than selection, use a Rich Manipulation List.

Related Patterns

Rich Lists; Rich Manipulation List

This page was last edited on 4 August 2016, at 11:26. Content is available under Creative Commons License SA 4.0 unless otherwise noted.