33
© 2011 Immersion Corporation David M. Birnbaum | Senior UX Researcher haptic design for mobile apps 1 Tuesday, August 30, 11

WIP Back To School Webinars - Designing Haptics in Mobile Applications

Embed Size (px)

DESCRIPTION

Haptics (touch feedback) is now available on millions of shipping Android devices. Immersion's tools for creating haptic UIs and games give developers unprecedented power to make apps that leap off of the screen and touch users. Join David Birnbaum, Immersion's senior user experience researcher, for a discussion of what makes a compelling haptic experience and how to create one for your product.

Citation preview

Page 1: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

David M. Birnbaum | Senior UX Researcher

hapticdesign

formobile apps

1Tuesday, August 30, 11

Page 2: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Reinforce gestures with haptic feedback.

Make your app feel like it sounds.

Make your app feel like it looks.

Create new social experiences not possible without haptics.

Social hapticsGesture hapticsVisual haptics Audio haptics

2Tuesday, August 30, 11

Page 3: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

The audience is the content.Marshall McLuhan

3Tuesday, August 30, 11

Page 4: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Meet your audience.

4Tuesday, August 30, 11

Page 5: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Point 1: Haptics taps in to embodied cognition to affect the user experience.

5Tuesday, August 30, 11

Page 6: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

•get a grip

•how does that grab you?

•i feel edgy

•standing on pins and needles

•s t r e t c h the imagination

a gripping experience

•only scratched the surface

•keep in touch

•a touching experience

•i’m deeply touched

•itching to go

•can you handle it?

•put on the finishing touches•he’s tactful •she’s tactless

•hold your own

•be on your toes

•makes my skin crawl•solid reputation

•a slimy character

•like a kick in the teeth

•make contact with

•don’t be pushy

•a mere slap on the wrist •like a slap in the face

•a hands-off policy

•a clinging personality

•a palpable lie

•she’s touchy

•touch and go•the personal touch

•walking on egg shells

•grasp an idea•he rubs me the wrong way

•a rough character

6Tuesday, August 30, 11

Page 7: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

embodied cognition

The idea that our cognitive processes are grounded in sensory behavior and motor actions.

7Tuesday, August 30, 11

Page 8: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

8Tuesday, August 30, 11

Page 9: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

9Tuesday, August 30, 11

Page 10: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

“Haptics makes it easier to type without making mistakes.”

Andrea, 28, Law Intern

10Tuesday, August 30, 11

Page 11: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Call to action:Use haptics to make the phone (feel) more usable

Point 1: Haptics taps in to embodied cognition to affect the user experience.

11Tuesday, August 30, 11

Page 12: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Agency TBWA\NebokoPhoto: Michael Harvey

CBS News Photo: Walter Geis

Point 2: Haptics fulfills a need for tactile gratification that is sorely missed.

12Tuesday, August 30, 11

Page 13: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

PUSH THE BUTTON.13Tuesday, August 30, 11

Page 14: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2010 Immersion Corporation—Confidential

#5D251E

#CBC1BB

“clink” sound when cup hits saucer

aroma comes outhere

Coffee UI

14Tuesday, August 30, 11

Page 15: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Point 2: Haptics fulfills a need for tactile gratification that is sorely missed.

Call to action:Use haptics to buildmore realistic apps.

16Tuesday, August 30, 11

Page 16: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Point 3: Haptics makes human communication more intimate and emotional.

17Tuesday, August 30, 11

Page 17: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

“Sometimes you want to keep in touch but you have nothing to write.”

Nauremon, 28, Early Adopter & Blogger

“There’s no substitute for human touch.”

Dave, 52, Firefighting Captain

“I could have avoided a fight by touching her hand.”

Tony, 42, Tour Guide & Rock Promoter

“In person you can look in their eyes, see their mannerisms.”

Sue, 57, Business Power User

18Tuesday, August 30, 11

Page 18: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

“No need to stop, it’s just my friend saying hi.”

19Tuesday, August 30, 11

Page 19: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

20Tuesday, August 30, 11

Page 20: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

“That’s hilarious – I can’t believe she’s doing this!”

21Tuesday, August 30, 11

Page 21: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

22Tuesday, August 30, 11

Page 22: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

“When our fingertips cross paths, she doesn’t feel so far away.”

23Tuesday, August 30, 11

Page 23: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

24Tuesday, August 30, 11

Page 24: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Point 3: Haptics makes human communication more intimate and emotional.

Call to action:Use haptics to make jaw-dropping social experiences

25Tuesday, August 30, 11

Page 25: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

VISU

AL H

APTICS

GESTURE HAPTICS

AU

DIO

HA

PTIC

S

SOCIAL HAPTICS

Touch TrailsImmersivePinball

Face-to-faceconversation

Knock-Knock Alerts

Guitar performance

Haptic Guitar

Keyboard

Ping pong

Handshake

26Tuesday, August 30, 11

Page 26: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

how to design with haptics

27Tuesday, August 30, 11

Page 27: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Make the phone more usable.

how to design with haptics

27Tuesday, August 30, 11

Page 28: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Build apps that feel more real.

Make the phone more usable.

how to design with haptics

27Tuesday, August 30, 11

Page 29: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Create amazing social experiences.

Build apps that feel more real.

Make the phone more usable.

how to design with haptics

27Tuesday, August 30, 11

Page 30: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

David [email protected]! Questions?

29Tuesday, August 30, 11

Page 31: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

Lakoff, George and Johnson, Mark. (1999) Philosophy In The Flesh: the Embodied Mind and its Challenge to Western Thought. Basic Books. ISBN 0465056741

photosFlickr / Draw With Me, Touch Through The Glass / Akako Yamanaka ♥The Akatsuki's Pet♥

CBS News / CK One outdoor advertisement / Photo: Walter Geis

references

TBWA / Neboko Agency / Want a Beer? Heineken outdoor advertisement / Michael Harvey

credits

Bhalla, M., & Proffitt, D. R. (1999). Visual-Motor recalibration in geographical slant perception. Journal of Experimental Psychology: Human Perception & Performance. 25(4), 1076-1096.

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]

Flickr / reachout / karimiaz (Ahmad Karimi)

Flickr / uphill walk / micsten (Michael Eccles)

30Tuesday, August 30, 11

Page 32: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

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 [email protected]

31

31Tuesday, August 30, 11

Page 33: WIP Back To School Webinars - Designing Haptics in Mobile Applications

© 2011 Immersion Corporation

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 releasesPotential inclusion on Immersion promotional videos/animationsDemos to Immersion’s major OEM partners for bundling opportuntiesInclusion in Immersion demonstrations at upcoming tradeshows and conferences like AnDevCon, MWC, etc.

32

Immersion Promos of Your Cool Apps

32Tuesday, August 30, 11