User:Andrew/HIG/ViewAndNavigation: Difference between revisions

From KDE UserBase Wiki
Line 20: Line 20:
== Complex views ==
== Complex views ==
* Use a [https://techbase.kde.org/Projects/Usability/HIG/ListView list view] to show some items out of one category.
* Use a [https://techbase.kde.org/Projects/Usability/HIG/ListView list view] to show some items out of one category.
* Use a [https://techbase.kde.org/Projects/Usability/HIG/TreeView tree view]] to show items with a single, natural, hierarchical categorization.
* Use a [https://techbase.kde.org/Projects/Usability/HIG/TreeView tree view] to show items with a single, natural, hierarchical categorization.
* If you really need to create your own widget follow the guidelines for [https://techbase.kde.org/Projects/Usability/HIG/CustomControls custom controls].
* If you really need to create your own widget follow the guidelines for [https://techbase.kde.org/Projects/Usability/HIG/CustomControls custom controls].
* Double check the guidelines about plotting [https://techbase.kde.org/Projects/Usability/HIG/Diagram diagram/charts].
* Double check the guidelines about plotting [https://techbase.kde.org/Projects/Usability/HIG/Diagram diagram/charts].
==Patterns==
* Navigation Patterns - Select patterns appropriate for the application content
* Content Patterns - A collection of consistent ways to present content
** [[Projects/Usability/HIG/Layout/Image|Images]] - Guidelines and patterns for displaying images
** [[Projects/Usability/HIG/IconsAndText|Icons and text]] - Patterns for consistently showing icons with text
** [[Projects/Usability/HIG/Layout/ViewingVsEditing|Viewing vs Editing]] - Patterns and guidelines for laying out content that is primarily viewed.
** [[Projects/Usability/HIG/SearchPattern|Search and Filter]]- Patterns for exposing search and filter functions
** [[Projects/Usability/HIG/Layout/Wizard|Wizard]] - Patterns for guiding the user through a series of step to accomplish a task
** [[Projects/Usability/HIG/Tooltip|Tooltips]] - Patterns for consistent presentation of information in tooltips.

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

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.