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

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Initial content.)
 
(Reword a bit, add Implementation section)
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
= Purpose =
 +
 
A button initiates an action when the user clicks it.
 
A button initiates an action when the user clicks it.
  
[[Projects/Usability/HIG/Toggle_Buttons|Toggle buttons]] are a special case where a button has a state.
+
= Guidelines =
 
+
=== Guidelines ===
+
 
* Use [[Projects/Usability/HIG/Capitalization|title style capitalization]] for the label.
 
* Use [[Projects/Usability/HIG/Capitalization|title style capitalization]] for the label.
* Buttons are not dynamic; their content or labels should not change depending on the context.
+
* Buttons are not dynamic: their icon and label should not change depending on the context. [[Projects/Usability/HIG/Toggle_Buttons|Toggle buttons]] are a special case where a button has a state.
* Prefer using icons on buttons only for ok, apply, cancel like actions. Passive actions like e.g. those in the "System Settings => Application Appearance => Fonts" don't have icons. Don't overboard with icons.
+
* Do not initiate an action on right-click or double-click.
 +
* Prefer using icons on buttons only for OK, Apply or Cancel like actions. Passive actions like those in the "System Settings => Application Appearance => Fonts" do not have icons.
 +
 
 +
= Implementation =
 +
[http://api.kde.org/4.10-api/kdelibs-apidocs/kdeui/html/classKPushButton.html KPushButton]

Revision as of 14:17, 27 June 2013

Purpose

A button initiates an action when the user clicks it.

Guidelines

  • Use title style capitalization for the label.
  • Buttons are not dynamic: their icon and label should not change depending on the context. Toggle buttons are a special case where a button has a state.
  • Do not initiate an action on right-click or double-click.
  • Prefer using icons on buttons only for OK, Apply or Cancel like actions. Passive actions like those in the "System Settings => Application Appearance => Fonts" do not have icons.

Implementation

KPushButton


KDE® and the K Desktop Environment® logo are registered trademarks of KDE e.V.Legal