We are working on a new site.

It's a work-in-progress and we'd love for you to take a look.


Touch Screen & Gestures

A Touchscreen is an electronic visual display that can detect the presence and location of a touch (with finger or hand) within the display area.

The Touchscreen Interface of a tablet gives people a sense of immediate connection with their device and enhances their sense of direct manipulation of onscreen objects.

Tap

tap

To press or select an item such as a Call To Action (CTA) or text link.

Double Tap

double tap

Focuses an area of the screen by zooming & centering a piece of content. Zooms out again (if already enlarged).

Touch & Hold

touch and hold

When applied to editable text can display a magnified view for accurate cursor positioning.

Drag

drag

To scroll slowly down a list or pan across content by moving side to side.

Pinch Open

pinch open

To zoom into a piece of content with greater control (than the double tap)

Pinch Close

pinch close

To zoom out of a piece of content with greater control (than the double tap)

Swipe

swipe

A horizontal gesture, from right to left or vice versa, used to page through content.

Flick

flick

Used to scroll or pan quickly, the speed of the gesture affects the speed of the action.

Shake

shake

Used to undo or redo an action.

The standard gestures above are recommended by GEL. People are comfortable using them providing services apply them consistently.

Although most tablets are capable of providing support for more complex gestures, these should be used with caution. Too many multi-fingered gestures can confuse. As a general rule, non-standard gestures should not be used for core navigation as this can hide functionality and cause usability problems.

Copyright © 2015 BBC. The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.