(→Viewing and Navigation) |
(→Access functions) |
||
(10 intermediate revisions by the same user not shown) | |||
Line 25: | Line 25: | ||
= Behaviour = | = Behaviour = | ||
== Viewing and Navigation == | == Viewing and Navigation == | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
=== Access functions === | === Access functions === | ||
* Apply a [[Projects/Usability/HIG/Menu_Bar|menu bar]] to every standard application. | * Apply a [[Projects/Usability/HIG/Menu_Bar|menu bar]] to every standard application. | ||
− | * | + | * Try to omit the [[Projects/Usability/HIG/StatusBar| status bar]] from your application. |
* Provide a [[Projects/Usability/HIG/ContextMenu|context menu]] for controls with implicit functions. | * Provide a [[Projects/Usability/HIG/ContextMenu|context menu]] for controls with implicit functions. | ||
+ | * Provide a [[Projects/Usability/HIG/Toolbar|toolbar]] for frequently used functions. | ||
* Use a [[Projects/Usability/HIG/Buttons|push button]] to initiate an action when the user clicks it. | * Use a [[Projects/Usability/HIG/Buttons|push button]] to initiate an action when the user clicks it. | ||
* Use a [[Projects/Usability/HIG/Toggle_Buttons|toogle button]] to indicate a state, preferably in toolbars only. | * Use a [[Projects/Usability/HIG/Toggle_Buttons|toogle button]] to indicate a state, preferably in toolbars only. | ||
* Use a [[Projects/Usability/HIG/Command_Link|command link]] to navigate between pages. | * Use a [[Projects/Usability/HIG/Command_Link|command link]] to navigate between pages. | ||
* Support keyboard access by [[Projects/Usability/HIG/Keyboard_Accelerators|accelerators]] and [[Projects/Usability/HIG/Keyboard_Shortcuts|shortcuts]]. | * Support keyboard access by [[Projects/Usability/HIG/Keyboard_Accelerators|accelerators]] and [[Projects/Usability/HIG/Keyboard_Shortcuts|shortcuts]]. | ||
+ | * Follow the guidelines for [[Projects/Usability/HIG/Dialogs|dialogs]] for secondary windows. | ||
=== Grouping === | === Grouping === | ||
* Arrange associated controls by using a labeled [[Projects/Usability/HIG/GroupBox| group box]] or an unlabeled [[Projects/Usability/HIG/GroupBox| frame]]. | * Arrange associated controls by using a labeled [[Projects/Usability/HIG/GroupBox| group box]] or an unlabeled [[Projects/Usability/HIG/GroupBox| frame]]. | ||
* Allow users to resize aligned groups by placing a [[Projects/Usability/HIG/Splitter| splitter]] between the groups. | * Allow users to resize aligned groups by placing a [[Projects/Usability/HIG/Splitter| splitter]] between the groups. | ||
− | * | + | * Use [[Projects/Usability/HIG/TabControl|tabs]] to show related information on separate pages. |
+ | * Provide an [[Projects/Usability/HIG/Accordion|accordion]] (aka tool box) for different views to content. | ||
=== Complex views === | === Complex views === | ||
Line 53: | Line 50: | ||
== Editing and Manipulation == | == Editing and Manipulation == | ||
=== Selection === | === Selection === | ||
− | * Use [[Projects/Usability/HIG/Radio Buttons|radio buttons]] for | + | * Use [[Projects/Usability/HIG/Radio Buttons|radio buttons]] for selection of 1 out of a few items. |
* Use one or more [[Projects/Usability/HIG/Check_Box|check boxes]] for clear options or to select items out of a small number of options. | * Use one or more [[Projects/Usability/HIG/Check_Box|check boxes]] for clear options or to select items out of a small number of options. | ||
* Use a [[Projects/Usability/HIG/DropDown| drop-down]] list for selection of 1 out of a small number of items. | * Use a [[Projects/Usability/HIG/DropDown| drop-down]] list for selection of 1 out of a small number of items. | ||
Line 93: | Line 90: | ||
* Carefully place control according the KDE [[Projects/Usability/HIG/Alignment| alignment]] style. | * Carefully place control according the KDE [[Projects/Usability/HIG/Alignment| alignment]] style. | ||
* Do not use [[Projects/Usability/HIG/Color| color]] as primary method of communication. | * Do not use [[Projects/Usability/HIG/Color| color]] as primary method of communication. | ||
− | * | + | * [[Projects/Usability/HIG/IconDesign| icon design]] |
== Style == | == Style == |
Human interface guidelines (HIG) are software development documents that offer application developers a set of recommendations. Their aim is to improve the experience for users by making application interfaces more consistent and hence more intuitive and learnable.
Learn more about the philosophy behind the KDE HIG
See also:
Didn't find what you were looking for?
A guide to the guide can be found at the about page.
Our Human Interface Guidelines are a work in progress and we need your help. Visit the Contributing page to report problems or get involved.
B
C
D
E
F
K
L
M
R
S
T
W