WIP Back To School Webinars - Designing Haptics in Mobile Applications1. haptic
design
for
mobile apps
David M. Birnbaum | Senior UX Researcher
© 2011 Immersion Corporation
Tuesday, August 30, 11 1
2. Visual haptics Audio haptics Gesture haptics Social haptics
Make your app Make your app Reinforce gestures Create new social
feel like it looks. feel like it sounds. with haptic feedback. experiences not
possible without
haptics.
© 2011 Immersion Corporation
Tuesday, August 30, 11 2
3. The audience is the content.
Marshall McLuhan
© 2011 Immersion Corporation
Tuesday, August 30, 11 3
5. Point 1: Haptics taps in to embodied
cognition to affect the user experience.
© 2011 Immersion Corporation
Tuesday, August 30, 11 5
6. •keep in touch •make contact with •how does that grab you?
•a clinging personality •put on the finishing touches
a gripping experience •itching to go •he’s tactful •a hands-off policy
•she’s tactless
•a touching experience •she’s touchy •only scratched the surface
•i feel edgy
•solid reputation •get a grip
•can you handle it?
•makes my skin crawl •hold your own •s t r e t c h the imagination
•don’t be pushy •a slimy character •grasp an idea•touch and go
•standing on pins and needles•the personal touch •he rubs me the wrong way
•be on your toes •walking on egg shells •i’m deeply touched •a rough character
•a palpable lie •a mere slap on the wrist •like a slap in the face •like a kick in the teeth
© 2011 Immersion Corporation
Tuesday, August 30, 11 6
7. embodied cognition
The idea that our cognitive
processes are grounded in
sensory behavior and
motor actions.
© 2011 Immersion Corporation
Tuesday, August 30, 11 7
10. “Haptics makes it
easier to type
without making
mistakes.”
Andrea, 28, Law Intern
© 2011 Immersion Corporation
Tuesday, August 30, 11 10
11. Point 1: Haptics taps in to embodied
cognition to affect the user experience.
Call to action:
Use haptics to make
the phone (feel) more
Tuesday, August 30, 11
usable © 2011 Immersion Corporation
11
12. Point 2: Haptics fulfills a need for tactile gratification
that is sorely missed.
Agency TBWANeboko
Photo: Michael Harvey
CBS News
Photo: Walter Geis
© 2011 Immersion Corporation
Tuesday, August 30, 11 12
14. Coffee UI
aroma
#C B C1 B B comes out
here
#5D251E
“clink” sound when cup hits saucer
© 2010 Immersion Corporation—Confidential
Tuesday, August 30, 11 14
15. Point 2: Haptics fulfills a need for tactile gratification
that is sorely missed.
Call to action:
Use haptics to build
more realistic apps.
Tuesday, August 30, 11
© 2011 Immersion Corporation
16
16. Point 3: Haptics makes human
communication more intimate
and emotional.
© 2011 Immersion Corporation
Tuesday, August 30, 11 17
17. “There’s no
substitute for
human touch.” “In person you
can look in their
Dave, 52, Firefighting Captain
“Sometimes you
want to keep in eyes, see their
touch but you have mannerisms.”
nothing to write.”
“I could have
Sue, 57, Business Power User
Nauremon, 28, Early Adopter & Blogger
avoided a fight by
touching her hand.”
Tony, 42, Tour Guide & Rock Promoter
© 2011 Immersion Corporation
Tuesday, August 30, 11 18
18. “No need to stop, it’s just my
friend saying hi.”
© 2011 Immersion Corporation
Tuesday, August 30, 11 19
20. “That’s hilarious – I can’t
believe she’s doing this!”
© 2011 Immersion Corporation
Tuesday, August 30, 11 21
22. “When our fingertips cross
paths, she doesn’t feel so far
away.”
© 2011 Immersion Corporation
Tuesday, August 30, 11 23
24. Point 3: Haptics makes human communication more
intimate and emotional.
Call to action:
Use haptics to
make jaw-dropping
social experiences
© 2011 Immersion Corporation
Tuesday, August 30, 11 25
25. SOCIAL HAPTICS
Face-to-face
Ping pong conversation
Immersive Touch Trails
AUDIO HAPTICS
VISUAL HAPTICS
Pinball
Knock-Knock
Alerts
Haptic
Guitar
Guitar performance Handshake
Keyboard
GESTURE HAPTICS
© 2011 Immersion Corporation
Tuesday, August 30, 11 26
26. how to design
with haptics
© 2011 Immersion Corporation
Tuesday, August 30, 11 27
27. how to design
with haptics
Make the phone more usable.
© 2011 Immersion Corporation
Tuesday, August 30, 11 27
28. how to design
with haptics
Make the phone more usable.
Build apps that feel more real.
© 2011 Immersion Corporation
Tuesday, August 30, 11 27
29. how to design
with haptics
Make the phone more usable.
Build apps that feel more real.
Create amazing social experiences.
© 2011 Immersion Corporation
Tuesday, August 30, 11 27
30. Thanks! Questions? David Birnbaum
dbirnbaum@immersion.com
© 2011 Immersion Corporation
Tuesday, August 30, 11 29
31. credits
photos
Flickr / Draw With Me, Touch Through The Glass / Akako Yamanaka The Akatsuki's Pet
Flickr / uphill walk / micsten (Michael Eccles)
CBS News / CK One outdoor advertisement / Photo: Walter Geis
TBWA / Neboko Agency / Want a Beer? Heineken outdoor advertisement / Michael Harvey
Flickr / reachout / karimiaz (Ahmad Karimi)
references
http://marshallmcluhan.com/
Schiff, William, Foulke, Emerson, eds. Tactual Perception: A Sourcebook. Cambridge University Press, 1982.
Joshua M. Ackerman, Christopher C. Nocera, and John A. Bargh. Incidental Haptic Sensations Influence Social
Judgments and Decisions. Science 25 June 2010: 328 (5986), 1712-1715. [DOI:10.1126/science.1189993]
Lakoff, George and Johnson, Mark. (1999) Philosophy In The Flesh: the Embodied Mind and its Challenge to
Western Thought. Basic Books. ISBN 0465056741
Bhalla, M., & Proffitt, D. R. (1999). Visual-Motor recalibration in geographical slant perception. Journal of
Experimental Psychology: Human Perception & Performance. 25(4), 1076-1096.
© 2011 Immersion Corporation
Tuesday, August 30, 11 30
32. Immersion’s Got Apps Campaign
Help Immersion build a wall of Haptic Apps for Mobile World Congress (MWC
‘12) in Barcelona, Spain.
–Show us your apps using the Immersion MOTIV UHL SDK
Add “Integrated with Immersion MOTIV Haptic Effects” to your description page.
–Launch in Android Market or any other Android application store
–If your app is compelling, we’ll help you promote it and demo it at Mobile World Congress –
Feb 2012 and other tradeshows
–AND drive connection to our OEM / Carrier partners
Contact us at MOTIVdev@immersion.com
© 2011 Immersion Corporation
31
Tuesday, August 30, 11 31
33. Immersion Promos of Your Cool Apps
Inclusion in Immersion’s outreach to over 30 major technology & review
channels including:
– Engadget, PC World, AndroidPolice, Appolicious, VentureBeat/GameBeat,
Android Central, etc…
Highlight of your app in Immersion’s Feature App section of their Developer’s site
(developer.immersion.com)
Inclusion in Immersion’s publicly issued press releases
Potential inclusion on Immersion promotional videos/animations
Demos to Immersion’s major OEM partners for bundling opportunties
Inclusion in Immersion demonstrations at upcoming tradeshows and conferences
like AnDevCon, MWC, etc.
© 2011 Immersion Corporation
32
Tuesday, August 30, 11 32