36
©2012 Immersion Corporation–Confidential NASDAQ: IMMR Peter van der Linden TechnologyEvangelist February 2013 Touch Design for Mobile Devices

Enhancing the User Experience Through the Sense of Touch

  • Upload
    fitc

  • View
    1.161

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

NASDAQ: IMMR

Peter van der Linden TechnologyEvangelist

February 2013

Touch Design for Mobile Devices

Page 2: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 2

Agenda:

§  Who is Immersion? §  What does touch feedback or tactile design mean? §  Why is touch feedback essential to the mobile UI? §  How can touch feedback be used to improve the UX? §  What are the best design practices for tactile feedback? §  Can you show me some of these principles?

Page 3: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Who is Immersion? Company Highlights Immersion: The Haptics Company

Worldwide Support Offices in EU, Korea, Taiwan, Japan, US & Canada

World Class Customer Base Samsung, Nokia, LG, Toshiba, Fujitsu, Sony, Microsoft, Logitech, Lexus, BMW, CAE and many more

Established in Large, Rapidly Growing Markets

Technology shipped in over 1B devices §  Mobile phones, game controllers, auto, industrial, casino, other portable devices

Strong Intellectual Property

Portfolio of 1,200+ granted and pending patents specifically in the field of Haptics related to both hardware and software

Technology Leader Developing tactile touch solutions also known as “Haptics” since 1993

NASDAQ: IMMR

Page 4: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 4

Page 5: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 5

The Mobile User

Page 6: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Agency TBWA\Neboko Photo: Michael Harvey Point 1 - our sense of touch works with our

embedded cognition to guide the user experience.

Page 7: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 7

• 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

Page 8: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Solo!

Page 9: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Design principle #1 Use Haptics to create more usable user experiences

Page 10: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

CBS News Photo: Walter Geis

Agency TBWA\Neboko Photo: Michael Harvey

Point 2 - touch feedback fills a need for tactile gratification that is not possible in other media.

Page 11: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Design principle #2 Use Haptics to create more realistic user experiences

Page 12: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Agency TBWA\Neboko Photo: Michael Harvey

Point 3 - tactile feedback makes human communication more intimate and emotional.

Page 13: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Page 14: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

Design principle #3 Use Haptics to create more emotional user experiences

Page 15: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Tactile feedback effects beyond games

15

Page 16: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 16

Shared tactile game experience

Page 17: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 17

Tactile feedback clock for everyone

Tactile Clock Allows you to feel the time.

Page 18: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Summary: design with Tactile Feedback

§  Make the phones feel more usable §  Make apps feel more satisfying §  Bring friends within arm’s reach

18

Page 19: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Haptic SDK Quick Start Guide

19

Page 20: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Haptic Effect Preview App on Google Play

20

Page 21: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Haptic Effect Preview App §  Free app on Google Play §  Feel each effect on any

Android device §  Code sample provided for

each effect §  Awesome on Android

handsets with TouchSense installed by Samsung, LG, Toshiba, Pantech and others

§  Emulates effects on all other Android devices without the TouchSense technology –  Allows vibe effects not available

with standard Google vibrate () method

Page 22: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 22

Touch Trails Demo

Page 23: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 23

Page 24: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 24

Page 25: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 25

Page 26: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Contact Us [email protected]  

Like Us h3p://www.facebook.com/ImmersionDeveloper  

Follow Us @Hap$csDev  

Read Our Blog h3p://blog.immersion.com  

Direct Access:

26

Peter van der Linden [email protected]

Page 27: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

§  The end.

27

Page 28: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential 28

Two-way interactive tactile feedback

Page 29: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Benefits of the Immersion extended method

Google Vibrate Immersion Extended Method

Inferior battery usage: only controls the duration of vibration

Very efficient use of battery: control over duration, magnitude and

frequency of vibration

1 basic effect – full magnitude w/durations set manually

Library of 124 pre-made gaming and user interface effects

Ineffective for longer duration game effects, only gives you buzz

Ideal for longer duration subtle game effects

Unreliable feel across Android devices due to different motor types

Most consistent feel across ALL Android devices

29

Page 30: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

© 2011 Immersion Corporation

PUSH THE BUTTON

Page 31: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Tactile videos – feel video content

Feel the person on the other side of the video

31

Page 32: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Vibration parameter comparison

Duration

Magnitude

Frequency pulsing

Complex timeline design using sound

Dynamic API functions of all the above parameters

Google Vibrate Immersion

Extended Method

32

Page 33: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Top reasons to use tactile feedback effects

#5 Increased sense of realism. “Feels like the real world” #4 Increased immersion thru combined audio/visual/touch effects #3 Greater user satisfaction. It is already expected from games #2 Increased stickiness. Greater connection to game play and UI

And the #1 reason to use tactile effects…

#1 The potential for increased revenue for your apps

Hardware OEMs like Fujitsu, Samsung, LG, Toshiba and others are actively looking for good feeling apps and games to load onto their new handset and tablet products as a competitive advantage against their number one competitor Apple.

33

Page 34: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Programming tactile effects into mobile apps

34

Page 35: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Programming tactile effects in Android

There are over 600 Android device manufacturers with over 7000 models of handsets and tablets.

While there are many platforms that support vibration playback, the Android platform has the greatest opportunity for generating revenue for your Haptic games simply because of the sheer number of Android devices being sold by the hardware OEMs

To promote this opportunity, Immersion created a free extended method for developers to quickly add Haptic effects into their games.

We call this the…

“Immersion Haptic Development Platform for Android” 35

Page 36: Enhancing the User Experience Through the Sense of Touch

©2012 Immersion Corporation–Confidential

Summary!

Nearly all operating systems allow you program vibration events into your applications. But not all methods are created equal.

Find a picture for this

36