User:Andrew/HIG/EditingAndManipulation: Difference between revisions

From KDE UserBase Wiki
No edit summary
Line 2: Line 2:
= Editing and Manipulation =
= Editing and Manipulation =
=== Selection ===
=== Selection ===
* Use [[Projects/Usability/HIG/Radio Buttons|radio buttons]] for selection of 1 out of a few items.
* [https://techbase.kde.org/Projects/Usability/HIG/Radio Buttons Radio buttons] - Use 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.
* [https://techbase.kde.org/Projects/Usability/HIG/Check_Box Check boxes] - Use one or more check box 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.
* [https://techbase.kde.org/Projects/Usability/HIG/DropDown Drop-down] - Use a drop-down list for selection of 1 out of a small number of items.
* Use a [[Projects/Usability/HIG/Combo_Box| combo box]] to select 1 out of a small number of items where users should be able to add items.
* [https://techbase.kde.org/Projects/Usability/HIG/Combo_Box Combo box] - Use a combo box to select 1 out of a small number of items where users should be able to add items.
* Use a [[Projects/Usability/HIG/ListView|list view]] to select 1 singular item out of a potentially big list.
*[https://techbase.kde.org/Projects/Usability/HIG/ListView List view] - Use a list view to select 1 singular item out of a potentially big list.
* Apply the [[Projects/Usability/HIG/DualList| dual list pattern]] for several selections out of a large number of (multiple) items.
* [https://techbase.kde.org/Projects/Usability/HIG/DualList Dual list pattern] - Apply the dual list pattern for several selections out of a large number of (multiple) items.


== Unconstrained input ==
== Unconstrained input ==

Revision as of 04:49, 25 September 2014

Editing and Manipulation

Selection

  • Buttons Radio buttons - Use radio buttons for selection of 1 out of a few items.
  • Check boxes - Use one or more check box for clear options or to select items out of a small number of options.
  • Drop-down - Use a drop-down list for selection of 1 out of a small number of items.
  • Combo box - Use a combo box to select 1 out of a small number of items where users should be able to add items.
  • List view - Use a list view to select 1 singular item out of a potentially big list.
  • Dual list pattern - Apply the dual list pattern for several selections out of a large number of (multiple) items.

Unconstrained input

  • Provide a line edit to enter one line of text.
  • Provide a text edit to enter multiple lines of texts.
  • Use a table view to arrange data in rows and columns with inline editing feature.

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.