hci intro open_hci
TRANSCRIPT
![Page 1: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/1.jpg)
HCI from Computer Science View
Chichi Liao @ OpehHCI 7/ 17/ 2015
![Page 2: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/2.jpg)
History of User Interface
• 1964
![Page 3: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/3.jpg)
• 1994
• 2004
![Page 4: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/4.jpg)
• 2007
• 2010
![Page 5: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/5.jpg)
Mike says…
• Tangible UI• Mobile UI• Wearable UI• Natural UI
![Page 6: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/6.jpg)
Tangible User Interface
• "A tangible user interface (TUI) is a user interface in which a person interacts with digital information through the physical environment.”
![Page 7: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/7.jpg)
GaussBits, CHI 2013
http://www.cmlab.csie.ntu.edu.tw/~howieliang/GaussBits.html
![Page 8: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/8.jpg)
ZeroN, UIST 2011
http://leejinha.com/ZeroN
![Page 9: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/9.jpg)
Mobile Interactions
![Page 10: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/10.jpg)
iGrasp, CHI 2011
https://www.youtube.com/watch?v=mw8LpB3xjxs
![Page 11: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/11.jpg)
Wearable User Interface
• "Wearable technology, fashionable technology, wearable devices, tech togs, or fashion electronics are clothing and accessories incorporating computer and advanced electronic technologies. The designs often incorporate practical functions and features, but may also have a purely critical or aesthetic agenda.”
![Page 12: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/12.jpg)
ZoomBoard, CHI 2013
http://www.chrisharrison.net/index.php/Research/Zoomboard
![Page 13: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/13.jpg)
NailDisplay, CHI 2013
http://www.cmlab.csie.ntu.edu.tw/~domossu/NailDisplay.html
![Page 14: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/14.jpg)
NailO, CHI 2015
https://www.youtube.com/watch?v=iaGSe5DtxYw
![Page 15: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/15.jpg)
OmniTouch, UIST 2011
http://www.chrisharrison.net/index.php/Research/OmniTouch
![Page 16: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/16.jpg)
Natural User Interface
• "Any sufficiently advanced technology is indistinguishable from magic.”
![Page 17: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/17.jpg)
Leap Motion
https://www.leapmotion.com/
![Page 18: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/18.jpg)
Project Soli
https://www.youtube.com/watch?v=0QNiZfSsPc0
![Page 19: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/19.jpg)
喚體?
![Page 20: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/20.jpg)
Pappilon
https://www.youtube.com/watch?v=hB85O3yy0zM
![Page 21: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/21.jpg)
Transform
http://tangible.media.mit.edu/project/transform/
![Page 22: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/22.jpg)
Wrigglo
https://www.youtube.com/watch?v=UhUUi5wUy4U
![Page 23: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/23.jpg)
Bendi
https://www.youtube.com/watch?v=XobWS3ccxWg
![Page 24: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/24.jpg)
Take Me by the Hand
https://www.ted.com/talks/fabian_hemmert_the_shape_shifting_future_of_the_mobile_phone#t-216832
![Page 25: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/25.jpg)
Daily Support Robots that Move Around Body
https://www.youtube.com/watch?v=vNhBCCIrDRI&feature=youtu.be&t=2m33s
![Page 26: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/26.jpg)
HoverBall
https://vimeo.com/107571617
![Page 27: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/27.jpg)
Affordance ++
http://plopes.org/project/affordance-plus-plus/
![Page 28: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/28.jpg)
How do objects communicate with human?
![Page 29: Hci intro open_hci](https://reader033.vdocuments.mx/reader033/viewer/2022052414/55ca0b35bb61eb68548b4589/html5/thumbnails/29.jpg)
Think Different
https://www.youtube.com/watch?v=Rzu6zeLSWq8