Your SlideShare is downloading. ×

Make Your Users Boogie


Published on

My talk at UXLX in 2012 advocating for attention to motion as an aesthetic concern in designing interfaces using gestural interactions.

My talk at UXLX in 2012 advocating for attention to motion as an aesthetic concern in designing interfaces using gestural interactions.

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Make Your Users BoogieDesign Gestures Like a ChoreographerDave Malouf @daveixd #uxlxBoogie
  • 2. I’m a split personalityAnalytical Emotional Time Beauty Abstraction Aesthetics Metaphor Engagement StoryDave Malouf @daveixd #uxlxBoogie
  • 3. MotionWhere it connects(for me)Dave Malouf @daveixd #uxlxBoogie
  • 4. Gestures have been aroundDave Malouf @daveixd #uxlxBoogie
  • 5. ElevatorhandleDave Malouf @daveixd #uxlxBoogie
  • 6. And thenbuttonsDave Malouf @daveixd #uxlxBoogie
  • 7. Other controls, too ...Dave Malouf @daveixd #uxlxBoogie
  • 8. FeedbackThe full range ofmotion informssomeone as to theirprobable outcome.Dave Malouf @daveixd #uxlxBoogie
  • 9. Dance & Percussion share anaesthetic of sound and motionDave Malouf @daveixd #uxlxBoogie
  • 10. Stops vs.SlidesNeed to balance thislike consistency &contrast in visualdesignDave Malouf @daveixd #uxlxBoogie
  • 11. Audience PerformerDave Malouf @daveixd #uxlxBoogie
  • 12. The Posenever as good inreality as we imagineit in our headDave Malouf @daveixd #uxlxBoogie
  • 13. SpinnerOutcome is purely known visually, but the motion andaudio makes the experience!Dave Malouf @daveixd #uxlxBoogie
  • 14. Playing musical instrumentsBalances all these piecesDave Malouf @daveixd #uxlxBoogie
  • 15. Just so easyStrumming is lowprecision.Dave Malouf @daveixd #uxlxBoogie
  • 16. Piano is precisionharder to learn; posture, yes; pose? not so muchDave Malouf @daveixd #uxlxBoogie
  • 17. The front man9 times out of ten, thefront man is playing aguitar if anything.Dave Malouf @daveixd #uxlxBoogie
  • 18. Keytar?All the rockin’ melodyof a guitar, andpercussive precisionof a keyboard.Dave Malouf @daveixd #uxlxBoogie
  • 19. Can this ever work?I mean besides the Gorilla arm issue.Dave Malouf @daveixd #uxlxBoogie
  • 20. It’s not just about themovement ...The surfaces we are moving on or against has alot to do with the aesthetics of the gestures.Dave Malouf @daveixd #uxlxBoogie
  • 21. Stops have their placeDave Malouf @daveixd #uxlxBoogie
  • 22. A few examplesSo let’s look at an app w/ arguably great appealdue to its interesting use of novel gestures.Dave Malouf @daveixd #uxlxBoogie
  • 23. Pull to springCauses a get commandDave Malouf @daveixd #uxlxBoogie
  • 24. Swipe to revealIt’s the new “right-click”Dave Malouf @daveixd #uxlxBoogie
  • 25. Taps & SwipesTap causes reveals of secondary content; swipes then dismissit. Easy to find and now includes the “reset” gesture again.Dave Malouf @daveixd #uxlxBoogie
  • 26. 2-finger pullReveals conversation without loss of context:2 fingers is arguably not intuitive, hard to discover.Dave Malouf @daveixd #uxlxBoogie
  • 27. Reverse pinch revealTry it! It’s REALLY hard to do consistently.Dave Malouf @daveixd #uxlxBoogie
  • 28. So how are we going to dothis stuff?It really is about goingback to basic design. Experience Externalize Envision Evaluate ExecuteDave Malouf @daveixd #uxlxBoogie
  • 29. Gotta own it ...... minimum at least 1 touch-based device,hopefully 1 that you are designing for.Dave Malouf @daveixd #uxlxBoogie
  • 30. Sketch!Dave Malouf @daveixd #uxlxBoogie
  • 31. Video PrototypeDave Malouf @daveixd #uxlxBoogie
  • 32. Sketch!and sketch some more.Dave Malouf @daveixd #uxlxBoogie
  • 33. Act it out!Paper prototypes, rock!Dave Malouf @daveixd #uxlxBoogie
  • 34. Re-visualizeDave Malouf @daveixd #uxlxBoogie
  • 35. ExperienceAgainDave Malouf @daveixd #uxlxBoogie
  • 36. Be sure to bring the lovethe emotion, the fun, the expressiveness,responsiveness, etc.?Dave Malouf @daveixd #uxlxBoogie
  • 37. Thanx!David MaloufProfessor of IxDSCAD@daveixd Malouf @daveixd #uxlxBoogie