Projects/Usability/HIG/ViewingAndNavigation: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
mNo edit summary
(HIG moved to community)
 
Line 1: Line 1:
__NOTOC__
{{ Moved To Community | KDE_Visual_Design_Group/HIG/ViewingAndNavigation }}
= Desktop-oriented apps =
== Viewing and Navigation ==
Viewing and Navigation encompasses the wide variety of behaviors and operations that allow users to view content, navigate the interface and perform actions on application content.
 
===Viewing content===
* [[Projects/Usability/HIG/Layout/ViewingVsEditing|Viewing vs Editing]] - Do not use input controls for content that is primarily viewed.
* [[Projects/Usability/HIG/Layout/Image|Images]] - Preserve the characteristics of images that convey emotion and meaning.
* [[Projects/Usability/HIG/IconsAndText|Icons and text]] - Consistently show icons with text.
* [[Projects/Usability/HIG/ListView|List view]] - Use a list view to show some items out of one category.
* [[Projects/Usability/HIG/TreeView|Tree view]] - Use a tree view to show items with a single, natural, hierarchical categorization.
* Grouping
** [[Projects/Usability/HIG/GroupBox|Groupbox]] - Arrange associated controls by using a labeled group box or an unlabeled frame.
** [[Projects/Usability/HIG/Splitter|Splitter]] - Allow users to resize aligned groups by placing a splitter between the groups.
** [[Projects/Usability/HIG/TabControl|Tabs]] - Use tabs to show related information on separate pages.
* [[Projects/Usability/HIG/Tooltip|Tooltips]] - Consistently present tooltip information.
* [[Projects/Usability/HIG/SearchPattern|Search and Filter]] - Guidelines for exposing search and filter functions
* [[Projects/Usability/HIG/Layout/Wizard|Wizard]] - How to guide the user through a series of step to accomplish a task
* [[Projects/Usability/HIG/CustomControls|Custom controls]] - Always attempt to use the available Qt/KDE controls whenever possible. However follow these guidelines if you really need to create your own widget .
 
===Navigation===
* [[Projects/Usability/HIG/Patterns/NavigationPatterns|Navigation Patterns]] - Select navigation patterns appropriate for the application content.
 
=== Actions ===
* [[Projects/Usability/HIG/Patterns/CommandPatterns|Command Patterns]] - Select command patterns appropriate for the application command structure.
* [[Projects/Usability/HIG/Buttons|Push Button]] - Use a push button to initiate an action when the user clicks it.
* [[Projects/Usability/HIG/Toggle_Buttons|Toggle button]] - Use a toggle button to indicate a state, preferably in toolbars only.
* [[Projects/Usability/HIG/Toolbar|Toolbar]] - Provide a toolbar for frequently used functions.
* [[Projects/Usability/HIG/ContextMenu|Context menu]] - Use a context menu to provide a list of functions or options available to users for the selected item.
* [[Projects/Usability/HIG/Menu_Bar|Menu Bar]] - Use a menu bar only for applications with a [[Projects/Usability/HIG/Organization|very complex command structure]].
* [[Projects/Usability/HIG/Keyboard_Accelerators|Accelerators]] and [[Projects/Usability/HIG/Keyboard_Shortcuts|shortcuts]] - Support keyboard access by accelerators and shortcuts.
* [[Projects/Usability/HIG/Dialogs|Dialogs]] - Use dialogs carefully and sparingly to clearly communicate the actions to be performed and to avoid unnecessary interruption.
* [[Projects/Usability/HIG/Command_Link|Command Link]] - Use a command link to navigate between pages.
* [[Projects/Usability/HIG/StatusBar|Status Bar]] - Try to omit the status bar from your application.
 
= Touch-oriented apps =
== Navigation ==
* [[Projects/Usability/HIG/ViewsByColumns | Views-by-columns approach]]
* [[Projects/Usability/HIG/GlobalDrawer | Global Drawer]]
* [[Projects/Usability/HIG/ContentsFilter | Contents filter]]
 
= Mediacenter-oriented apps =
 
{{Prevnext2|nextpage=Projects/Usability/HIG/EditingAndManipulation|nexttext=Editing and Manipulation|index=Projects/Usability/HIG#Behaviour|indextext=Back to Behaviour}}

Latest revision as of 12:09, 4 August 2016

This page is now on the community wiki.