SlideShare une entreprise Scribd logo
1  sur  37
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

Contenu connexe

En vedette

Online Selling, Choice, trust, freedom & control
Online Selling, Choice, trust, freedom & controlOnline Selling, Choice, trust, freedom & control
Online Selling, Choice, trust, freedom & controlColin Bentley
 
Experience Principles for cross culture projects - Navigating the Digital spi...
Experience Principles for cross culture projects - Navigating the Digital spi...Experience Principles for cross culture projects - Navigating the Digital spi...
Experience Principles for cross culture projects - Navigating the Digital spi...terryhma
 
Well, We've Done All This Research, Now What?
Well, We've Done All This Research, Now What?Well, We've Done All This Research, Now What?
Well, We've Done All This Research, Now What?Steve Portigal
 
Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012Kim Goodwin
 
Mapping the Journey – Experience Beyond the Screen
Mapping the Journey – Experience Beyond the ScreenMapping the Journey – Experience Beyond the Screen
Mapping the Journey – Experience Beyond the ScreenJamin Hegeman
 
The Language of Discovery: Designing Big Data Interactions
The Language of Discovery: Designing Big Data InteractionsThe Language of Discovery: Designing Big Data Interactions
The Language of Discovery: Designing Big Data InteractionsJoe Lamantia
 

En vedette (7)

Online Selling, Choice, trust, freedom & control
Online Selling, Choice, trust, freedom & controlOnline Selling, Choice, trust, freedom & control
Online Selling, Choice, trust, freedom & control
 
Experience Principles for cross culture projects - Navigating the Digital spi...
Experience Principles for cross culture projects - Navigating the Digital spi...Experience Principles for cross culture projects - Navigating the Digital spi...
Experience Principles for cross culture projects - Navigating the Digital spi...
 
The Mobile Frontier
The Mobile FrontierThe Mobile Frontier
The Mobile Frontier
 
Well, We've Done All This Research, Now What?
Well, We've Done All This Research, Now What?Well, We've Done All This Research, Now What?
Well, We've Done All This Research, Now What?
 
Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012
 
Mapping the Journey – Experience Beyond the Screen
Mapping the Journey – Experience Beyond the ScreenMapping the Journey – Experience Beyond the Screen
Mapping the Journey – Experience Beyond the Screen
 
The Language of Discovery: Designing Big Data Interactions
The Language of Discovery: Designing Big Data InteractionsThe Language of Discovery: Designing Big Data Interactions
The Language of Discovery: Designing Big Data Interactions
 

Plus de Dave Malouf

Design Operations
Design OperationsDesign Operations
Design OperationsDave Malouf
 
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeAmplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeDave Malouf
 
Valuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeValuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeDave Malouf
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeDave Malouf
 
Design Operations
Design OperationsDesign Operations
Design OperationsDave Malouf
 
Observation As Craft
Observation As CraftObservation As Craft
Observation As CraftDave Malouf
 
Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017Dave Malouf
 
Climbing Strategy Mountain
Climbing Strategy MountainClimbing Strategy Mountain
Climbing Strategy MountainDave Malouf
 
Enterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesEnterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesDave Malouf
 
Storytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to ButtonsStorytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to ButtonsDave Malouf
 
Interaction Design as the Language of Story
Interaction Design as the Language of StoryInteraction Design as the Language of Story
Interaction Design as the Language of StoryDave Malouf
 
Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Dave Malouf
 
Interaction Design Resources
Interaction Design ResourcesInteraction Design Resources
Interaction Design ResourcesDave Malouf
 
Remix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignRemix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignDave Malouf
 
The Craft of Observation
The Craft of ObservationThe Craft of Observation
The Craft of ObservationDave Malouf
 
What you missed when you skipped design school
What you missed when you skipped design schoolWhat you missed when you skipped design school
What you missed when you skipped design schoolDave Malouf
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Dave Malouf
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For LifeDave Malouf
 
Refresh Savannah, People
Refresh Savannah, PeopleRefresh Savannah, People
Refresh Savannah, PeopleDave Malouf
 

Plus de Dave Malouf (20)

Design Operations
Design OperationsDesign Operations
Design Operations
 
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeAmplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
 
Valuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeValuing Design & DesignOps Practice
Valuing Design & DesignOps Practice
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps Practice
 
Design Operations
Design OperationsDesign Operations
Design Operations
 
Observation As Craft
Observation As CraftObservation As Craft
Observation As Craft
 
Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017
 
Climbing Strategy Mountain
Climbing Strategy MountainClimbing Strategy Mountain
Climbing Strategy Mountain
 
Enterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesEnterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutes
 
Storytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to ButtonsStorytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to Buttons
 
Interaction Design as the Language of Story
Interaction Design as the Language of StoryInteraction Design as the Language of Story
Interaction Design as the Language of Story
 
Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13
 
Interaction Design Resources
Interaction Design ResourcesInteraction Design Resources
Interaction Design Resources
 
Remix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignRemix South: Advanced Interaction Design
Remix South: Advanced Interaction Design
 
The Craft of Observation
The Craft of ObservationThe Craft of Observation
The Craft of Observation
 
What you missed when you skipped design school
What you missed when you skipped design schoolWhat you missed when you skipped design school
What you missed when you skipped design school
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.
 
Move that thang
Move that thangMove that thang
Move that thang
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For Life
 
Refresh Savannah, People
Refresh Savannah, PeopleRefresh Savannah, People
Refresh Savannah, People
 

Dernier

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 

Dernier (20)

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 

Make Your Users Boogie