Difference between revisions of "Projects/Usability/HIG"

Jump to: navigation, search
(Selection)
(2 intermediate revisions by one user not shown)
Line 47: Line 47:
 
* Use a [[Projects/Usability/HIG/Combo_Box| combo box]] for 1 of a few n selection where users should be able to add items.
 
* Use a [[Projects/Usability/HIG/Combo_Box| combo box]] for 1 of a few n selection where users should be able to add items.
 
* Use a [[Projects/Usability/HIG/ListView|list view]] for 1 of some m (singular) selections.
 
* Use a [[Projects/Usability/HIG/ListView|list view]] for 1 of some m (singular) selections.
* Apply the [[Projects/Usability/HIG/DualList| dual list]] pattern for n of m (multiple) selections.
+
* Apply the [[Projects/Usability/HIG/DualList| dual list pattern]] for n of m (multiple) selections.
  
 
=== Unconstrained input ===
 
=== Unconstrained input ===
Line 57: Line 57:
 
* Use a [[Projects/Usability/HIG/Spin_Box|Spin Box]] for numerical input within a range and with fix steps.
 
* Use a [[Projects/Usability/HIG/Spin_Box|Spin Box]] for numerical input within a range and with fix steps.
 
* Use a [[Projects/Usability/HIG/Slider|Slider]] for arbitrary changes within a defined range.
 
* Use a [[Projects/Usability/HIG/Slider|Slider]] for arbitrary changes within a defined range.
* (Under construction): Numeric input with both large changes and precise control: [[Projects/Usability/HIG/Slider_and_Spin_Box|Slider and Spin Box]]
+
* Apply the [[Projects/Usability/HIG/Slider_and_Spin_Box|slider and spin box pattern]] for numeric input with both large changes and precise control.
 
* Use [[Projects/Usability/HIG/Date_Time_Pickers|Date and Time Pickers]] for formatted input of datum, time of day, or periods etc.
 
* Use [[Projects/Usability/HIG/Date_Time_Pickers|Date and Time Pickers]] for formatted input of datum, time of day, or periods etc.
  
Line 164: Line 164:
  
 
[[Category:Usability]]
 
[[Category:Usability]]
 
 
----
 
'''Legacy Stuff'''
 
 
[[Projects/Usability/HIG/Lists_Rich_Lists|List Views]]
 
 
Please add any guidelines questions or requests to the [[Projects/Usability/HIG_Questions|HIG Questions]] page.
 
 
Also see the [[Projects/Usability/HIG/SOU_Workspace|Season of Usability HIG & Design Patterns Workspace]].
 

Revision as of 15:12, 1 August 2013

Contents

Structure

Conceptual Model

  • Real World, Vision

Task Flow

  • Core usability goals, Use cases / User requirements, Task aggregation
  • Personas, Scenarios, Usability criteria, Feature list

Organizational Model

Behaviour

Viewing and Navigation

General navigation

Access functions

Grouping

  • Group box, Panel
  • Splitter

Complex views

  • Use a List View to show some items out of one category.
  • Tree view
  • Grids
  • If you really need to create your own widget follow the guidelines for custom controls.

Editing and Manipulation

Selection

  • Use radio buttons for 1 of a few n selections.
  • Use one or more check boxes for clear options or n of a few m selections.
  • Use a drop-down list for 1 of a few n selection.
  • Use a combo box for 1 of a few n selection where users should be able to add items.
  • Use a list view for 1 of some m (singular) selections.
  • Apply the dual list pattern for n of m (multiple) selections.

Unconstrained input

  • Provide a line edit to enter one line of text.
  • Provide a text edit to enter multiple lines of texts.
  • Consider to provide inline editing with complex views.

Constrained input

  • Use a Spin Box for numerical input within a range and with fix steps.
  • Use a Slider for arbitrary changes within a defined range.
  • Apply the slider and spin box pattern for numeric input with both large changes and precise control.
  • Use Date and Time Pickers for formatted input of datum, time of day, or periods etc.

User Assistance

User-driven information

  • Provide tool-tips for user driven information.

System triggered notification

Disruptive messages

  • Show a modal message dialog if the processing has reached an unexpected condition that needs interaction.

Help system

  • Support the user by an elaborated interface or per help system.

Presentation

Layout

  • Resizing
  • Default and minimal size
  • Spacing
  • Carefully place control according the KDE alignment style.
  • Do not use color as primary method of communication.
  • Icons

Style

Text

See also:

Contributing

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.

Index

B

C


D

E

F

K

L

M

R

S

T

W


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