hci introduction

HCI    from  Computer  Science  View  

Chichi  Liao  @  OpehHCI    7/  17/  2015

History  of  User  Interface

•  1964

•  1994  

•  2004  

•  2007  

•  2010  

Mike  says…

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

Tangible  User  Interface

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

GaussBits,  CHI  2013  

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

ZeroN,  UIST  2011  

hZp://leejinha.com/ZeroN

Mobile  InteracRons

iGrasp,  CHI  2011  

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

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.”  

ZoomBoard,  CHI  2013  

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

NailDisplay,  CHI  2013

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

NailO,  CHI  2015  

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

OmniTouch,  UIST  2011

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

Natural  User  Interface

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

Leap  MoRon

hZps://www.leapmoRon.com/

Project  Soli

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

喚體？

Pappilon

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

Transform

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

Wrigglo

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

Bendi

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

Take  Me  by  the  Hand

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

Daily  Support  Robots  that  Move  Around  Body

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

HoverBall

hZps://vimeo.com/107571617

Affordance  ++

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

How  do  objects  communicate  with  human?

Think  Different

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