interaction design beyond the screen · interaction design beyond the screen prof. dr. ing. jelle...

49
INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien [email protected] © GHENT UNIVERSITY

Upload: others

Post on 27-May-2020

11 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

INTERACTION DESIGN

BEYOND THE SCREEN

Prof. dr. ing. Jelle Saldien – [email protected]

© GHENT UNIVERSITY

Page 2: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

INDUSTRIAL DESIGN CENTER

2 © GHENT UNIVERSITY

(RE)CREATING

THE INDUSTRY

Page 3: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

FROM PRODUCT

TO EXPERIENCE

Page 4: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

© Bill Verplank

Page 5: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

FUN

USABILITY

FUNCTION

© GHENT UNIVERSITY

Page 6: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY
Page 7: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

7 © GHENT UNIVERSITY

we are preparing

students for MAKING products / processes / services

that don’t yet exist.

INDUSTRIAL DESIGN ENGINEERING

Page 8: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

8 © GHENT UNIVERSITY

MAKING = LEARNING

MIT’s SANDBOX CULTURE

INDUSTRIAL DESIGN ENGINEERING

Page 9: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

Hacker Culture

’70 - Silicon Valley

INDUSTRIAL DESIGN ENGINEERING

9

Page 10: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

10

DIY PHILOSOPHY

Page 11: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

DIY TOOLS

FABLABS !!

11 © GHENT UNIVERSITY

Page 12: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

DIY TOOLS

PROTOTYPING ELECTRONICS

12 © GHENT UNIVERSITY

ARDUINO RASPBERRY PI MAKEY MAKEY

Page 13: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

DIY TOOLS

MAKEY MAKEY.com

Page 14: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

15 © GHENT UNIVERSITY

GAME INTERFACES – TIII.be

SKYDIVE-ABCOACH

Page 15: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

EATING PACMAN

16 © GHENT UNIVERSITY

GAME INTERFACES – TIII.be

Page 16: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

DIY TOOLS

PARTICIPATORY DESIGN

Start with sketching User Experiences and involve users

17 © GHENT UNIVERSITY

Page 17: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

FUTURE USER INTERFACES

NUI - NATURAL USER INTERFACES

TUI - TANGIBLE USER INTERFACES

RUI - ROBOTIC USER INTERFACES

Page 18: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

FUTURE USER INTERFACES

NUI - NATURAL USER INTERFACES

Page 19: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

© Dennis Wixon

NUI – NATURAL USER INTERFACES

Page 20: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NATURAL INTERFACE ?

Page 21: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

DISNEY RESEARCH – BOTANICUS INTERACTICUS

Page 22: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

STUDENT WORK @ UGENT – CURRENT STORIES

© GHENT UNIVERSITY

Page 23: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

STUDENT WORK @ UGENT – CURRENT STORIES

© GHENT UNIVERSITY

Page 24: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

STUDENT WORK @ UGENT – CURRENT STORIES

© GHENT UNIVERSITY

Page 25: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

ROBOROACH – BACKYARD BRAINS

NUI - NATURAL USER INTERFACE

Page 26: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

ROBOROACH – BACKYARD BRAINS

NUI - NATURAL USER INTERFACE

Page 27: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

STUDENT WORK @ UGENT – WHACK A MOUSE

© GHENT UNIVERSITY

Page 28: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

STUDENT WORK @ UGENT – WHACK A MOUSE

© GHENT UNIVERSITY

Page 29: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

© GHENT UNIVERSITY

STUDENT WORK @ UGENT – EMUSE

Page 30: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NUI - NATURAL USER INTERFACE

STUDENT WORK @ UGENT – EMUSE

© GHENT UNIVERSITY

Page 31: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

FUTURE USER INTERFACES

TUI - TANGIBLE USER INTERFACES

Page 32: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

Hiroshi Ishii (2012)

TUI - TANGIBLE USER INTERFACE

Page 33: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

inFORM – TANGIBLE MEDIA GROUP

TUI - TANGIBLE USER INTERFACE

Page 34: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

STUDENT WORK @ UGENT – EXOTACT

© GHENT UNIVERSITY

Page 35: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

STUDENT WORK @ UGENT – EXOTACT

© GHENT UNIVERSITY

Page 36: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

STUDENT WORK @ UGENT – SHARETREE

© GHENT UNIVERSITY

Page 37: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

STUDENT WORK @ UGENT – SHARETREE

© GHENT UNIVERSITY

Page 38: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

STUDENT WORK @ UGENT – VIDO

© GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

Page 39: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

STUDENT WORK @ UGENT – VIDO

© GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

Page 40: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

STUDENT WORK @ UGENT – VIDO

© GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

Page 41: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

STUDENT WORK @ UGENT – VIDO

© GHENT UNIVERSITY

TUI - TANGIBLE USER INTERFACE

Page 42: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

FUTURE USER INTERFACES

RUI - ROBOTIC USER INTERFACES

Page 43: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

RUI - ROBOTIC USER INTERFACE

PHD WORK @ UGENT – OPSORO.be

© GHENT UNIVERSITY

Page 44: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

RUI - ROBOTIC USER INTERFACE

© GHENT UNIVERSITY

PHD WORK @ UGENT – OPSORO.be

Page 45: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

RUI - ROBOTIC USER INTERFACE

© GHENT UNIVERSITY

PHD WORK @ UGENT – OPSORO.be

Page 46: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NEED FOR NEW INTERFACES ?

MOBILE LOVERS - BANKSY

Page 47: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

NEED FOR NEW INTERFACES ?

MOBILE LOVERS - BANKSY

Page 48: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

THANK YOU

EVERYBODY CAN MAKE STUFF !

THE ONLY LIMITATION IS YOUR IMAGINATION

Page 49: INTERACTION DESIGN BEYOND THE SCREEN · INTERACTION DESIGN BEYOND THE SCREEN Prof. dr. ing. Jelle Saldien – jelle.saldien@ugent.be © GHENT UNIVERSITY

Prof. dr. Jelle Saldien

[email protected] +32 485 271981

http://www.ugent.be/ea/isp/en/research/industrial-design-center

CONTACT