Gestures as a New Dimension in Mobile Design

Something clicked in my head while writing my most recent article. While looking at the various paradigms that have grown from Twitter’s UI, I noticed an aspect of design that is oft overlooked. That aspect is gestures.

Gestures are something we use on a daily basis, but despite this, few people look at them as an element of an applications UI. I’m going to cover just a few basic gestures as well as a bit of insight as to how they may be used more efficiently in the future.

Since the creation of touch screens, gestures have reigned in an entirely new aspect as to how we interact with our devices. As designers, we often only focus on the visual aspects of design, but hidden beneath (or above?) the visuals of what we create, there is an otherwise invisible concept.

Gestures allow users to perform specific tasks in an extremely efficient and more dynamic manner. Some of the gestures we’re most used to are swipe to unlock, pinch to zoom, and pull to refresh. While those are relatively basic by most means, gestures have evolved greatly. Third party developers have began to truly utilize the potential that multi-touch displays hold, all within their apps.

Three applications that I have used and stick out to me most are Clear, Pair, and Paper.

Clear

Clear is unique in the fact that essentially every piece of the app is based around gestures. Besides a few settings, everything is created and deleted with the use of simple, yet efficient motions. Please correct me if I’m wrong, but before Clear, I don’t think there was an application that was designed specifically for a gesture based UX.

From creating a new todo, to deleting one, all it takes is a swipe. While it seems somewhat unnatural, compared to all of the buttons we’re used to seeing, it quickly becomes as natural as flipping a light switch on and off.

Pair

Pair doesn’t use gestures in the sense that Clear does. Pair is an app meant for couples; something along the lines of a relationship timeline. You can message back and forth, send photos – be them SFW or not – to each other, draw pictures with each other, and also “Thumb Kiss.” Thumb Kisses are what I’m going to be focusing on here. As silly as it may sound, it’s actually an extremely cool feature to use.

To Thumb Kiss, both you and your partner have to have the app open. When one partner initiates a thumb kiss, it notifies the other. When you enter the Thumb Kiss, you put your thumb on the specified selection of the screen and move your thumb around, searching for where your partner’s thumb is. Once you and your partners thumb coordinates match up for more than a second, the phone vibrates – the kiss. It’s a bit difficult to explain in words, but it’s something you definitely have to try just to see the awesome idea at work.

While that’s not necessarily a gesture as I’ve referred to above, it uses the touchscreen in extremely innovative manner. It’s a cute way to add a touch of human physiology to an otherwise inhuman approach to communication.

Paper

Paper is an extremely well done sketching, doodling, and note taking app. While it isn’t completely gestures, there is one that really sticks out to me; the rewind.

The rewind button is a much more dynamic version of the undo and/or history buttons. In Photoshop and other applications as such, we’re used to seeing the history of our changes in a chronological format, stacked on top of each other. While that does make sense in some respects, Paper decides to take it even further by turning the otherwise unproductive method into an extremely efficient – and fun – action.

To rewind your actions in drawing, you use two fingers and rotate them counter-clockwise in a circular motion, getting rid of your most recent actions. It allows for easy edits after a mess-up without messing up your workflow. And to be honest, that’s the beauty of it. No unsightly lists, no buttons to press, just a simple motion and you can continue your work. Of, and you can fast forward, too. A wonderful implementation of a gesture to say the least.

The opportunities

Gestures are limited to how creative humans want to be combined with the restrictions of display technology. Luckily for users, there is no shortage of creativity in iOS app development and display technology is improving year over year.

I would really like to see developers use gestures for three main things: to add a more human touch, to make better use of screen real estate, and to make things more productive.

Mobile Tuxedo’s Touch Gesture Icons

Safari is just one example I can think of, where adding gestures could truly separate the experience from other browsers. Why can’t we use the two-finger swipe to go back and forth as we can with the Magic Mouse and Magic Trackpad on OSX? Why couldn’t a three finder swipe from left to right take you from tab to tab? More and more, iOS and OSX are merging and these are things that would make the transition from one to another much more fluid.

While there are dozens more examples I could elaborate on, that’s not necessarily my job. It’s up to developers now to create applications that reach the potential that gestures hold. Think outside of your visual space. Think about the physiological aspect of using gestures as Pair has done; think of a creating a new paradigm. The tip of the iceberg is just barely peaking above the surface. Envision new ideas; implement them and reign in this new opportunity that technology has provided us with.

Good Design is Environmentally-Friendly

Fashion and Tech

Designer as Architect

Good Design is Thorough Down to the Last Detail

What I Would Wear on My Wrist

Metis NYC Product Design Bootcamp: Acquire Skills, Build a Career

Good Design is Long-Lasting (Part 7)