2013-06-21 cannes lions ishii - mit media...

44
The Future Human, Brand & Interface Cannes Lions Festival June 21, 2013 Aegis Media + Oblong + MIT Media Lab Hiroshi ISHII MIT Media Lab

Upload: others

Post on 07-Apr-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

The FutureHuman, Brand & InterfaceCannes Lions Festival June 21, 2013Aegis Media + Oblong + MIT Media Lab

Hiroshi ISHIIMIT Media Lab

Page 2: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

The Futureis not to predict, but to invent! ! Alan Kay 1971

This is the century in which you can be proactive about the future; you don't have to be reactive. The whole idea of having scientists and technology is that those things you can envision and describe can actually be built.

Page 3: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

変化changes

Page 4: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

http://www.nytimes.com/interactive/2011/03/12/world/asia/20110312_japan.html?ref=asia#68

破壊変化http://www.nytimes.com/interactive/2011/03/12/world/asia/20110312_japan.html?ref=asia#68変化http://www.nytimes.com/interactive/2011/03/12/world/asia/20110312_japan.html?ref=asia#68変化破壊変化

disruptive changes

Page 5: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

perspective視点perspective視点perspective

Page 6: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

情報流水情報流水

information = running water

Page 7: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google
Page 8: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google
Page 9: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

TMG DB&Web

TMG web server

TMG trackr DB

MacBook Pro

iPad

iPhone

kindle 2

Fujitsu ScanSnap

Panasonic HDC-SD7 SONY DCR-

PC120

e-mail

[email protected]@mit.edu

Mail

calendar contacts

Google contacts

iCal

CalendarGoogle Calendar

ACM Digital Library

toDo

Things

Things

photosnotesfiles

DropboxMobileMe

Dropbox

Droopbox

DEVONThink

videos

Vimeo

iMovie

Final Cut Pro

Server

academicpapers

Evernote

Evernote

Adobe Acrobat Pro

OCR

Canon MP470

Gmail

Gmail

GmailMail

Phone Messages MapsCamera

iPod

Spanning Sync

Photos Flickr

Address Book

Google Calendar

iTune sync

USB

iTune sync

Contacts

iTune sync

Papers EndNote

newspapersbooksmusic

iTunes

iTunes Store

TMG research

Hiroshi ISHIIʼs Digital LifeInformation Ecology 2010 June 12, 2010 TokyoJanuary 9, 2010 Cambridge MA

(c) 2010 Hiroshi Ishii (Please do not distribute)

FileMaker Pro

Evernote cloud

Evernote

Yahoo cloud

Flickr YouTube

Apple cloud

iDisk

iDisk

MIT/ML servers

iPhoto

Google cloudGoogle cloud

video DB

TMG DB

iPhone

CalendarGoogle Calendar Things Droopbox EvernoteGmailMail Maps iPodPhotos FlickrContacts iTunes

StoreiDisk iBook Kindle iBunkoHDKoboGoodRe

aderReaddle

Docs

IEEE DL

MIT Library

MIT/ML serversAmazon.

comiTunes store

HP Color LaserJet 4700dn

Apple cloud

App

App Store

App Store

Kobo

Mendeley

Papers

iTune sync iTune sync

Maps

Eye-Fi

Kindle

青空文庫

clouds

YouTube

Google cloud

YouTube

Safari

VT100

VAX 750

UUCP 1980 1990internet

Macintosh II

e-mail, FTP, WWWe-mail, news

UNIX server

MacWrite/Pint/Draw

VT100 emulator

NCSA Mosaic

vi, emacs, C, mail

twitter

TweetDeck

TweetDeck

GoodReader

facebook

facebook

facebook

Safari

Twitterrific

Safari

facebook

Canon SD780 IS

PICASA

Twitterrific

Flickr

Safariphoto

DB

Travel

FlightTrack

FlightTrack

TripItEvernoteGoogle maps

Google Calendar

TripIt

Safari

criterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterioncriterion

eco-system

Page 10: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

eco-system

Page 11: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

循環cycling

Flow Clouds http://www.flickr.com/photos/mjohnsphoto/6801328985/

Page 12: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

© 2012 MIT Media Lab, Hiroshi ISHII

telescope

Page 13: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

earthbound observers

Page 14: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

http://en.wikipedia.org/wiki/File:Grand_orrery_in_Putnam_Gallery,_2009-11-24.jpg

Page 15: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

表現representation

http://en.wikipedia.org/wiki/File:Grand_orrery_in_Putnam_Gallery,_2009-11-24.jpg

Page 16: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Orrery Tangible Representation of Knowledge

Page 17: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

hands

Page 18: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

http://en.wikipedia.org/wiki/File:Wright_of_Derby,_The_Orrery.jpg

collaboration

Page 19: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

理念vision

Page 20: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Vision

ApplicationsUsers’ need

Technologies

Vision-Driven

Page 21: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

© 2011 MIT Media Laboratory, Hiroshi Ishii

Why? Life SpanVision

ApplicationsUsers’ need

Technologies

Page 22: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

ddigital

painted bits

Page 23: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

ddigital

pphysical

painted bits tangible bits

Page 24: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Embodydigital information to interact with directly

GUI TUI

1997

painted bits tangible bits

Page 25: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Tangible Bits

Physical embodiment ofdigital information and computation

Page 26: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Tangible Bits

March 1997“Tangible Bits” paper presented at CHI ‘97 in Atlanta

Page 27: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Urp: Urban Planning WorkbenchJohn Underkoffler and Hiroshi Ishii, 1997 - 1999

light reflections

digital shadows

wind

Page 28: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Eyes are in charge, but hands are underemployed.

Page 29: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

bottles

Page 30: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

SandScape 2003

Page 31: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Clay & Sand

Page 32: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

SandScape

Hiroshi Ishii,Carlo Ratti,Ben Piper, Yao Wang, andAssaf Biderman

Tangible Media GroupMIT Media Laboratory

Page 33: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Radical AtomsDynamic Future Material thatConform, Transform & Inform

tangible bits1997

radical atoms2012

Page 34: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Relief

Relief: A 2.5D Shape Display

Page 35: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

ReliefDaniel Leithinger and Hiroshi Ishii

Page 36: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Recomposebased on ReliefUIST 2011

Anthony DeVincenzi, David Lakatos,Matthew Blackshaw, Daniel Leithinger & Hiroshi Ishii

Page 37: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

TimeScapebased on Relief

Daniel Leithinger, Jinha Lee, Sean Follmer, Austin Lee, Matthew Chang & Hiroshi Ishii

Page 38: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

inFORMTangible Media Group

Daniel Leithinger, Sean Follmer, Alex Olwal, and Hiroshi Ishii

Page 39: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Fmag + mg = 0N

ZeroNJinha Lee, MIT Media LabRehmi Post, MIT Center for Bits and AtomsHiroshi Ishii, MIT Media Lab

Page 40: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

THE PHYSICAL WORLD

THE DIGITAL WORLD

GUI TUI RADICAL ATOMSPAINTEDBITS

TANGIBLEBITS

A Graphical User Interfaces only let users see digital information through a screen, as if looking through a surface of the water. We interact with the forms below through remote controls such as a mouse, a keyboard or a touch screen.

A Tangible User Interface is like an iceberg: there is a portion of the digital that emerges beyond the surface of the water - into the physical realm - that acts as physical manifestations of computation, allowing us to directly in-teract with the ‘tip of the iceberg.’

Radical Atoms is our vision for the future of interaction with hypothetical dynamic materials, in which all digital information has physical manifesta-tion so that we can interact directly with it - as if the iceberg had risen from the depths to reveal its sunken mass.

Page 41: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

理念vision

Page 42: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Envision & EmbodyInvent & Inspire

▶ The Future

Page 43: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

Thanks!June 21, 2013Cannes Lions Festival

Hiroshi ISHIIMIT Media Lab

Page 44: 2013-06-21 Cannes Lions ISHII - MIT Media Labweb.media.mit.edu/~ishii/tmp/2013-06-21_Cannes_Lions... · 2013-06-25 · ishii@media.mit.edu ishii@mit.edu Mail calendar contacts Google

The FutureJune 21, 2013Cannes Lions Festival

Hiroshi ISHIIMIT Media Lab