Projects/Usability/HIG/GlobalDrawer: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
No edit summary
(Renamed Menu Drawer to Global Drawer)
Line 1: Line 1:
= Menu Drawer =
= Global Drawer =


[[File:Menu_Drawer.png]]
[[File:Menu_Drawer.png]]
Line 5: Line 5:
== Purpose ==
== Purpose ==


The Menu Drawer is a standard element in KDE mobile applications. It contains an application's main menu, and any functions which are not part of the application's main usecases but are not specific to the current context either.
The Global Drawer is a standard element in KDE mobile applications. It contains an application's main menu, and any functions which are not part of the application's main usecases but are not specific to the current context either.


== Is this the right control? ==
== Is this the right control? ==


Use a Menu Drawer whenever your application has any functions which are not central enough to the application's main purpose to put them in the main user interface, and which are not dependent on the current context. For context-specific actions (e.g. those affecting a selected item), use the [[../../ContextDrawer | Context Drawer]]
Use a Global Drawer whenever your application has any functions which are not central enough to the application's main purpose to put them in the main user interface, and which are not dependent on the current context. For context-specific actions (e.g. those affecting a selected item), use the [[../../ContextDrawer | Context Drawer]]


== Guidelines ==
== Guidelines ==
The menu drawer is opened by swiping in from the left or right edge of the screen (depending on a system-wide setting) and closed by swiping in the other direction or tapping outside of it.
The Global Drawer is opened by swiping in from the left or right edge of the screen (depending on a system-wide setting) and closed by swiping in the other direction or tapping outside of it.


A Menu Drawer may contain the following controls:
A Global Drawer may contain the following controls:
* [[../TabControl | Tabs]]
* [[../TabControl | Tabs]]
* A main menu
* A main menu
Line 24: Line 24:
* Should if possible not contain more elements than fit on the screen
* Should if possible not contain more elements than fit on the screen
* Should contain an entry "[[../Settings |Settings]]" in the last position if the application has settings which are not commonly changed
* Should contain an entry "[[../Settings |Settings]]" in the last position if the application has settings which are not commonly changed
* Selecting an entry in the menu either executes an action or goes down one level, replacing the menu witht he items in the selected submenu
* Selecting an entry in the menu either executes an action or goes down one level, replacing the menu with the items in the selected submenu
   * In lower menu levels, below the entries there is a button to go up one level.
   * In lower menu levels, below the entries there is a button to go up one level.



Revision as of 16:33, 1 October 2015

Global Drawer

Purpose

The Global Drawer is a standard element in KDE mobile applications. It contains an application's main menu, and any functions which are not part of the application's main usecases but are not specific to the current context either.

Is this the right control?

Use a Global Drawer whenever your application has any functions which are not central enough to the application's main purpose to put them in the main user interface, and which are not dependent on the current context. For context-specific actions (e.g. those affecting a selected item), use the Context Drawer

Guidelines

The Global Drawer is opened by swiping in from the left or right edge of the screen (depending on a system-wide setting) and closed by swiping in the other direction or tapping outside of it.

A Global Drawer may contain the following controls:

The main menu

  • Must not have more than three levels
  • Should if possible not contain more elements than fit on the screen
  • Should contain an entry "Settings" in the last position if the application has settings which are not commonly changed
  • Selecting an entry in the menu either executes an action or goes down one level, replacing the menu with the items in the selected submenu
 * In lower menu levels, below the entries there is a button to go up one level.

Do not use the Menu Drawer for navigation purposes.

Implementation