Make Your Users Boogie Design
Gestures Like a Choreographer Dave Malouf @daveixd #uxlxBoogie

I’m a split personality Analytical
Emotional Time Beauty Abstraction Aesthetics Metaphor Engagement Story Dave Malouf @daveixd #uxlxBoogie

Motion Where it connects (for
me) Dave Malouf @daveixd #uxlxBoogie

Gestures have been around Dave
Malouf @daveixd #uxlxBoogie

Elevator handle Dave Malouf @daveixd
#uxlxBoogie

And then buttons Dave Malouf
@daveixd #uxlxBoogie

Other controls, too ... Dave
Malouf @daveixd #uxlxBoogie

Feedback The full range of
motion informs someone as to their probable outcome. Dave Malouf @daveixd #uxlxBoogie

Dance & Percussion share an
aesthetic of sound and motion Dave Malouf @daveixd #uxlxBoogie

Stops vs. Slides Need to
balance this like consistency & contrast in visual design Dave Malouf @daveixd #uxlxBoogie

Audience Performer Dave Malouf @daveixd
#uxlxBoogie

The Pose never as good
in reality as we imagine it in our head Dave Malouf @daveixd #uxlxBoogie

Spinner Outcome is purely known
visually, but the motion and audio makes the experience! Dave Malouf @daveixd #uxlxBoogie

Playing musical instruments Balances all
these pieces Dave Malouf @daveixd #uxlxBoogie

Just so easy Strumming is
low precision. Dave Malouf @daveixd #uxlxBoogie

Piano is precision harder to
learn; posture, yes; pose? not so much Dave Malouf @daveixd #uxlxBoogie

The front man 9 times
out of ten, the front man is playing a guitar if anything. Dave Malouf @daveixd #uxlxBoogie

Keytar? All the rockin’ melody
of a guitar, and percussive precision of a keyboard. Dave Malouf @daveixd #uxlxBoogie

Can this ever work? I
mean besides the Gorilla arm issue. Dave Malouf @daveixd #uxlxBoogie

It’s not just about the
movement ... The surfaces we are moving on or against has a lot to do with the aesthetics of the gestures. Dave Malouf @daveixd #uxlxBoogie

Stops have their place Dave
Malouf @daveixd #uxlxBoogie

A few examples So let’s
look at an app w/ arguably great appeal due to its interesting use of novel gestures. Dave Malouf @daveixd #uxlxBoogie

Pull to spring Causes a
get command Dave Malouf @daveixd #uxlxBoogie

Swipe to reveal It’s the
new “right-click” Dave Malouf @daveixd #uxlxBoogie

Taps & Swipes Tap causes
reveals of secondary content; swipes then dismiss it. Easy to find and now includes the “reset” gesture again. Dave Malouf @daveixd #uxlxBoogie

2-finger pull Reveals conversation without
loss of context: 2 fingers is arguably not intuitive, hard to discover. Dave Malouf @daveixd #uxlxBoogie

Reverse pinch reveal Try it!
It’s REALLY hard to do consistently. Dave Malouf @daveixd #uxlxBoogie

So how are we going
to do this stuff? It really is about going back to basic design. Experience Externalize Envision Evaluate Execute Dave Malouf @daveixd #uxlxBoogie

Gotta own it ... ...
minimum at least 1 touch-based device, hopefully 1 that you are designing for. Dave Malouf @daveixd #uxlxBoogie

Sketch!
Dave Malouf @daveixd #uxlxBoogie

Video Prototype Dave Malouf @daveixd
#uxlxBoogie

Sketch! and sketch some more.
Dave Malouf @daveixd #uxlxBoogie

Act it out! Paper prototypes,
rock! Dave Malouf @daveixd #uxlxBoogie

Re-visualize
Dave Malouf @daveixd #uxlxBoogie

Experience Again Dave Malouf @daveixd
#uxlxBoogie

Be sure to bring the
love the emotion, the fun, the expressiveness, responsiveness, etc.? Dave Malouf @daveixd #uxlxBoogie

Thanx! David Malouf Professor of
IxD SCAD @daveixd http://davemalouf.com/ dave.ixd@gmail.com Dave Malouf @daveixd #uxlxBoogie