Projects/Usability/HIG/Accordion: Difference between revisions

Revision as of 08:51, 28 October 2013

The accordion (in Qt also known as tool box) provides a column of tabbed panels. Similar to tabs only a single item is shown at once.

Use an accordion for content with mutually exclusive views. That might be a calculator with simple vs. scientific vs. statistical layout, or a digital vs. analog clock, for instance.
Do not use an accordion to structure content by default. Rather use a list view with associated pages or tabs.
Consider to replace the accordion by another control since KDE makes very rarely use of this type of navigation.

Do not mix the accordion with other types of navigation on the same level.
Do not use more than one accordion in your application because it is clutter prone.
Make sure that accordion contains of at least one panel.
Do not add more than five panels to an accordion.
Do not allow more than one panel to be open at once.
Do not nest controls with primary navigation purpose into panels.

Each panel must contain a panel header with descriptive label.
Do not use icons in panel headers.
Do not add an outer scrollbar to the accordion; just scroll the content of one panel only.

@@ Line 16: / Line 16: @@
 * Make sure that accordion contains of at least one panel.
 * Do not add more than five panels to an accordion.
+* Do not allow more than one panel to be open at once.
+* Do not nest controls with primary navigation purpose into panels.
 === Appearance ===
 * Each panel must contain a panel header with descriptive label.
 * Do not use icons in panel headers.
+* Do not add an outer scrollbar to the accordion; just scroll the content of one panel only.
 == Implementation ==
 [[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]]