Difference between revisions of "Projects/Usability/HIG/SOU Workspace/Rich Selection List"

Jump to: navigation, search
(HIG moved to community)
 
Line 1: Line 1:
== Rich Lists: Rich Selection List ==
+
{{ Moved To Community | KDE_Visual_Design_Group/HIG/SOU Workspace/Rich Selection List }}
 
 
=== Summary ===
 
 
 
A list offering detailed information (such as an icon, title and two lines of description) from which one or more items may be selected.
 
 
 
=== Solution ===
 
 
 
[[Image:RichSelection1.png]]
 
 
 
''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|Checkbox]] or [[../Radio Button|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|Rich Manipulation List]].
 
 
 
=== Related Patterns ===
 
[[../Rich Lists|Rich Lists]]; [[../Rich Manipulation List|Rich Manipulation List]]
 

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.


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.