Projects/Usability/HIG/Buttons: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
m (→‎Guidelines: typo--)
(Reword a bit, add Implementation section)
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.
* Do not initiate an action on right-click or double-click.
* 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.
* 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