Appendix A. A Palette of Human Gestures and Movements

We don't have to start from scratch when creating gestures. Humans around the world have a rich set of gestures that they use on all sorts of occasions. These "premade" gestures are easy to learn and use and can be enhanced with interactivity to create rich, meaningful interactions.

There are two basic types of gestures: static and dynamic. Static gestures are postures, meaning they are performed and held. The "okay" sign is a static gesture. Dynamic gestures are more about movement over time. Twirling a finger is one example. As a general rule, dynamic gestures are much more difficult to detect and pattern-match in code than static gestures.[58]

Warning

Sign language is a means of communication that is typically used by the hearing-impaired and employs gestures and facial expressions instead of sound to fluidly express thoughts. Using sign language for interactive gestures is not recommended because not only are the signs complicated (as they have to convey a wide range of expressions), but also they vary based on the underlying vocal language. Such gestures could also interfere with actual sign-language speakers.

You should not apply these gestures willy-nilly, however, as they often do have their own well-established meanings built in. It could be inappropriate, for instance, to use a finger wag (which has a negative connotation) as a means of rapidly scrolling.

The following pages provide a representative sample of the most common gestures performed (mostly) worldwide. Any regional or country differences[59] are identified. Note that these gestures and movements could be used (at least theoretically) to control an interactive system. Also note that human-to-human-specific gestures such as handshakes, hugs, kisses, backslaps, and so on are not included in this list; although such gestures could be used to trigger system behaviors, they are so fraught with meaning, both cultural and personal, that most designers should avoid them.

GESTURES FOR TOUCHSCREENS

These are common gestures used mainly on touchscreens and other interactive surfaces. To see these gestures in action, refer to Chapter 3.

TAP

TAP

image with no caption

DRAG/Slide

image with no caption

The tip or pad of the finger touches the surface briefly (<100 milliseconds). A double tap performs this gesture twice rapidly, with a <75-millisecond pause in between the two contacts. Use for pushing buttons and selecting.

image with no caption

The tip or pad of the finger moves over the surface without losing contact with the surface. Use for drag-and-drop and scrolling.

FLICK ("FLING")

image with no caption

Flick can be done in two ways. In the first way, the finger is crooked to start, and then the tip of the finger or part of the finger pad brushes the surface briefly (<75 milliseconds) as the finger uncurls. In the second way, the finger is straighter and the movement is nearly reversed, with the finger drawing closer to the body and the fingertip or part of the finger pad brushing the surface. Both of these are also called Fling. Use to quickly move objects, or to scroll.

NUDGE

image with no caption

The pad of a straight (index) finger slides briefly (<2 seconds) forward. Use to move objects.

PINCH

image with no caption

Two fingers (typically the thumb and index finger, although it can be two fingers from either hand or even two fingers on two different hands on multitouch surfaces) move closer together. Use for scaling.

SPREAD

image with no caption

Two fingers (typically the thumb and index finger, although it can be two fingers from either hand or even two fingers on two different hands on multitouch surfaces) move farther apart. Use for scaling.

HOLD

image with no caption

The tip or pad of the finger is pressed onto the surface for an extended period of time. Also called Press. Use for selection or extended scrolling.

GESTURES FOR FREE-FORM SYSTEMS

These are common gestures used mainly in environments and new devices. To see some of these gestures in action, refer to Chapter 4.

HEAD

HEAD COCKED

The head tilts to the left or right without turning.

Possible uses.

Changing perspective on-screen; moving a cursor left or right.

image with no caption

TILT UP/DOWN

The whole head moves up or down but not up and down quickly (see Nod Yes).

Possible uses.

Changing perspective on-screen; moving a cursor or slider up or down; flipping a switch; scrolling up/down.

image with no caption
image with no caption

TURN LEFT/RIGHT

The head turns so that the face becomes a profile and remains there (see Shake No for a similar movement).

Possible uses.

Moving an avatar left or right; moving a cursor or slider left/right; scrolling left/right.

image with no caption
image with no caption

NOD YES

The head moves up and down in an affirmative movement. Note that this motion does not signify "yes" in certain parts of the world, such as the Middle East; in fact, it signifies the opposite.

Possible uses.

Choosing an option; rapidly scrolling up/down.

image with no caption
image with no caption

SHAKE NO

The head shakes left and right as a negative gesture. Note that this motion does not signify "no" in certain parts of the world, such as the Middle East; in fact, it signifies the opposite.

Possible uses.

Rejecting an option; rapidly scrolling left/right.

image with no caption
image with no caption
image with no caption

TORSO

STANDING

The body is in an upright position.

Possible uses.

Returning to the default; changing modes (e.g., when shifting from sitting); turning on/off.

image with no caption

SITTING

The top half of the torso is erect while the legs are folded to accommodate resting on an object, such as a chair.

Possible uses.

Changing modes (e.g., when shifting from standing); turning on/off.

image with no caption
image with no caption
image with no caption
image with no caption

LAYING DOWN

The body is in a prone, horizontal position.

Possible uses.

Changing modes (e.g., when shifting from standing); turning on/off.

image with no caption
image with no caption
image with no caption

RECLINING

The body is in a nearly horizontal position, with the top half at a slightly elevated angle.

Possible use.

Changing modes (e.g., when shifting from standing).

image with no caption
image with no caption
image with no caption
image with no caption

TWIST LEFT/RIGHT

The top half of the body rotates left or right, turning at or near the waist.

Possible uses.

Moving an avatar left or right; moving a cursor or slider left/right; scrolling left/right.

image with no caption
image with no caption

LEAN LEFT/RIGHT

The top half of the body tilts at an angle away from its midpoint to the left or right.

Possible uses.

Moving an avatar left or right; moving a cursor or slider left/right; scrolling left/right.

image with no caption
image with no caption

BOW

The body bends forward at the waist.

Possible uses.

Confirming or selecting a choice; moving an avatar forward.

image with no caption
image with no caption
image with no caption

HANDS ON HIPS

Hands are placed on the hips.

Possible uses.

Stopping an action; pausing.

image with no caption

ON ALL FOURS

Person is on her hands and knees, low to the ground.

Possible uses.

Lowering a setting; activating the lower portion of an area.

image with no caption

LEGS

LIFT STRAIGHT

A leg is raised forward.

Possible uses.

Moving an avatar forward; selecting something on the lower part of a large screen.

image with no caption

KNEE COCKED

A single knee is lifted forward, raising the foot off the ground and bending the leg into roughly a 90-degree angle.

Possible use.

Moving an avatar forward.

image with no caption
image with no caption

KNEELING

The torso is upright, with the person kneeling on her knees with her legs behind her.

Possible use.

Lowering an object or avatar.

image with no caption
image with no caption

ON ONE KNEE

The torso is upright, with one leg in front, bent at the knee, while the other leg is also bent, resting on the knee with the lower leg behind.

Possible use.

Lowering an object or avatar.

image with no caption

ON ONE LEG

One leg is lifted off the floor while the other remains on the floor.

Possible uses.

Simple switching; left/right scrolling.

image with no caption
image with no caption

JUMP/HOP

One foot or both feet are lifted off the ground quickly.

Possible uses.

Simple switching; selecting; clicking.

image with no caption
image with no caption

CROUCH

Both feet remain on the ground while the knees are bent and the torso is lowered.

Possible use.

Lowering a setting (volume, lights, temperature, etc.).

image with no caption
image with no caption

LUNGE

One leg moves backward while the other bends into a 90-degree angle, causing the torso to lean forward.

Possible uses.

Moving an avatar forward; changing the z-axis.

image with no caption
image with no caption
image with no caption

LIFT TO SIDE

A single leg lifts to the right or left while the foot remains facing forward. Typically the right leg lifts to the right, the left leg to the left.

Possible uses.

Moving an avatar to the side; scrolling left/right.

image with no caption

LEG ANGLED OUT

While lifted, the leg and foot are at an angle less than 90 degrees.

Possible uses.

Turning an avatar left/right, as a dial or slider position indicator.

image with no caption

LEGS/ANKLES CROSSED

One leg goes over the other, at the ankle, calf, or knee.

Possible use.

Stopping forward movement by an avatar.

image with no caption
image with no caption
image with no caption

FEET

FLAT FOOT/STOMP

In this basic position, both feet are flat on the floor, pointed forward. Jumping turns this into a stomp, as does bringing a single foot up and down heavily.

Possible uses.

Returning to a default position (from other foot positions); basic switching.

image with no caption
image with no caption
image with no caption

ANGLED UP

While the heel of the foot rests on the floor, the front of the foot angles up at a 45-degree angle.

Possible use.

Stopping an action.

image with no caption

TIPTOE/TOE TAP

Only the toes are touching the floor; the rest of the foot is lifted off the floor.

Possible uses.

Changing modes; switching on/off.

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

HEEL TO TOE OR BALL/TOE OR BALL TO HEEL

The foot tilts forward onto the toes or ball of the foot and then back onto the heel (or vice versa). Done rapidly, this creates a rocking motion with the foot.

Possible uses.

Performing repetitive tasks; performing anything that requires rhythm; simple switching; moving an avatar forward.

image with no caption
image with no caption
image with no caption

TURNED IN/OUT

The feet angle toward or away from the midline of the body.

Possible uses.

Moving a slider or switch; changing on-screen perspective.

image with no caption
image with no caption

ARMS

ARM(S) DOWN

One arm or both arms are positioned straight down against the body.

Possible uses.

Returning to a default position; deselecting; deactivating.

image with no caption

ARM(S) UP

One arm or both arms are raised straight up above the head.

Possible uses.

Increasing a setting; activating objects above the head (e.g., lighting).

image with no caption
image with no caption
image with no caption

ARMS FOLDED

Both arms are folded across the chest.

Possible use.

Stopping an action.

image with no caption

ARM(S) IN FRONT

One arm or both arms are lifted and extended straight forward, parallel to the floor.

Possible uses.

Confirming or selecting a choice; moving an avatar forward; dragging and dropping.

image with no caption
image with no caption
image with no caption
image with no caption

SHRUG

The shoulders are lifted slightly and then released.

Possible uses.

Deselecting; undoing; returning to the beginning of a process.

image with no caption
image with no caption
image with no caption

ARM(S) OUT TO THE SIDE

One arm or both arms are lifted to the side, parallel to the floor, creating a 90-degree angle with the torso.

Possible uses.

Moving an avatar or cursor left/right; selecting/activating objects on the left/right.

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

UPPER ARM DOWN, FOREARM OUT/UP

With the upper arm resting against the torso, the arm bends at the elbow and the forearm lifts forward in front of the body.

Possible uses.

Moving sliders up/down; adjusting settings up/down (e.g., lighting, volume).

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

FOREARM SIDE

With the upper arm resting against the torso, the arm bends at the elbow and the forearm lifts sideways, forming a 90-degree angle with the body.

Possible uses.

Moving sliders left/right; adjusting settings (e.g., lighting, volume).

image with no caption
image with no caption
image with no caption

"THE WAVE"

This is a group movement, whereby crowds of people raise their arms above their heads and then drop them in a "wave" of motion.

Possible use.

Triggering large-scale feedback (e.g., sounds, projected images, light shows, etc.).

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

FACE

SMILE

The lips curl upward in an expression of pleasure and happiness.

Possible use.

Selecting or confirming.

image with no caption

FROWN

The lips curl downward in an expression of sadness or displeasure.

Possible uses.

Canceling a selection; triggering help.

image with no caption

STARE

The person fixes her gaze for a long period of time on a particular spot or object.

Possible uses.

Selecting; triggering help; activating.

image with no caption

STICKING OUT TONGUE

The person sticks her tongue out of her mouth. This is often accompanied by a sound.

Possible uses.

Deselecting; canceling an action.

image with no caption

WINK

A single eyelid is briefly closed.

Possible use.

Selecting.

image with no caption

RAISED EYEBROW(S)

One or both eyebrows are raised upward from the eye socket to denote confusion or surprise.

Possible uses.

Trigging help; selecting.

image with no caption

EYES LEFT/RIGHT AND UP/DOWN

The eyes move in a direction and linger there.

Possible uses.

Moving an avatar or cursor; activating or selecting an area; scrolling.

image with no caption
image with no caption
image with no caption
image with no caption

SQUINT

The eyes narrow.

Possible uses.

Increasing type size or the size of objects on-screen; increasing illumination in an environment.

image with no caption

SPIT

The person mimes (or actually performs) the action of hurling saliva from the mouth, turning the head slightly and expelling.

Possible use.

Canceling an action.

image with no caption
image with no caption
image with no caption

YAWN

The person opens her mouth and makes an exhaling noise, sometimes covering her mouth with her hand. The yawn can be real or faked.

Possible uses.

Making a task more challenging or rapid; turning illumination up/down.

image with no caption
image with no caption

ROLLING EYES

The eyes dramatically move upward briefly in a display of incredulity or annoyance.

Possible uses.

Triggering help; changing modes.

image with no caption
image with no caption
image with no caption

NOSE WRINKLE

The nose is pulled upward in distaste or disgust, causing the brow and the top of the nose to furrow.

Possible use.

Triggering help.

image with no caption

HANDS

POINT

A single finger is extended outward.

Possible uses.

Selecting; activating; tapping; button pressing; highlighting; circling; clicking.

image with no caption
image with no caption

WAVE

An open hand is moved left/right.

Possible uses.

Activating; scrolling left/right.

image with no caption
image with no caption
image with no caption

CLAP/APPLAUSE

Both hands are brought together to make a sharp noise as the palms strike.

Possible uses.

Simple on/off switching; activating; selecting.

image with no caption
image with no caption
image with no caption

OKAY

The thumb and forefinger touch at their tips, forming a circle, while the remaining fingers slightly splay. Note that this gesture, although common in the United States, is offensive in many parts of the world, such as Greece, Turkey, Russia, and the Middle East.

Possible uses.

Activating; selecting.

image with no caption

THUMBS UP/DOWN

While the rest of the fingers are closed in a fist, the thumb protrudes and points up (indicating positive) or down (indicating negative). A thumbs up is offensive in Australia and Nigeria.

Possible uses.

Selecting/deselecting; indicating ratings.

image with no caption
image with no caption
image with no caption

SNAP

The thumb is brushed hard over the tip of the middle finger, creating a sharp sound.

Possible uses.

Activating; simple on/off switching.

image with no caption

FIST

All the fingers are curled tightly into a single unit.

Possible uses.

Grasping a digital object (e.g., for drag-and-drop); confirming.

image with no caption

SHH

A raised forefinger is pressed to the lips to indicate a need for quiet.

Possible uses.

Muting sound; lowering volume.

image with no caption
image with no caption

COME HERE

A flat hand is angled toward the floor and then waved back and forth briskly.

Possible use.

Moving an object (physical or digital) closer on the z-axis.

image with no caption
image with no caption

SHOO

A flat hand is angled toward the floor and then waved back and forth briskly.

Possible uses.

Moving an object (physical or digital) away on the z-axis; canceling; quitting.

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

PUSH

One hand or both hands are flat and at a 90-degree angle to the floor, pointed upward and extended straight out from the body.

Possible uses.

Moving an object (physical or digital) away on the z-axis; canceling; quitting.

image with no caption

PULL

With the hand(s) extended and palms up, the fingers curl toward the body and the arm bends at the elbow.

Possible use.

Moving an object (physical or digital) closer on the z-axis.

image with no caption
image with no caption

FINGERS CROSSED

The forefinger and middle finger are extended, and the forefinger folds beneath the middle finger, forming an X shape.

Possible uses.

Activating special actions; an alternative for tapping (when pressed on a surface).

image with no caption

STOP

A flat hand is held upward and forward, with the palm facing away from the body. Note that this is very offensive in some parts of the world, such as Greece.

Possible uses.

Canceling; quitting.

image with no caption

SLAP

A flat hand is moved left/right in a sweeping motion. This can be fast or slow, mimed or real. If real, one side of the hand will strike a person or object.

Possible uses.

Canceling; quitting; moving objects aside.

image with no caption
image with no caption
image with no caption

PALM UP/DOWN

One hand is flat and parallel to the floor, with the palm facing toward or away from the floor.

Possible uses.

Receiving/rejecting a digital object; simple switching.

image with no caption
image with no caption

PINCH

The tips of the thumb and forefinger are brought together in a grasping motion.

Possible uses.

Picking up objects; shrinking objects; collapsing menus.

image with no caption
image with no caption
image with no caption
image with no caption

CUP PALM

The hand is parallel to the floor, with the palm up and slightly curved so that the palm forms a bowl shape.

Possible uses.

Opening; receiving information.

image with no caption
image with no caption

BLOWN KISS

Several fingertips are pressed to the lips and then flung outward, away from the body.

Possible uses.

Selecting; closing.

image with no caption

TIP OF THE HAT

The person pantomimes the action of grasping the brim of a hat on her head, near the forehead, and tilting it forward.

Possible use.

Activating.

image with no caption
image with no caption
image with no caption
image with no caption

SALUTE

A flat hand is brought up at a slight angle above the eyebrow to touch the forehead and then pushed briefly away from the body.

Possible use.

Confirming.

image with no caption
image with no caption

FINGER WAG

A single finger is extended as in a point, and the hand then moves rapidly up and down or side to side. This gesture signifies disapproval.

Possible uses.

Canceling; quitting.

image with no caption
image with no caption
image with no caption
image with no caption

THUMBING NOSE

With the hand flat and the fingers splayed, the tip of the thumb is placed on the tip of the nose while the fingers wriggle. This is an offensive gesture, albeit a playful one.

Possible use.

Canceling.

image with no caption

BEARD STROKE

One hand touches the chin and moves toward the floor to mimic touching a long beard. This signifies thinking.

Possible uses.

Pausing; helping.

image with no caption

FINGER DRUM

With the bottom of the palm resting on a surface, the fingers (minus the thumb) tap out a rapid rhythm.

Possible uses.

Speeding up a process; rapid scrolling.

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

KARATE CHOP

A flat hand is swung through the air in front of the body, vertically, horizontally, or at an angle.

Possible uses.

Setting a level; canceling.

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

PUNCH

A fist is pushed straight out in the air.

Possible uses.

Confirming; opening; activating.

image with no caption
image with no caption

PRAY

Both hands are flat, with palms and fingers pressed together in front of the body.

Possible uses.

Triggering help; centering an avatar.

image with no caption

"THIS TALL"

A flat hand is held parallel to the floor. The hand can move up and down on the same plane.

Possible uses.

Setting a level; growing or shrinking an object; opening or collapsing a menu.

image with no caption
image with no caption

HAND RUB

Both hands rub rapidly together to signify being cold and trying to warm up.

Possible use.

Increasing temperature.

image with no caption
image with no caption
image with no caption
image with no caption
image with no caption
image with no caption

MONEY RUB

The thumb rubs against the forefinger and middle finger, with the pinky and ring finger curled, signifying money.

Possible use.

Displaying a balance or total.

image with no caption

NOSE TAP

The tip of the forefinger is touched to the tip of nose, sometimes tapping multiple times, signifying "You are correct."

Possible uses.

Selecting; confirming; activating.

image with no caption
image with no caption
image with no caption
image with no caption

#1

The forefinger points up in the air with the other fingers in a fist, signifying "We're the best (#1)."

Possible uses.

Selecting; activating.

image with no caption

HEAD SCRATCH

The top or side of the head is scratched or pantomimed being scratched to signify confusion or puzzlement.

Possible use.

Trigging help.

image with no caption

SHOCKING

The mouth forms a circular shape, and the hand flies up to cover it. This is usually done for comic effect.

Possible use.

Changing modes.

image with no caption
image with no caption

SPYGLASSES

One or two hands form into a circle and are held up to the eyes, which peer through the center of the circle.

Possible uses.

Changing an image; moving objects closer; increasing font size; zooming in.

image with no caption
image with no caption

BLAH, BLAH, BLAH

The hand forms into a mouth-like shape with the thumb as the jaw and the other fingers forming the top of the mouth. The "mouth" then opens and closes several times in succession. This is used to signify talking, typically too much or irrelevantly.

Possible use.

Skipping to the next section (fast-forwarding).

image with no caption
image with no caption
image with no caption

CALL ME

With the central fingers curled in, the pinky and thumb are extended to form a "phone handset" which is then held up to the head, the thumb by the ear and the pinky by the mouth.

Possible uses.

Activating a phone connection; transmitting or receiving information.

image with no caption

CHECK, PLEASE

Done in restaurants, an arm is raised and a movement similar to writing or making a checkmark is made in the air.

Possible uses.

Checking out; displaying a balance.

image with no caption

HEAR/SEE/SPEAK NO EVIL

Parts of the head—ears, eyes, or mouth—are covered, usually for comic effect. Both hands cover the ears and eyes; at least one hand covers the mouth.

Possible uses.

Muting; turning off a display; erasing a message.

image with no caption
image with no caption
image with no caption

HOT

A flat hand is rapidly waved near the face to pantomime a fan, indicating that the person is hot.

Possible uses.

Lowering the temperature; making something easier.

image with no caption
image with no caption
image with no caption

SAY WHAT?

The ear is cupped by a hand.

Possible uses.

Increasing the volume; retransmitting a message.

image with no caption

STIR

With the hand in a fist and the thumb toward the ceiling, the arm moves the hand in clockwise or counterclockwise circles.

Possible uses.

Mixing items; changing to random mode; scrolling.

image with no caption
image with no caption
image with no caption
image with no caption

SQUEEZE

A fist is folded around an object (or a pantomimed object).

Possible use.

Selecting.

image with no caption
image with no caption
image with no caption

FLICK

The forefinger shoots out rapidly from a curled position and then springs back into place.

Possible use.

Moving slightly in the flicked direction.

image with no caption
image with no caption

FINGERS SPLAYED

All the fingers of the hand are separated and spread apart.

Possible uses.

Opening; releasing.

image with no caption
image with no caption

CROOK FINGER

With the palm facing upward and the other fingers curled, the extended forefinger curls inward toward the body several times.

Possible uses.

Selecting; moving an object closer on the z-axis.

image with no caption

FINGERTIPS TOUCHING

The tips of the fingers of one hand touch the tips of the corresponding fingers on the other hand.

Possible uses.

Moving objects together; centering an object or avatar.

image with no caption

HANDS FOLDED

Both hands slide together, with the fingers of one hand curling and then interlocking with the fingers of the other hand.

Possible uses.

Resetting; stopping action.

image with no caption

DOORKNOB TURN

With the fingers splayed and slightly curled, the whole hand turns.

Possible uses.

Adjusting settings (as in a dial); rotating objects.

image with no caption
image with no caption
image with no caption

HOLE IN HAND

Like Okay, but with all the fingers curled, forming a round hole through the center of the hand.

Possible uses.

Setting a value to zero; creating an object.

image with no caption

HANDGUN

The hand is formed into the shape of a pistol, with the extended forefinger as the barrel and the thumb cocked upward.

Possible uses.

Selecting; activating.

image with no caption

FOR FURTHER READING

Field Guide to Gestures: How to Identify and Interpret Virtually Every Gesture Known to Man, Nancy Armstrong and Melissa Wagner (Quirk Books)

Gestures: The Dos and Taboos of Body Language Around the World, Roger Axtell (Wiley)

Dictionary of Worldwide Gestures, Second Edition, Betty J. Bäuml and Frank H. Bäuml (The Scarecrow Press, Inc.)



[58] For more on the categorization of gestures, see "A Procedure for Developing Intuitive and Ergonomic Gesture Interfaces for Man-Machine Interaction," by Michael Nielsen et al.

[59] For more detail on regional differences, consult Gestures: The Dos and Taboos of Body Language Around the World by Roger Axtell, and Dictionary of Worldwide Gestures, Second Edition, by Betty J. Bäuml and Frank H. Bäuml.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.147.104.143