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

Jump to: navigation, search
(New page: == Summary == A rich list is a list of items with any additional information and/or interaction to the name of the item. (may include: check box, icon, name, brief description, link or bu...)
 
(HIG moved to community)
 
Line 1: Line 1:
== Summary ==
+
{{ Moved To Community | KDE_Visual_Design_Group/HIG/SOU Workspace/Rich List Workspace }}
A rich list is a list of items with any additional information and/or interaction to the name of the item.
+
 
+
(may include: check box, icon, name, brief description, link or button to information, link or button to configure selection, a means to visually distinguish between list items)
+
 
+
More examples: http://ktown.kde.org/~fredrik/listviews/
+
+
== Illustration/Images ==
+
 
+
(Do not repeat buttons, favor a global button for interactions)
+
 
+
== Context ==
+
 
+
Use a rich list when the user requires additional information when selecting an item or can do more with an item than just selecting it.
+
 
+
== Problem ==
+
 
+
* There might be a checkbox and Icon in the same line
+
* Some meta-information might contain much text, requiring the item's row in the list to be very high when displayed
+
* Each item can have one or more commands associated with it
+
 
+
== Solutions (including rationale) / Examples ==
+
 
+
[[place mockup here]
+
 
+
The elements of the list are (from left to right)
+
* Checkbox or radio button (optional)
+
* Icon indicating if additional information box is collapsed or expanded (only needed if additional information is available. Use this only when there is no checkbox. Otherwise, use an about-button (second from the right) to display additional info in a popup)
+
* Icon representing the item or graphical preview (optional)
+
* The item's name/title
+
* Below: Item's short description
+
* Additional information (longer description, long meta information etc.) that wouldn't normally fit in the row (optional)
+
* "About"-button displaying an about box (used weh there are checkboxes and additional information)
+
* Action/Combo button (optional if checkbox/radio button is present)
+

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.


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