Skip to Main Content
Designing Gestural Interfaces
book

Designing Gestural Interfaces

by Dan Saffer
November 2008
Intermediate to advanced content levelIntermediate to advanced
272 pages
9h 16m
English
O'Reilly Media, Inc.
Content preview from Designing Gestural Interfaces

DRAG TO MOVE OBJECT

WHAT

Using a single finger on top of an object on-screen moves that object, along with the finger, to a new location.

USE WHEN

Use this pattern for drag-and-drop, sliders, and other controls to enable the user to move an object to another part of the screen.

WHY

Without being able to grasp and pick up an object, users still need a way to move objects, so pushing and pulling them with their finger is a natural action to accomplish this. Some controls, such as sliders, require this pattern.

HOW

Either the object has to be selected first, or this gesture has to be combined with Tap to Select so that an object that is beneath a touch event can be automatically selected and moved with the finger as it moves across the screen. Objects on-screen can be constrained to slide in only certain directions (e.g., left and right on a slider).

EXAMPLES

A concept for Comfort, an environmental system controlled by a touchscreen remote control. Sliding a thumb down the slider changes the temperature. Courtesy Valliant.

Figure 3-7. A concept for Comfort, an environmental system controlled by a touchscreen remote control. Sliding a thumb down the slider changes the temperature. Courtesy Valliant.

The iPhone's Slide to Unlock feature lets users slide the "latch" in only one direction, which is indicated with both an arrow and an animation on the words "slide to unlock." Courtesy John Pastor.

Figure 3-8. The iPhone's Slide to Unlock feature lets users slide the "latch" in only one direction, which is indicated with both an arrow and an animation on the words "slide to unlock." Courtesy John Pastor.

Figure 3-9. You control the loopArenaMTC music device by ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Designing Web Interfaces

Designing Web Interfaces

Bill Scott, Theresa Neil
Designing Mobile Interfaces

Designing Mobile Interfaces

Steven Hoober, Eric Berkman
Designing Social Interfaces, 2nd Edition

Designing Social Interfaces, 2nd Edition

Christian Crumlish, Erin Malone
Interaction design for tangible interfaces

Interaction design for tangible interfaces

Stephen P. Anderson, Jonathan Follett

Publisher Resources

ISBN: 9780596156756Errata