User:Andrew/HIG/ViewAndNavigation: Difference between revisions
< User:Andrew | HIG
| (33 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
= Viewing and Navigation = | = Viewing and Navigation = | ||
Viewing and Navigation encompasses the wide variety of behaviors and operations that allow users to navigate the interface and | 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== | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Layout/ViewingVsEditing Viewing vs Editing] - Do not use input controls for content that is primarily viewed. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Layout/Image Images] - Preserve the characteristics of images that convey emotion and meaning. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/IconsAndText Icons and text] - Consistently show icons with text. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/ListView List view] - Use a list view to show some items out of one category. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/TreeView Tree view] - Use a tree view to show items with a single, natural, hierarchical categorization. | ||
* | * Grouping | ||
* | ** [https://techbase.kde.org/Projects/Usability/HIG/GroupBox Groupbox] - Arrange associated controls by using a labeled group box or an unlabeled frame. | ||
* | ** [https://techbase.kde.org/Projects/Usability/HIG/Splitter Splitter] - Allow users to resize aligned groups by placing a splitter between the groups. | ||
** [https://techbase.kde.org/Projects/Usability/HIG/TabControl Tabs] - Use tabs to show related information on separate pages. | |||
* [https://techbase.kde.orgProjects/Usability/HIG/Tooltip Tooltips] - Consistently present tooltip information. | |||
* [https://techbase.kde.org/Projects/Usability/HIG/SearchPattern Search and Filter] - Guidelines for exposing search and filter functions | |||
* [https://techbase.kde.orgProjects/Usability/HIG/Layout/Wizard Wizard] - How to guide the user through a series of step to accomplish a task | |||
* [https://techbase.kde.org/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== | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Layout/NavigationPatterns Navigation Patterns] - Select navigation patterns appropriate for the application content. | ||
== | == Actions == | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Layout/CommandPatterns Command Patterns] - Select command patterns appropriate for the application command structure. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Buttons Push Button] - Use a push button to initiate an action when the user clicks it. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Toggle_Buttons Toggle button] - Use a toggle button to indicate a state, preferably in toolbars only. | ||
* | * [https://techbase.kde.org/Projects/Usability/HIG/Toolbar Toolbar] - Provide a toolbar for frequently used functions. | ||
* [https://techbase.kde.org/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. | |||
* [https://techbase.kde.org/Projects/Usability/HIG/Menu_Bar Menu Bar] - Use a menu bar only for applications with a [[User:Andrew/HIG/OrganizationalModel|very complex command structure]]. | |||
* [https://techbase.kde.org/Projects/Usability/HIG/Keyboard_Accelerators Accelerators] and [https://techbase.kde.org/Projects/Usability/HIG/Keyboard_Shortcuts shortcuts] - Support keyboard access by accelerators and shortcuts. | |||
* [https://techbase.kde.org/Projects/Usability/HIG/Dialogs Dialogs] - Use dialogs carefully and sparingly to clearly communicate the actions to be performed and to avoid unnecessary interruption. | |||
* [https://techbase.kde.org/Projects/Usability/HIG/Command_Link Command Link] - Use a command link to navigate between pages. | |||
* [https://techbase.kde.org/Projects/Usability/HIG/StatusBar Status Bar] - Try to omit the status bar from your application. | |||
Latest revision as of 14:56, 28 September 2014
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
- Viewing vs Editing - Do not use input controls for content that is primarily viewed.
- Images - Preserve the characteristics of images that convey emotion and meaning.
- Icons and text - Consistently show icons with text.
- List view - Use a list view to show some items out of one category.
- Tree view - Use a tree view to show items with a single, natural, hierarchical categorization.
- Grouping
- Tooltips - Consistently present tooltip information.
- Search and Filter - Guidelines for exposing search and filter functions
- Wizard - How to guide the user through a series of step to accomplish a task
- 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 Patterns - Select navigation patterns appropriate for the application content.
Actions
- Command Patterns - Select command patterns appropriate for the application command structure.
- Push Button - Use a push button to initiate an action when the user clicks it.
- Toggle button - Use a toggle button to indicate a state, preferably in toolbars only.
- Toolbar - Provide a toolbar for frequently used functions.
- Context menu - Use a context menu to provide a list of functions or options available to users for the selected item.
- Menu Bar - Use a menu bar only for applications with a very complex command structure.
- Accelerators and shortcuts - Support keyboard access by accelerators and shortcuts.
- Dialogs - Use dialogs carefully and sparingly to clearly communicate the actions to be performed and to avoid unnecessary interruption.
- Command Link - Use a command link to navigate between pages.
- Status Bar - Try to omit the status bar from your application.