|
|
| (5 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| __NOTOC__
| | {{ Moved To Community | KDE_Visual_Design_Group/HIG/ViewingAndNavigation }} |
| = 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/Layout/NavigationPatterns|Navigation Patterns]] - Select navigation patterns appropriate for the application content.
| |
| | |
| == Actions ==
| |
| * [[Projects/Usability/HIG/Layout/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.
| |
| | |
| | |
| {{Prevnext2||nextpage=Projects/Usability/HIG/EditingAndMunipulation|prevtext=Behavior|nexttext=Editing and Manipulation|index=Projects/Usability/HIG#Behavior|indextext=Behavior}} | |
