Projects/Usability/HIG/Buttons: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
No edit summary
(Reword a bit, add Implementation section)
(One intermediate revision by the same user 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.


=== 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. [[Projects/Usability/HIG/Toggle_Buttons|Toggle buttons]] are a special case where a button has a state.
* 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.
* Don't initiate an action on right-click or double-click cause the user won't expect it.
* Do not initiate an action on right-click or double-click.
* 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.
* 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 13: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