The Impact of Gesture Recognition on UX Design

5 mins read

Home    Interaction Design    The Impact of Gesture Recognition on UX Design

Gesture recognition is the detection and understanding of human gestures and movements by computing devices. In the last few years, the rapid advance of gesture recognition technology along with the falling cost (and size) of 3D sensors have spurred greater adoption of touch-free interaction, creating a growing market.

We see gesture-based interfaces incorporated into more of our devices, fueling a paradigm shift in the way we interact with our personal computers. Through the combination of 3D sensors and sophisticated software to analyze the data, computers are gaining the intelligence to understand people’s natural movements enabling us to beginning to communicate with devices the way we do with each other.

But what does this new technology of gesture recognition mean for UX design and the designers creating these new user interface experiences?

Shifting our Paradigm: Touch-free Interaction and gesture recognition

Very often new technologies suffer from what Scott Jenson calls, “Default Thinking“. As Jenson puts it, “the problem is simple, but pernicious: designers think of new technologies in terms of yesterday’s tasks, failing to clearly see the real potential of the new technologies”.

It’s easy for gesture-based interfaces to fall prey to this trap. For example, common mistakes include:

  • Extending a mouse + keyboard model, where your finger replaces the mouse (note: fingers rarely make good substitutes for a mouse)
  • Assuming the same approach that works for touch-based systems will apply to hands-free design
User input method - gesture recognition

Match the UI experience with the input method.

Without changing the UI experience to match the input method users will feel the disconnection between them, with the likely result being a frustrating and ineffective experience.

New Input Methods Require New Design Principles

What are the implications of motion tracking and gesture recognition technology on design interfaces?

We’ve identified five key design features that are important in creating effective gesture-based interfaces. While this list will continue to be refined with time, it offers a starting toolkit for designers as they create 3D NUI experiences.

1. Remove the grid: create menus and visual UIs that consider human body ergonomics

  • WIMP (Windows, Icons, Menus, Pointers) is the familiar structure of today. Open almost any computer and you will see files, programs, and other icons organized around a grid-based, horizontal & vertical layout.
  • Once you incorporate gesture, though, it is immediately apparent that using the grid-based model fails to account for natural human motions. In particular, it’s uncomfortable for a person to make selections using hand gestures that require moving along a strict horizontal or vertical grid. When a user makes a selection in the far corner of the screen, the rest of the menu may be easily obscured by her hand. Furthermore, her arms will tire quickly from having to reach and move across a strict line.
  • Building successful applications that include gesture will require designers to step outside the existing paradigm, observe and incorporate how users naturally move their arms and hands, and create interfaces that are well attuned to human motions.
  • Example: At Omek we created an “arc-based system” that enables a user to rest their elbow on their desk while still controlling the menu, offering a much more comfortable interface. Read more about this design on our blog.

Hover over an item. Grab to select.

2. Lose the cursor – who needs it?

  • Gesture interfaces inherently require use of our hands and fingers to control objects on a screen. So do we also need a cursor to offer the user indication and context of where they are? Perhaps not. One solution that we deployed in our Practical UI application was to create a semi-transparent “mirror” of the user’s hand. It gave a fully realistic, yet true context of where one’s hand was at any point, while remaining subtle enough that it wasn’t distracting for users.
Home Circle

Put your hand over the Home Circle.

3. “Keep your hands where I can see them” — Center design around the area that matters, the “Effective Interaction Zone”

  • A key feature of an effective gesture-based application is a design that avoids “gorilla arm”. This can be accomplished by centering the selection items within what we have titled, the Effective Interaction Zone, an area within the screen that allows users to make choices without straining or lifting their arms.
  • A second attribute of an Effective Interaction Zone is ensuring the user stays within the active field of view of the camera, thus maintaining consistent tracking.
Effective Interaction Zone

The Effective Interaction Zone

4. Leverage the 3rd dimension

  • 3D cameras add a new opportunity to enhance how users interact with content. Effortlessly and intuitively, a user can “pick up”, rotate, and examine an object by just turning their wrist as they would with a live object. Take, for example, a user shopping online for shoes – she can easily pick up one up and rotate it to view it from all sides. She might even choose to pick up two different shoes, one with each hand, and compare them against each other.
  • What does this mean for designers? We see two major implications. First, content will need to be enhanced to support viewing objects from all sides. Second, designers can create more fun and engaging experiences for their users by taking advantage of this new way of engaging with content.

5. Use your sixth sense

  • A defining and unique feature of gesture recognition is the consistent “tracking” via a 3D camera, providing the ability to predict user intention. If a user moves their hand to the right, the camera senses, or “sees” the hand moving to the right. This feature can be used to anticipate what a user intends to do – for example, as a user’s hand moves closer to the screen, the object they are reaching for may become slightly larger, making it easier for the user to make their selection.

Gesture recognition offers amazing opportunities to completely redefine how we interact with our computing devices. That said, gesture is a way to enhance and transform existing experiences, not replace them. While we don’t see the mouse and keyboard being eliminated in the foreseeable future, we do see close-range gesture recognition as a valuable and fun way to deliver effective, meaningful, and engaging experiences. Regardless of the input method used, it is always critical to study and evaluate how users actually engage with their devices and then to build the interface in support of those natural movements.

Alona Stern

Alona Stern is a bicycle riding, design loving, business-strategy-and-marketing-focused lady. As a business factors specialist, she advises high-tech and startups on how to turn value into profit.

Alona combines human-centered design and lean startup principles to guide clients in creating holistic (and ultimately winning) products and solutions. Her experience spans multiple sectors, from consumer-packaged goods to software, hardware and manufacturing.

Alona completed her MBA at MIT with a focus on marketing and operations, and received her B.A. from the University of Chicago. She currently lives in Jerusalem with her husband and their dog, spending her free time hand lettering typography, reading and occasionally practicing yoga. You can find her on twitter.

View other posts by .

No responses yet to “The Impact of Gesture Recognition on UX Design”

  1. i wonder how all of this can be designed to provide full accessibility i.e. the way VoiceOver and other accessibility features do.

  2. We definitely anticipate gesture being seamlessly integrated with other input methods, such as voice and even touch. As for accessibility, there are developers that are working on translating sign language into writing (or voice). What other thoughts did you have regarding accessibility?

  3. Hasan says

    Good work. I was wondering of the mechanism that you adopted to interact with the computer. are you using the camera or kinect? Please elaborate this point. Thanks.

I would love to hear your thoughts on this.

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

(will not be published)

provides you with all the tools to generate actionable insights, both desktop as mobile.“
- Paul