Pointer and touch input

Pointer and touch input are two of the primary means through which users will interact with your application.

Pointer input

A pointing device is any input device that allows the manipulation of a pointer — typically represented as an arrow, and often called a cursor — on screen. While mice and touchpads are the most common, there are a wide variety of such devices, including graphics tablets, track balls, track points and joysticks.

Primary and secondary buttons

Mice and touchpads often have two main buttons. One of these acts as the primary button, and the other acts as the secondary button. Typically, the left button is used as the primary button and the right button is used as the secondary button. However, this order is user-configurable and does not translate to touchscreen input. These guidelines therefore refer to primary and secondary action, rather than left and right.

Use the primary action for selecting items and activating controls. The secondary action can be used for accessing additional options, typically through a context menu.

Do not depend on input from secondary or other additional buttons. As well as being physically more difficult to click, some pointing devices and many assistive technology devices only support or emulate the primary button.

Press and hold should be used to simulate the secondary button on single button pointing devices. Therefore, do not use press and hold for other purposes.

General guidelines

  • Double click should not be used, since it is undiscoverable, and translates poorly to touch input.

  • If present on the mouse, the scrollwheel should scroll the window or control under the pointer, if it supports scrolling. Initiating scrolling in this way should not move keyboard focus to the window or control being scrolled.

  • Do not require the use of chording (pressing multiple mouse buttons simultaneously) for any operations.

  • Do not require the use of multiple (triple- or quadruple-) clicking actions for any operations, unless you also provide an accessible alternative method of performing the same action.

  • Allow all mouse operations to be cancelled before their completion. Pressing Esc should cancel any mouse operation in progress, such as dragging and dropping a file in a file manager, or drawing a shape in a drawing application.

  • Do not refer to particular mouse buttons in your interface unless absolutely necessary. Not everybody will be using a conventional mouse with left, middle and right buttons, so any text or diagrams that refer to those may be confusing.

Mouse and keyboard equivalents

Ensure that every operation in your application that can be done with the mouse can also be done with the keyboard. The only exceptions to this are actions where fine motor control is an essential part of the task. For example, controlling movement in some types of action games, or freehand painting in an image-editing application.

If your application allows items to be selected, the following equivalent actions should be in place.

Action

Mouse

Keyboard

Open an item

Primary button

Space

Add/remove item from selection

Ctrl and primary button

Ctrl+Space

Extend selection

Shift and primary button

Shift in combination with any of the following: Space Home End PageUp PageDown

Change selection

Primary button

Any of the following: Home End PageUp PageDown

Select all

Primary button on first item, then primary button and Shift on the last item

Ctrl+A

Deselect all

Primary click on the container background

Shift+Ctrl+A

Touch input

Touch screens are also an increasingly common part of modern computer hardware, and applications created with GTK are likely to be used with hardware that incorporates a touch screen. To make the most of this hardware, and to conform to users’ expectations, it is therefore important to consider touch input as a part of application design.

Application touch conventions

Using touch input consistently with other applications will allow users to easily learn how to use your application with a touch screen. The following conventions are recommended, where relevant.

Action

Description

Result

Tap

Tap on an item.

Primary action. Item opens — photo is shown full size, application launches, song starts playing.

Press and hold

Press and hold for a second or two.

Secondary action. Select the item and list actions that can be performed.

Drag

Slide finger touching the surface.

Scrolls area on screen.

Pinch or stretch

Touch surface with two fingers while bringing them closer or further apart.

Changes the zoom level of the view (e.g. Maps, Photos).

Double tap

Tap twice in quick succession.

Stepped zoom in.

Flick

Very quick drag, losing contact with the surface without slowing movement.

Removes an item.

System touch conventions

In GNOME 3, a number of touch gestures are reserved for use by the system. These should be avoided by applications.

Edge drag

Slide finger starting from a screen edge.

Top-left edge opens the application menu.

Top-right edge opens the system status menu.

Left edge opens the Activities Overview with the application view visible.

Three finger pinch

Bring three or more fingers closer together while touching the surface.

Opens the Activities Overview.

Four finger drag

Drag up or down with four fingers touching the surface.

Switches workspace.

Three finger hold and tap

Hold three fingers on the surface while tapping with the fourth.

Switches application.