Seven Killer User Interface Designs For Gestures
Visual user interfaces have a profound impact on user experience when it comes to web & mobile apps. Here are some truly great ones to inspire you to create more of the same.
Pull/Unfold
Here’s one posted by Cuberto on Dribbble. This graphical user interface is designed to look like a piece of paper unfolding; slide right to pull up a hidden dashboard screen; slide left and the interface refolds to again hide the dashboard. In the example below, the left to right slide gesture is hierarchical– essentially, left to go back/access top nav actions, right to move forward/return to 2nd nav interface. See other instances of this how this fold element is incorporated into mobile UIs on Dribbble here.
Rotate
When you use a camera, there is a rotary that you turn in order to adjust picture taking settings and conditions. Paul Flavius Nechita has translated that physical interface into an iPad design that mimics the same usability principles using a rotation gesture. Cool. Another examples of circular UIs for gestures below.
Push/Select
I wouldn’t be surprised if this twitter button (posted on Dribbble by Matt Gentile) has a pretty high click through rate because of its tactile appearance & sticky behavior. Some strategically placed drop shadows make the user experience feel like you are actually pushing a button. The “sticky” element contributes to this experience, since once clicked or touched, the button remains inverted.
Read the original post, Seven Killer User Interface Designs For Gestures, on the FreshTilledSoil.com blog.
















