User:Andrew/HIG/ViewAndNavigation: Difference between revisions

From KDE UserBase Wiki
Line 3: Line 3:
Viewing and Navigation encompasses the wide variety of behaviors and operations that allow users to navigate the interface and affect its presentation.
Viewing and Navigation encompasses the wide variety of behaviors and operations that allow users to navigate the interface and affect its presentation.


== Access functions ==
== Commands ==
* [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/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/Toggle_Buttons Toggle button] - Use a toggle button to indicate a state, preferably in toolbars only.
Line 9: Line 9:
* [https://techbase.kde.org/Projects/Usability/HIG/ContextMenu Context menu] - Provide a context menu for controls with implicit functions.
* [https://techbase.kde.org/Projects/Usability/HIG/ContextMenu Context menu] - Provide a context menu for controls with implicit functions.
* [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/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] - Follow the guidelines for dialogs for secondary windows.
* [https://techbase.kde.org/Projects/Usability/HIG/Dialogs Dialogs] - Use dialogs carefully and sparingly to avoid inappropriate interruption and communicate the actions the user perform clearly.
* [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/MessageWidget Message Panel] - Use a message panel to informs users of a non-critical problem or special condition.
* [https://techbase.kde.org/Projects/Usability/HIG/Command_Link Command Link] - Use a command link to navigate between pages.  
* Try to omit the [https://techbase.kde.org/Projects/Usability/HIG/StatusBar status bar] from your application.
* Try to omit the [https://techbase.kde.org/Projects/Usability/HIG/StatusBar status bar] from your application.



Revision as of 04:14, 25 September 2014

Viewing and Navigation

Viewing and Navigation encompasses the wide variety of behaviors and operations that allow users to navigate the interface and affect its presentation.

Commands

  • 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 - Provide a context menu for controls with implicit functions.
  • Accelerators and shortcuts - Support keyboard access by accelerators and shortcuts.
  • Dialogs - Use dialogs carefully and sparingly to avoid inappropriate interruption and communicate the actions the user perform clearly.
  • Message Panel - Use a message panel to informs users of a non-critical problem or special condition.
  • Command Link - Use a command link to navigate between pages.
  • Try to omit the status bar from your application.

Grouping

  • Arrange associated controls by using a labeled group box or an unlabeled frame.
  • Allow users to resize aligned groups by placing a splitter between the groups.
  • Use tabs to show related information on separate pages.

Complex views

  • Use a list view to show some items out of one category.
  • Use a tree view to show items with a single, natural, hierarchical categorization.
  • If you really need to create your own widget follow the guidelines for custom controls.
  • Double check the guidelines about plotting diagram/charts.

Patterns

  • Navigation Patterns - Select patterns appropriate for the application content
  • Content Patterns - A collection of consistent ways to present content
    • Images - Guidelines and patterns for displaying images
    • Icons and text - Patterns for consistently showing icons with text
    • Viewing vs Editing - Patterns and guidelines for laying out content that is primarily viewed.
    • Search and Filter- Patterns for exposing search and filter functions
    • Wizard - Patterns for guiding the user through a series of step to accomplish a task
    • Tooltips - Patterns for consistent presentation of information in tooltips.