Top Banner
Inspiring Interaction Design From the world of music technology
87

Inspiring Interaction Design - From the world of music technology

Jan 27, 2015

Download

Technology

Jason Mesut

The slides from my talk on how Interaction Design can be inspired by Music Technology. I presented this version at London IA event at Sense Loft on 11th January 20112. I have tried to insert urls from the various videos on the slides themselves to help, but it doesn't replace the experience of being there - sorry.

Apologies for the recruitment plug. Yes it is genuine, but I forgot to take it out. Will try and upload a newer version if I get a chance.
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: Inspiring Interaction Design - From the world of music technology

Inspiring Interaction DesignFrom the world of music technology

Page 2: Inspiring Interaction Design - From the world of music technology

Jason MesutHead of User ExperienceRMA Consulting

twitter: @jasonmesut

Inspiring Interaction DesignFrom the world of music technology

Page 3: Inspiring Interaction Design - From the world of music technology

Yes, we are hiringMiddleweight - Senior levelVisual and Interaction DesignersPerm and long term contractContact: [email protected]

Inspiring Interaction DesignFrom the world of music technology

Page 4: Inspiring Interaction Design - From the world of music technology

But this isn’t work is it?

Inspiring Interaction DesignFrom the world of music technology

Page 5: Inspiring Interaction Design - From the world of music technology

Interaction design and industrial design changes the way music is made

Music technology influences interaction design

Physical form factors afford greater control in products and software

We can all learn a few things from musical technology hardware and software

Hypotheses

Page 6: Inspiring Interaction Design - From the world of music technology

This is a sneek peek into Jason’s grotto of geek

Building on a slice of hardware music tech

+ exclusively for London IA...

Software music technology

Page 7: Inspiring Interaction Design - From the world of music technology

Warning!

There will be iPhone and iPad apps

Page 8: Inspiring Interaction Design - From the world of music technology

let’s go back in time...

Page 9: Inspiring Interaction Design - From the world of music technology

HERBIE HANCOCKjazz master, music innovator

+ QUINCY JONESproducer legend

Page 10: Inspiring Interaction Design - From the world of music technology

+ CMI FAIRLIGHT - SAMPLER AND AUDIO WORKSTATION

Page 11: Inspiring Interaction Design - From the world of music technology

HERBIE + QUINCY + FAIRLIGHT

http://www.youtube.com/watch?v=n6QsusDS_8A

Page 12: Inspiring Interaction Design - From the world of music technology

CMI FAIRLIGHT

Page 13: Inspiring Interaction Design - From the world of music technology

FAIRLIGHT

Page 14: Inspiring Interaction Design - From the world of music technology

THEREMIN

http://www.youtube.com/watch?v=cd4jvtAr8JM

Page 15: Inspiring Interaction Design - From the world of music technology

Why are so many obsessed with screens and gestures? There’s got to be other solutions

Different forms of

input+

Different forms of output

question

Page 16: Inspiring Interaction Design - From the world of music technology

KNOBS AND FADERS

Page 17: Inspiring Interaction Design - From the world of music technology

ROLAND SH-101

http://www.youtube.com/watch?v=hSchTzFj9kg

Page 18: Inspiring Interaction Design - From the world of music technology

ROLAND TB-303 BASSLINE

http://www.youtube.com/watch?v=Enyny7vXGi4

Page 19: Inspiring Interaction Design - From the world of music technology

HARILL + 2 ELECTRIBES + FUTURE REVOLUTION

http://www.youtube.com/watch?v=wUo8FMjaQHg

Page 20: Inspiring Interaction Design - From the world of music technology

ALESIS MICRON

Page 21: Inspiring Interaction Design - From the world of music technology

ALESIS MICRON

Page 22: Inspiring Interaction Design - From the world of music technology

ALESIS MICRON - INSIDE OUT

Page 23: Inspiring Interaction Design - From the world of music technology

ARTURIA ORIGIN

http://www.youtube.com/watch?v=EWnQb-S5V_0

Page 24: Inspiring Interaction Design - From the world of music technology

BEHRINGER BCR-2000 IN ACTION

http://www.youtube.com/watch?v=pPsqoUsc9pI

Page 25: Inspiring Interaction Design - From the world of music technology

A REALLY BIG KNOB

http://vimeo.com/15431063

Page 26: Inspiring Interaction Design - From the world of music technology

SKEUOMORPHa derivative design or object that retains ornamental cues to a structure that was

necessary in the original

Page 27: Inspiring Interaction Design - From the world of music technology

MOOG MODULAR SOFT SYNTH

Page 28: Inspiring Interaction Design - From the world of music technology

are we going full circle?

physical digital

question

Page 29: Inspiring Interaction Design - From the world of music technology
Page 30: Inspiring Interaction Design - From the world of music technology

GRID BASED USER INTERFACES

Page 31: Inspiring Interaction Design - From the world of music technology

AKAI MPC

Page 32: Inspiring Interaction Design - From the world of music technology

DJ SHADOW, DJ NUMARK, CUT CHEMIST + 3 MPCS

http://www.youtube.com/watch?v=IQcyLMa716k

Page 33: Inspiring Interaction Design - From the world of music technology

TENORI-ON

Page 34: Inspiring Interaction Design - From the world of music technology

TENORI-ON - INSPIRATION

Page 35: Inspiring Interaction Design - From the world of music technology

FOUR-TET + TENORI-ON

http://www.youtube.com/watch?v=M20ukzn_rsw

Page 36: Inspiring Interaction Design - From the world of music technology

LITTLE BOOTS + TENORI-ON

http://www.youtube.com/watch?v=N6tLRCDqJ2c

Page 37: Inspiring Interaction Design - From the world of music technology

TEHN + MONOME

http://vimeo.com/11435470

Page 38: Inspiring Interaction Design - From the world of music technology

EDISON + MONOME

http://vimeo.com/7733666

Page 39: Inspiring Interaction Design - From the world of music technology

TURNTABLISM

Page 40: Inspiring Interaction Design - From the world of music technology

BEAT JUGGLING AND SCRATCHING

Personal video (not available online)

Page 41: Inspiring Interaction Design - From the world of music technology

CD SCRATCHING - NUMARK VINYL REPLICATION

Personal video (not available online)

Page 42: Inspiring Interaction Design - From the world of music technology

When should we use physical interfaces over digital ones?

quick access

"ne or speedy control

easier learning

question

when you can’t see

support muscle

memory

when space is not

restricted

Page 43: Inspiring Interaction Design - From the world of music technology

MODULARITY

Page 44: Inspiring Interaction Design - From the world of music technology

INTRODUCING MIDI

http://video.google.com/videoplay?docid=2004591385588234774#

Page 45: Inspiring Interaction Design - From the world of music technology

Music technology has been modular for over 30 years

CV GateControl Voltage

Gate

1960s

MIDIMusical

InterchangeDigital

Interface

1982

OSCOpen Sound Control

1997-ish

Page 46: Inspiring Interaction Design - From the world of music technology

MODULARITY ENABLES SIMULTANEOUS

MULTI-USER INTERFACES (SMUI)

Page 47: Inspiring Interaction Design - From the world of music technology

how can we learn from modularity?

question

Establish standards

and guidelines

Use MIDI and OSC protocols

now

Create a market for

user interface controls that

last

Page 48: Inspiring Interaction Design - From the world of music technology

HACKING + CIRCUIT BENDING

Page 50: Inspiring Interaction Design - From the world of music technology

Atari Paddle Synth

http://vimeo.com/15881800

Page 51: Inspiring Interaction Design - From the world of music technology

ROCK BAND - PREVIOUSLY HACKED, NOW MIDI’ED UP

Page 52: Inspiring Interaction Design - From the world of music technology

REACTABLE

http://www.youtube.com/watch?v=MPG-LYoW27E - start 1:43 in

Page 53: Inspiring Interaction Design - From the world of music technology

REACTABLE - IPHONE + IPAD

Page 54: Inspiring Interaction Design - From the world of music technology

is physical better for consumer or expert interfaces?

question

1. Shift in expert

(and niche)interfaces

"rst

2. Prove effectiveness

3. Migration to consumer

interfaces

Page 55: Inspiring Interaction Design - From the world of music technology

THE FUTURE PRESENT

Page 56: Inspiring Interaction Design - From the world of music technology

NEW FORM FACTORS

Page 57: Inspiring Interaction Design - From the world of music technology

EIGENHARP

Page 58: Inspiring Interaction Design - From the world of music technology

EIGENHARP: JAMES BOND THEME

http://www.youtube.com/watch?v=197dBb_F4Zo

Page 59: Inspiring Interaction Design - From the world of music technology

EIGENHARP PICO

http://www.youtube.com/watch?v=g-PofqMhzAo

Page 60: Inspiring Interaction Design - From the world of music technology

DIGITAL AUDIO WORKSTATIONS

Page 61: Inspiring Interaction Design - From the world of music technology

ABLETON LIVE

Page 62: Inspiring Interaction Design - From the world of music technology

ABLETON LIVE ZOOMING INTERFACE

Personal video (not available online)

Page 63: Inspiring Interaction Design - From the world of music technology

ABLETON LIVE ZOOMING INTERFACE

Personal video (not available online)

Page 64: Inspiring Interaction Design - From the world of music technology

LOGIC STUDIO

Page 65: Inspiring Interaction Design - From the world of music technology

LOGIC STUDIO FRAMEWORK

Personal video (not available online)

Page 66: Inspiring Interaction Design - From the world of music technology

LOGIC STUDIO BROWSE

Personal video (not available online)

Page 67: Inspiring Interaction Design - From the world of music technology

CONTEXTUAL TOOLS JUST AN ESC KEY AWAY

Personal video (not available online)

Page 68: Inspiring Interaction Design - From the world of music technology

CAPS LOCK KEYBOARD

Personal video (not available online)

Page 69: Inspiring Interaction Design - From the world of music technology

PORTABLE/MOBILE CONVERGENCE & DIVERGENCE

Page 70: Inspiring Interaction Design - From the world of music technology

TEENAGE ENGINEERING OP-1

Page 71: Inspiring Interaction Design - From the world of music technology

Teenage Engineering OP-1

http://www.youtube.com/watch?v=VsjFodmUywE

Page 72: Inspiring Interaction Design - From the world of music technology

Teenage Engineering OP-1

Page 73: Inspiring Interaction Design - From the world of music technology

iOS - iPhone and iPad apps

Page 74: Inspiring Interaction Design - From the world of music technology

REBIRTH

http://www.youtube.com/watch?v=WtQNazoMEUs

Page 75: Inspiring Interaction Design - From the world of music technology

KORG ELECTRIBE

http://www.youtube.com/watch?v=S0ZIqI3uZgE

Page 76: Inspiring Interaction Design - From the world of music technology

MOOG FILTATRON

http://www.youtube.com/watch?v=Vksiu7obQ0I

Page 77: Inspiring Interaction Design - From the world of music technology

KORG IMS-20

http://www.youtube.com/watch?v=p4Djp-dOFrg

Page 78: Inspiring Interaction Design - From the world of music technology

FREE SPACE GESTURAL

Page 79: Inspiring Interaction Design - From the world of music technology

Kinect Hack

http://www.youtube.com/watch?v=tKzVMvosK34

Page 80: Inspiring Interaction Design - From the world of music technology

AIRJ DEMO

Personal video (not available online)

Page 81: Inspiring Interaction Design - From the world of music technology

how does interaction design affect creation or behaviour?

question

or

Guide + in#uencein!uence the

creation or behaviour to make easier or for others’

bene"ts

Maximise controlenable !exibility to

create, or do, whatever is desired

Page 82: Inspiring Interaction Design - From the world of music technology

THE FINAL WORD:HERBIE?

Page 84: Inspiring Interaction Design - From the world of music technology

QUESTIONS ?

VIEWS ?

Page 85: Inspiring Interaction Design - From the world of music technology

questions

Are we going

full circle?

How will interaction

design affect creation and behaviour?

How can we learn

from modularity?

Why are so many obsessed

with screens and gestures?

When should we use physical interfaces over

digital ones?

Is physical better for

consumers or experts?

1 2 3

4 5 6

Page 86: Inspiring Interaction Design - From the world of music technology

Thank you

Page 87: Inspiring Interaction Design - From the world of music technology

Sources for videos

Herbie and Quincyhttp://ftvdb.b".org.uk/sift/title/241382

Roland SH-101http://www.youtube.com/watch?v=hSchTzFj9kg

Roland TB-303 http://www.youtube.com/watch?v=Enyny7vXGi4

Harill + Revolution + Electribes http://www.youtube.com/watch?v=wUo8FMjaQHg

Arturia Origin Unknown

Behringer BCR 2000 with Roland Alpha Junohttp://www.youtube.com/watch?v=pPsqoUsc9pI

Big KnobUnknown

DJ Numark, Dj Shadow, Cut Chemisthttp://www.youtube.com/watch?v=IQcyLMa716k

Four Tet + Tenori-Onhttp://www.youtube.com/watch?v=M20ukzn_rsw

Little Boots + Tenori-Onhttp://www.youtube.com/watch?v=N6tLRCDqJ2c Tehn +

Monomehttp://vimeo.com/11435470

Edison + Monomehttp://vimeo.com/7733666

C64 Keytar http://www.youtube.com/watch?v=1LZUH0p6cXc&playnext=1&list=PL6512AE8A11DC8F95&index=55

ReacTable http://www.youtube.com/watch?v=MPG-LYoW27E

Eigenharp James Bondhttp://www.youtube.com/watch?v=197dBb_F4Zo

Eigenharp Picohttp://www.youtube.com/watch?v=g-PofqMhzAo

AND MORE TO FOLLOW........