#WWDC19•

Designing Audio-Haptic Experiences

Hugo Verweij, Sound Designer
Camille Moussette, Interaction Designer© 2019 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

#WWDC19•

Designing Audio-Haptic Experiences

Hugo Verweij, Sound Designer
Camille Moussette, Interaction Designer© 2019 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

•What is an Audio Haptic experience?

•What is an Audio Haptic experience?

•Three guiding principles

•What is an Audio Haptic experience?

•Three guiding principles•

Techniques•

What is an Audio Haptic experience?

•Three guiding principles•

TechniquesCan you feel it?

Can you feel it?

Core Haptics

Haptic Design 101

Haptic Design 101

Haptic Design 101

Haptic Design 101

Continuous

Haptic Design 101

Haptic Design 101

Haptic Design 101

TransientHaptic Design 101

TransientHaptic Design 101

TransientHaptic Design 101

TransientHaptic Design 101

TransientHaptic Design 101

Round, Soft

TransientHaptic Design 101

Crisp, Precise

Round, Soft

TransientHaptic Design 101

Round, Soft

Crisp, Precise

Haptic Design 101

Haptic Design 101

Haptic IntensityHaptic Design 101

Haptic Intensity

Haptic Sharpness

Haptic Design 101

•What is an Audio Haptic experience?

•Three guiding principles•TechniquesThree Guiding Principles

Three Guiding Principles

Causality

Three Guiding Principles

Causality
HarmonyThree Guiding Principles

Causality
Harmony
Utility•Causality•

Causality“For feedback to be useful, it must be obvious what caused it.”
••

Cause

•

•

Effect
•

••

Cause

•

Foot colliding with the ball•••Effect•

••

Cause

•

Foot colliding with the ball•••Effect•••Sound of impact
Feel of impact•

Cause and EffectCause and EffectQualities of interacting objects

Cause and EffectQualities of interacting objects
Dynamics of the interaction

Cause and EffectQualities of interacting objects
Dynamics of the interaction
Environment

Needs movie ofApple Pay confirmation
animation + soundNeeds movie ofApple Pay confirmation
animation + soundSound

HapticSoundHapticSoundHaptic•Harmony•Harmony“It feels the way it looks the way it sounds.”••Real World•Real World••••VisualAudio
Haptic•Real World••••••

VisualAudio
HapticDigital World•Real World••••••

VisualAudio
HapticDigital World•Real World•

Digital World•••••

VisualAudio
Haptic•Visual•Real World•

Digital World•••••

VisualAudio
Haptic•Visual•Real World•

Digital World•••••

VisualAudio
Haptic•VisualAudio•

•

Real World•

Digital World

•

••••

VisualAudio
Haptic•VisualAudio•

•

Real World•

Digital World

•

•••

•

VisualAudio
HapticVisualAudio
Haptic••••Real World•

Digital World•••••

VisualAudio
HapticVisualAudio
Haptic••••Real World•

Digital World••••

VisualAudio
HapticVisualAudio
HapticSynchronization
•

•

•

•

•

•

Real World•

Digital World••••

VisualAudio
HapticVisualAudio
HapticSynchronization
••

•

•

•

•

Harmony

Interactions, Visuals, Audio and Haptics•

•Harmony

Interactions, Visuals, Audio and Haptics•

•Harmony

Interactions, Visuals, Audio and Haptics•

•Harmony

Interactions, Visuals, Audio and Haptics•

•Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics••Harmony

Interactions, Visuals, Audio and Haptics•Digital Crown Haptic

Digital Crown HapticVisualization of Watch crown sound + haptic

Check + update video
Add sound(Mitch)

Visualization of Watch crown sound + haptic

Check + update video
Add sound(Mitch)•Utility

•Utility“Add audio and haptics that provide clear value to your app experience”•Utility

Moderation[Hugo]

Utility

ModerationFocus[Hugo]

Utility

ModerationFocus
Keep it simple[Hugo]

Guiding Principles

Guiding Principles

Causality

Guiding Principles

Causality
Harmony

Guiding Principles

Causality
Harmony
Utility•What is an Audio Haptic experience?

•Three guiding principles•Techniques

Core Haptics Primitives

Core Haptics Primitives

TransientCore Haptics Primitives

Transient

ContinuousCore Haptics TransientCore Haptics TransientCore Haptics Transient

1.0
Haptic Intensity
0.00.0Haptic Sharpness

1.0Core Haptics TransientRound, Soft

1.0
Haptic Intensity
0.00.0Haptic Sharpness

1.0Core Haptics Transient

Crisp, Precise

Round, Soft

1.0
Haptic Intensity
0.00.0Haptic Sharpness

1.0Core Haptics ContinuousCore Haptics ContinuousCore Haptics Continuous

1.0
Haptic Intensity
0.00.0Haptic Sharpness

1.0Core Haptics Continuous

1.0
Haptic Intensity
0.00.0Haptic Sharpness

1.0

Sound Building Blocks

Sound Building Blocks

Sound Building Blocks

Sound Building Blocks

Sound Building Blocks

Sound Building Blocks

Sound Building Blocks

SoundHapticSoundHapticSoundHapticSoundHapticAnticipation

Sound

HapticAnticipation

Sound

HapticNumber of Events

4 Events

Number of Events

4 Events

Haptic Priming

Sound

HapticHaptic Priming

Sound

HapticHaptic Priming

Sound

HapticHaptic Priming

Sound

HapticContrast—Left

Sound

HapticContrast—Left

Sound

HapticContrast—Left

Sound

HapticContrast—Left

Sound

HapticContrast—RightSound

HapticContrast—RightSound

HapticContrast—RightSound

HapticContrast—RightSound

HapticContrast—RightSound

HapticContrast—RightSound

HapticA Few More ThoughtsCollaborate

Experience ItExperimentMore Information
developer.apple.com/wwdc19/810

Core Haptics Lab

Thursday, 11:00

Core Haptics Lab (2)Friday, 9:00