Top Banner
Start Making Sense FUNDAMENTALS OF SENSORY DESIGN
133

Start Making Sense O'Reilly Webcast December 2015

Jan 12, 2017

Download

Design

Acuity Design
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Start Making Sense O'Reilly Webcast December 2015

Start Making SenseFUNDAMENTALS OF SENSORY DESIGN

Page 2: Start Making Sense O'Reilly Webcast December 2015

Introduction

Page 3: Start Making Sense O'Reilly Webcast December 2015

Introduction

Who am I?

Page 4: Start Making Sense O'Reilly Webcast December 2015

Alastair Somerville Sensory Design Consultant Museums, galleries and public spaces Speaking – SxSW, Generate Workshops – UXWeek, ConveyUX, UXLX

Page 5: Start Making Sense O'Reilly Webcast December 2015

O’Reilly Design Conference San Francisco 19th-22nd January 2016

20th – Sense And Sensor Ability workshop

Page 6: Start Making Sense O'Reilly Webcast December 2015

What do I care about?

Page 7: Start Making Sense O'Reilly Webcast December 2015

Making stuff understandable so people can do the things they want to do

Page 8: Start Making Sense O'Reilly Webcast December 2015

What’s the problem?

Page 9: Start Making Sense O'Reilly Webcast December 2015

Tactile design

Page 10: Start Making Sense O'Reilly Webcast December 2015

Look at your hand

Page 11: Start Making Sense O'Reilly Webcast December 2015
Page 12: Start Making Sense O'Reilly Webcast December 2015

Look at your finger

Page 13: Start Making Sense O'Reilly Webcast December 2015
Page 14: Start Making Sense O'Reilly Webcast December 2015

Look at your fingertip

Page 15: Start Making Sense O'Reilly Webcast December 2015
Page 16: Start Making Sense O'Reilly Webcast December 2015

Squeeze your fingertip between your thumb and finger

Page 17: Start Making Sense O'Reilly Webcast December 2015
Page 18: Start Making Sense O'Reilly Webcast December 2015

3mm

Page 19: Start Making Sense O'Reilly Webcast December 2015

3mm Rule

Page 20: Start Making Sense O'Reilly Webcast December 2015

Constraint of designs

Page 21: Start Making Sense O'Reilly Webcast December 2015

Map layout:Pete Stonehouse

Page 22: Start Making Sense O'Reilly Webcast December 2015

Simplify designs

Page 23: Start Making Sense O'Reilly Webcast December 2015

3D design:Pete Stonehouse

Page 24: Start Making Sense O'Reilly Webcast December 2015

Testing designs

Page 25: Start Making Sense O'Reilly Webcast December 2015
Page 26: Start Making Sense O'Reilly Webcast December 2015

Complexity is not the problem

Page 27: Start Making Sense O'Reilly Webcast December 2015

Confusion is

Page 28: Start Making Sense O'Reilly Webcast December 2015

Understand more about senses and how we make meaning

Page 29: Start Making Sense O'Reilly Webcast December 2015

Organising this webcastFRAMING IDEAS

Page 30: Start Making Sense O'Reilly Webcast December 2015

Organising this webcast

4 parts

Page 31: Start Making Sense O'Reilly Webcast December 2015
Page 32: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Page 33: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Page 34: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Emotions and

actions

Page 35: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Emotions and

actions

Making it personal

Page 36: Start Making Sense O'Reilly Webcast December 2015

Design for the mindCOGNITIVE ACCESSIBILITY AND UNDERSTANDING THE STRUCTURE OF MEANING MAKING FOR EVERYONE

Page 37: Start Making Sense O'Reilly Webcast December 2015

Design for the mind is also called Cognitive Accessibility

Design for the mind

Page 38: Start Making Sense O'Reilly Webcast December 2015

Exhibition Road Shared Space, London

Design for the mind

Page 39: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Page 40: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Page 41: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Page 42: Start Making Sense O'Reilly Webcast December 2015

The shared space is not cognitively accessible

Why?Design for the mind

Page 43: Start Making Sense O'Reilly Webcast December 2015

Cognitive Accessibility is Perceivable Intelligible Actionable

Design for the mind

Page 44: Start Making Sense O'Reilly Webcast December 2015

Cognitive Accessibility is Perceivable

Open to an individual’s sensory capacities

Design for the mind

Page 45: Start Making Sense O'Reilly Webcast December 2015

Exhibition Road Shared Space is not

Design for the mind

Page 46: Start Making Sense O'Reilly Webcast December 2015

Cognitive Accessibility is Intelligible

Open to comprehension by an individual’s intellect

Design for the mind

Page 47: Start Making Sense O'Reilly Webcast December 2015

Exhibition Road Shared Space is not

Design for the mind

Page 48: Start Making Sense O'Reilly Webcast December 2015

Cognitive Accessibility is Actionable

Open to use by an individual

Design for the mind

Page 49: Start Making Sense O'Reilly Webcast December 2015

Exhibition Road Shared Space is not

Design for the mind

Page 50: Start Making Sense O'Reilly Webcast December 2015

Cognitive Accessibility is Perceivable Intelligible Actionable

Design for the mind

Page 51: Start Making Sense O'Reilly Webcast December 2015

Cognitive Accessibility is Perceivable Intelligible All 3 together Actionable

Design for the mind

Page 52: Start Making Sense O'Reilly Webcast December 2015

Sensory order and more sensesRECOGNISE HOW SENSORY ORDER AFFECTS US AND HOW MANY SENSES WE HAVE

Page 53: Start Making Sense O'Reilly Webcast December 2015

Sensory order and

more senses

Page 54: Start Making Sense O'Reilly Webcast December 2015

Sensory order and

more senses

Page 55: Start Making Sense O'Reilly Webcast December 2015

Sensory order

Sensory order and

more senses

Page 56: Start Making Sense O'Reilly Webcast December 2015

SensesSight

Hearing

Taste

Smell

Touch

Sensory order and

more senses

Page 57: Start Making Sense O'Reilly Webcast December 2015

SensesSight

Hearing

Taste

Smell

Touch

Sensory order and

more senses

Page 58: Start Making Sense O'Reilly Webcast December 2015

SensesSight

Hearing

Taste

Smell

Touch

4

1

2=

3

Sensory order and

more senses

Page 59: Start Making Sense O'Reilly Webcast December 2015

Cognitive Slop Time

Sensory order and

more senses

Page 60: Start Making Sense O'Reilly Webcast December 2015

Chion

Sensory order and

more senses

Page 61: Start Making Sense O'Reilly Webcast December 2015

Chion

Sensory order and

more senses

Page 62: Start Making Sense O'Reilly Webcast December 2015

Chion Audio framing

Sensory order and

more senses

Page 63: Start Making Sense O'Reilly Webcast December 2015

More senses

Sensory order and

more senses

Page 64: Start Making Sense O'Reilly Webcast December 2015

More SensesSight

VisionHearing

AuditionTaste

GustationSmell

OlfactionTouch

SomatosensoryBalance & accelerationEquilibrioceptionTemperature

ThermoceptionKinaesthetic senseProprioceptionPain

NociceptionTime

ChronoceptionOther internal sensesInteroception

Sensory order and

more senses

Page 65: Start Making Sense O'Reilly Webcast December 2015

More SensesSight

VisionHearing

AuditionTaste

GustationSmell

OlfactionTouch

SomatosensoryBalance & accelerationEquilibrioceptionTemperature

ThermoceptionKinaesthetic senseProprioceptionPain

NociceptionTime

ChronoceptionOther internal sensesInteroception

Sensory order and

more senses

Page 66: Start Making Sense O'Reilly Webcast December 2015

Proprioception

Sensory order and

more senses

Page 67: Start Making Sense O'Reilly Webcast December 2015

Proprioception Chronoception

Sensory order and

more senses

Page 68: Start Making Sense O'Reilly Webcast December 2015

Don’t add multimodal confusion to Cognitive Slop Time

Sensory order and

more senses

Page 69: Start Making Sense O'Reilly Webcast December 2015

Emotions and actionsA FEEDBACK LOOP ADAPTING TO GROWING COMPLEXITY

Page 70: Start Making Sense O'Reilly Webcast December 2015

Emotions and

actions

Page 71: Start Making Sense O'Reilly Webcast December 2015

Simple things can have emotional meanings

Emotions and

actions

Page 72: Start Making Sense O'Reilly Webcast December 2015

A simple structure of sensing & meaning

Sense Take action

Emotions and

actions

Page 73: Start Making Sense O'Reilly Webcast December 2015

A simple structure of sensing & meaning

Sense

Make meaning

Take action Emotions

and actions

Page 74: Start Making Sense O'Reilly Webcast December 2015

A simple structure of sensing & meaning

Senses

Emotions

Make meaning

Take action

Emotions and

actions

Page 75: Start Making Sense O'Reilly Webcast December 2015

A simple structure of sensing & meaning

Senses

Emotions

Make meanings

Conscious Decision

Take action

Emotions and

actions

Page 76: Start Making Sense O'Reilly Webcast December 2015

Emotions and consciousness are ways of enabling action

Emotions and

actions

Page 77: Start Making Sense O'Reilly Webcast December 2015

We adapt

Emotions and

actions

Page 78: Start Making Sense O'Reilly Webcast December 2015

We imagine

Emotions and

actions

Page 79: Start Making Sense O'Reilly Webcast December 2015

Emotions and

actions

Page 80: Start Making Sense O'Reilly Webcast December 2015

Emotions and

actions

Page 81: Start Making Sense O'Reilly Webcast December 2015

Emotions and

actions

Page 82: Start Making Sense O'Reilly Webcast December 2015

Imagination is adaption

Emotions and

actions

Page 83: Start Making Sense O'Reilly Webcast December 2015

Complexity is not the problem

Emotions and

actions

Page 84: Start Making Sense O'Reilly Webcast December 2015

Confusion is

Emotions and

actions

Page 85: Start Making Sense O'Reilly Webcast December 2015

Understand how people make meaning iteratively with emotion

Emotions and

actions

Page 86: Start Making Sense O'Reilly Webcast December 2015

Making it personalFOLLOWING THE SENSORY JOURNEY AND ENABLING HYPERPERSONALISATION

Page 87: Start Making Sense O'Reilly Webcast December 2015

A sensory design framework

Making it personal

Page 88: Start Making Sense O'Reilly Webcast December 2015

Sensory & emotional framework

Attention Action

Making it personal

Page 89: Start Making Sense O'Reilly Webcast December 2015

Sensory & emotional framework

Attention Action

Senses

Making it personal

Page 90: Start Making Sense O'Reilly Webcast December 2015

Sensory & emotional framework

Attention Action

Sensor

Avoider

Seeker

Bystander

Senses

Making it personal

Page 91: Start Making Sense O'Reilly Webcast December 2015

Sensory & emotional framework

Attention Action

Sensor

Avoider

Seeker

Bystander

Senses Emotions

Making it personal

Page 92: Start Making Sense O'Reilly Webcast December 2015

Sensory & emotional framework

Attention Action

Sensor

Avoider

Seeker

Bystander

Arousal

Non-arousal

Pleasure

Displeasure

Senses Emotions

Making it personal

Page 93: Start Making Sense O'Reilly Webcast December 2015

Sensory & emotional framework

Attention Action

Sensor

Avoider

Seeker

Bystander

Arousal

Non-arousal

Pleasure

Displeasure

Senses Emotions

Making it personal

Page 94: Start Making Sense O'Reilly Webcast December 2015

4 ways of enabling understanding

Making it personal

Page 95: Start Making Sense O'Reilly Webcast December 2015

Timing

Making it personal

Page 96: Start Making Sense O'Reilly Webcast December 2015

Mistimed sensory events cause confusion

Making it personal

Page 97: Start Making Sense O'Reilly Webcast December 2015

Timing

Volume

Making it personal

Page 98: Start Making Sense O'Reilly Webcast December 2015

Overloud/quiet sensory events cause confusion

Making it personal

Page 99: Start Making Sense O'Reilly Webcast December 2015

Timing

Volume

Meaning

Making it personal

Page 100: Start Making Sense O'Reilly Webcast December 2015

Metaphors cause confusion

Making it personal

Page 101: Start Making Sense O'Reilly Webcast December 2015

Timing

Volume

Meaning

Load

Making it personal

Page 102: Start Making Sense O'Reilly Webcast December 2015

Too much information causes confusion

Making it personal

Page 103: Start Making Sense O'Reilly Webcast December 2015

Imperial War Museum, London

Making it personal

Page 104: Start Making Sense O'Reilly Webcast December 2015

Casson Mann

Making it personal

Page 105: Start Making Sense O'Reilly Webcast December 2015

Graphic design: Pete Stonehouse

Making it personal

Page 106: Start Making Sense O'Reilly Webcast December 2015

IN

OUT

Making it personal

Page 107: Start Making Sense O'Reilly Webcast December 2015

IN

OUT

A map of gaps

Making it personal

Page 108: Start Making Sense O'Reilly Webcast December 2015

IN

OUT

A map of gaps

A map to enable personal agency Making it

personal

Page 109: Start Making Sense O'Reilly Webcast December 2015

Designing for the future

Making it personal

Page 110: Start Making Sense O'Reilly Webcast December 2015

Hyperpersonalisation

Making it personal

Page 111: Start Making Sense O'Reilly Webcast December 2015

You can do it now…

Making it personal

Page 112: Start Making Sense O'Reilly Webcast December 2015

…but we don’t have time

Making it personal

Page 113: Start Making Sense O'Reilly Webcast December 2015

Hyperpersonalisation is…

Making it personal

Page 114: Start Making Sense O'Reilly Webcast December 2015

Hyperpersonalisation is… Accessibility

Making it personal

Page 115: Start Making Sense O'Reilly Webcast December 2015

Sensory design is recognising the need for accessibility for all of us

Making it personal

Page 116: Start Making Sense O'Reilly Webcast December 2015

Use accessibility as framework

Listen to users

Making it personal

Page 117: Start Making Sense O'Reilly Webcast December 2015

Ending this webcastIDEAS

Page 118: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Emotions and

actions

Making it personal

Page 119: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Page 120: Start Making Sense O'Reilly Webcast December 2015

Perceivable Intelligible Actionable

Page 121: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Emotions and

actions

Making it personal

Page 122: Start Making Sense O'Reilly Webcast December 2015

Sensory order and

more senses

Page 123: Start Making Sense O'Reilly Webcast December 2015

Don’t add multimodal confusion to

Cognitive Slop Time

Page 124: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Emotions and

actions

Making it personal

Page 125: Start Making Sense O'Reilly Webcast December 2015

Emotions and

actions

Page 126: Start Making Sense O'Reilly Webcast December 2015

Understand how people

make meaning iteratively with

emotion

Page 127: Start Making Sense O'Reilly Webcast December 2015

Design for the mind

Sensory order and

more senses

Emotions and

actions

Making it personal

Page 128: Start Making Sense O'Reilly Webcast December 2015

Making it personal

Page 129: Start Making Sense O'Reilly Webcast December 2015

Use accessibility as

frameworkListen to users

Page 130: Start Making Sense O'Reilly Webcast December 2015

Complexity is not the problem

Confusion is

Page 131: Start Making Sense O'Reilly Webcast December 2015

Design with sensesDesign with emotionsDesign for individuals

Page 132: Start Making Sense O'Reilly Webcast December 2015

Thank you

Page 133: Start Making Sense O'Reilly Webcast December 2015

Questions?