Difference between revisions of "Projects/Usability/HIG/Accordion"

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
 
Line 16: Line 16:
 
* Make sure that accordion contains of at least one panel.  
 
* Make sure that accordion contains of at least one panel.  
 
* Do not add more than five panels to an accordion.
 
* 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 ===
 
=== Appearance ===
 
* Each panel must contain a panel header with descriptive label.
 
* Each panel must contain a panel header with descriptive label.
 
* Do not use icons in panel headers.
 
* 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 ==
 
== Implementation ==
  
 
[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]]
 
[[Category:Usability]][[Category:Behavior]][[Category:Viewing_and_Navigation]][[Category:Grouping]]

Latest revision as of 09:51, 28 October 2013


[edit] Purpose

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.

[edit] Example

[edit] Guidelines

[edit] Is this the right control

  • 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.

[edit] Behavior

  • 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.

[edit] 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.

[edit] Implementation


This page was last modified on 28 October 2013, at 09:51. This page has been accessed 449 times. Content is available under Creative Commons License SA 3.0 as well as the GNU Free Documentation License 1.2.
KDE® and the K Desktop Environment® logo are registered trademarks of KDE e.V.Legal