User:Andrew/HIG/ViewAndNavigation: Difference between revisions

From KDE UserBase Wiki
Line 4: Line 4:


== Access functions ==
== Access functions ==
* [https://techbase.kde.org/Projects/Usability/HIG/Toolbar Toolbar] - Provide a toolbar for frequently used functions.
* [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/Command_Link Command Link] Use a command link to navigate between pages.
* [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/ContextMenu Context menu] - Provide a context menu for controls with implicit functions.
* 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.
* Provide a [https://techbase.kde.org/Projects/Usability/HIG/ContextMenu context menu] for controls with implicit functions.
* Provide a [https://techbase.kde.org/Projects/Usability/HIG/Toolbar toolbar] for frequently used functions.
* Use a [https://techbase.kde.org/Projects/Usability/HIG/Buttons push button] to initiate an action when the user clicks it.
* Use a [https://techbase.kde.org/Projects/Usability/HIG/Toggle_Buttons toogle button] to indicate a state, preferably in toolbars only.
* Use a [https://techbase.kde.org/Projects/Usability/HIG/Command_Link command link] to navigate between pages.
* Support keyboard access by [https://techbase.kde.org/Projects/Usability/HIG/Keyboard_Accelerators accelerators] and [https://techbase.kde.org/Projects/Usability/HIG/Keyboard_Shortcuts shortcuts].
* Follow the guidelines for [https://techbase.kde.org/Projects/Usability/HIG/Dialogs dialogs] for secondary windows.


== Grouping ==
== Grouping ==

Revision as of 03:50, 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.

Access functions

  • Toolbar - Provide a toolbar for frequently used functions.
  • 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.
  • Command Link Use a command link to navigate between pages.
  • Accelerators and shortcuts - Support keyboard access by accelerators and shortcuts.
  • Dialogs - Follow the guidelines for dialogs for secondary windows.
  • Context menu - Provide a context menu for controls with implicit functions.
  • 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.