hci introduction

29
HCI from Computer Science View Chichi Liao @ OpehHCI 7/ 17/ 2015

Upload: imetliao

Post on 11-Aug-2015

39 views

Category:

Engineering


7 download

TRANSCRIPT

Page 1: HCI Introduction

HCI    from  Computer  Science  View  

Chichi  Liao  @  OpehHCI    7/  17/  2015

Page 2: HCI Introduction

History  of  User  Interface

•  1964

Page 3: HCI Introduction

•  1994  

•  2004  

Page 4: HCI Introduction

•  2007  

•  2010  

Page 5: HCI Introduction

Mike  says…

•  Tangible  UI  •  Mobile  UI  •  Wearable  UI  •  Natural  UI

Page 6: HCI Introduction

Tangible  User  Interface

•  "A  tangible  user  interface  (TUI)  is  a  user  interface  in  which  a  person  interacts  with  digital  informaRon  through  the  physical  environment.”  

Page 7: HCI Introduction

GaussBits,  CHI  2013  

hZp://www.cmlab.csie.ntu.edu.tw/~howieliang/GaussBits.html

Page 8: HCI Introduction

ZeroN,  UIST  2011  

hZp://leejinha.com/ZeroN

Page 9: HCI Introduction

Mobile  InteracRons

Page 10: HCI Introduction

iGrasp,  CHI  2011  

hZps://www.youtube.com/watch?v=mw8LpB3xjxs

Page 11: HCI Introduction

Wearable  User  Interface

•  "Wearable  technology,  fashionable  technology,  wearable  devices,  tech  togs,  or  fashion  electronics  are  clothing  and  accessories  incorporaRng  computer  and  advanced  electronic  technologies.  The  designs  ocen  incorporate  pracRcal  funcRons  and  features,  but  may  also  have  a  purely  criRcal  or  aestheRc  agenda.”  

Page 12: HCI Introduction

ZoomBoard,  CHI  2013  

hZp://www.chrisharrison.net/index.php/Research/Zoomboard

Page 13: HCI Introduction

NailDisplay,  CHI  2013

hZp://www.cmlab.csie.ntu.edu.tw/~domossu/NailDisplay.html

Page 14: HCI Introduction

NailO,  CHI  2015  

hZps://www.youtube.com/watch?v=iaGSe5DtxYw

Page 15: HCI Introduction

OmniTouch,  UIST  2011

hZp://www.chrisharrison.net/index.php/Research/OmniTouch

Page 16: HCI Introduction

Natural  User  Interface

•  "Any  sufficiently  advanced  technology  is  indisRnguishable  from  magic.”  

Page 17: HCI Introduction

Leap  MoRon

hZps://www.leapmoRon.com/

Page 18: HCI Introduction

Project  Soli

hZps://www.youtube.com/watch?v=0QNiZfSsPc0

Page 19: HCI Introduction

喚體?

Page 20: HCI Introduction

Pappilon

hZps://www.youtube.com/watch?v=hB85O3yy0zM

Page 21: HCI Introduction

Transform

hZp://tangible.media.mit.edu/project/transform/

Page 22: HCI Introduction

Wrigglo

hZps://www.youtube.com/watch?v=UhUUi5wUy4U

Page 23: HCI Introduction

Bendi

hZps://www.youtube.com/watch?v=XobWS3ccxWg

Page 24: HCI Introduction

Take  Me  by  the  Hand

hZps://www.ted.com/talks/fabian_hemmert_the_shape_shicing_future_of_the_mobile_phone#t-­‐216832

Page 25: HCI Introduction

Daily  Support  Robots  that  Move  Around  Body

hZps://www.youtube.com/watch?v=vNhBCCIrDRI&feature=youtu.be&t=2m33s

Page 26: HCI Introduction

HoverBall

hZps://vimeo.com/107571617

Page 27: HCI Introduction

Affordance  ++

hZp://plopes.org/project/affordance-­‐plus-­‐plus/

Page 28: HCI Introduction

How  do  objects  communicate  with  human?

Page 29: HCI Introduction

Think  Different

hZps://www.youtube.com/watch?v=Rzu6zeLSWq8