Projects/Usability/HIG/EditingAndManipulation: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
(Created page with "__NOTOC__ = Editing and Manipulation = Editing and Manipulation considers the behaviors that result in persistent changes to user’s stored information. Behaviors in this lay...")
 
(HIG moved to community)
 
Line 1: Line 1:
__NOTOC__
{{ Moved To Community | KDE_Visual_Design_Group/HIG/EditingAndManipulation }}
= Editing and Manipulation =
Editing and Manipulation considers the behaviors that result in persistent changes to user’s stored information. Behaviors in this layer can often be recognized by the following traits: they result in persistent, stored changes; they require an implicit or explicit save operation; and they typically require validation of the input data.
 
== Selection ==
* [[Projects/Usability/HIG/Radio_Buttons|Radio buttons]] - Use radio buttons for selection of 1 out of a few items.
* [[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.
* [[Projects/Usability/HIG/DropDown|Drop-down]] - Use a drop-down list for selection of 1 out of a small number of items.
* [[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.
* [[Projects/Usability/HIG/ListView|List view]] - Use a list view to select 1 singular item out of a potentially big list.
* [[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 ==
* [[Projects/Usability/HIG/LineEdit|Line edit]] - Use a line edit to enter one line of text.
* [[Projects/Usability/HIG/TextEdit|Text edit]] - Use a text edit to enter multiple lines of texts.
* [[Projects/Usability/HIG/TableView|Table view]] - Use a table view to arrange data in rows and columns with inline editing feature.
 
== Constrained input ==
* [[Projects/Usability/HIG/Spin_Box|Spin box]] - Use a spin box for numerical input within a range and with fix steps.
* [[Projects/Usability/HIG/Slider|Slider]] - Use a slider for arbitrary changes within a defined range.
* [[Projects/Usability/HIG/Slider_and_Spin_Box|Slider and spin box pattern]] - Apply the slider and spin box pattern for numeric input with both large changes and precise control.
* [[Projects/Usability/HIG/Date_Time_Pickers|Date and time pickers]] - Use date and time pickers for formatted input of date, time of day, or periods etc.
 
== Viewing vs Editing ==
* Do not use input controls to show information unless there is an explicit request to edit the information. See the [[Projects/Usability/HIG/Layout/ViewingVsEditing|Viewing vs Editing]] guidelines for more.
 
{{Prevnext2|prevpage=Projects/Usability/HIG/ViewingAndNavigation|nextpage=Projects/Usability/HIG/UserAssistance|prevtext=Viewing and Navgation|nexttext=User Assistance|index=Projects/Usability/HIG#Behaviour|indextext=Back to Behaviour}}

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.