• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Make Your Users Boogie
 

Make Your Users Boogie

on

  • 6,198 views

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.

Statistics

Views

Total Views
6,198
Views on SlideShare
2,870
Embed Views
3,328

Actions

Likes
7
Downloads
0
Comments
2

9 Embeds 3,328

http://arquiteturadeinformacao.com 3170
http://lanyrd.com 140
http://www.linkedin.com 7
http://bundlr.com 4
http://translate.googleusercontent.com 2
https://twitter.com 2
http://flavors.me 1
http://pt.flavors.me 1
http://julianaconstantino.wordpress.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • pls provide the possibility to download a propper pdf, since most slides just show unreadable jibberish for it is impossible to understand the presentation (what a pitty)
    Are you sure you want to
    Your message goes here
    Processing…
  • Add links to the videos please :)
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Make Your Users Boogie Make Your Users Boogie Presentation Transcript

    • Make Your Users BoogieDesign Gestures Like a ChoreographerDave Malouf @daveixd #uxlxBoogie
    • I’m a split personalityAnalytical Emotional Time Beauty Abstraction Aesthetics Metaphor Engagement StoryDave Malouf @daveixd #uxlxBoogie
    • MotionWhere it connects(for me)Dave Malouf @daveixd #uxlxBoogie
    • Gestures have been aroundDave Malouf @daveixd #uxlxBoogie
    • ElevatorhandleDave Malouf @daveixd #uxlxBoogie
    • And thenbuttonsDave Malouf @daveixd #uxlxBoogie
    • Other controls, too ...Dave Malouf @daveixd #uxlxBoogie
    • FeedbackThe full range ofmotion informssomeone as to theirprobable outcome.Dave Malouf @daveixd #uxlxBoogie
    • Dance & Percussion share anaesthetic of sound and motionDave Malouf @daveixd #uxlxBoogie
    • Stops vs.SlidesNeed to balance thislike consistency &contrast in visualdesignDave Malouf @daveixd #uxlxBoogie
    • Audience PerformerDave Malouf @daveixd #uxlxBoogie
    • The Posenever as good inreality as we imagineit in our headDave Malouf @daveixd #uxlxBoogie
    • SpinnerOutcome is purely known visually, but the motion andaudio makes the experience!Dave Malouf @daveixd #uxlxBoogie
    • Playing musical instrumentsBalances all these piecesDave Malouf @daveixd #uxlxBoogie
    • Just so easyStrumming is lowprecision.Dave Malouf @daveixd #uxlxBoogie
    • Piano is precisionharder to learn; posture, yes; pose? not so muchDave Malouf @daveixd #uxlxBoogie
    • The front man9 times out of ten, thefront man is playing aguitar if anything.Dave Malouf @daveixd #uxlxBoogie
    • Keytar?All the rockin’ melodyof a guitar, andpercussive precisionof 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 themovement ...The surfaces we are moving on or against has alot to do with the aesthetics of the gestures.Dave Malouf @daveixd #uxlxBoogie
    • Stops have their placeDave Malouf @daveixd #uxlxBoogie
    • A few examplesSo let’s look at an app w/ arguably great appealdue to its interesting use of novel gestures.Dave Malouf @daveixd #uxlxBoogie
    • Pull to springCauses a get commandDave Malouf @daveixd #uxlxBoogie
    • Swipe to revealIt’s the new “right-click”Dave Malouf @daveixd #uxlxBoogie
    • Taps & SwipesTap causes reveals of secondary content; swipes then dismissit. Easy to find and now includes the “reset” gesture again.Dave Malouf @daveixd #uxlxBoogie
    • 2-finger pullReveals conversation without loss of context:2 fingers is arguably not intuitive, hard to discover.Dave Malouf @daveixd #uxlxBoogie
    • Reverse pinch revealTry it! It’s REALLY hard to do consistently.Dave Malouf @daveixd #uxlxBoogie
    • So how are we going to dothis stuff?It really is about goingback to basic design. Experience Externalize Envision Evaluate ExecuteDave 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 PrototypeDave Malouf @daveixd #uxlxBoogie
    • Sketch!and sketch some more.Dave Malouf @daveixd #uxlxBoogie
    • Act it out!Paper prototypes, rock!Dave Malouf @daveixd #uxlxBoogie
    • Re-visualizeDave Malouf @daveixd #uxlxBoogie
    • ExperienceAgainDave Malouf @daveixd #uxlxBoogie
    • Be sure to bring the lovethe emotion, the fun, the expressiveness,responsiveness, etc.?Dave Malouf @daveixd #uxlxBoogie
    • Thanx!David MaloufProfessor of IxDSCAD@daveixdhttp://davemalouf.com/dave.ixd@gmail.comDave Malouf @daveixd #uxlxBoogie