|
|
| 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}} | |
