Upload
imetliao
View
11
Download
0
Tags:
Embed Size (px)
Citation preview
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 information through the physical environment.”
GaussBits, CHI 2013
http://www.cmlab.csie.ntu.edu.tw/~howieliang/GaussBits.html
ZeroN, UIST 2011
http://leejinha.com/ZeroN
Mobile Interactions
iGrasp, CHI 2011
https://www.youtube.com/watch?v=mw8LpB3xjxs
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.”
ZoomBoard, CHI 2013
http://www.chrisharrison.net/index.php/Research/Zoomboard
NailDisplay, CHI 2013
http://www.cmlab.csie.ntu.edu.tw/~domossu/NailDisplay.html
NailO, CHI 2015
https://www.youtube.com/watch?v=iaGSe5DtxYw
OmniTouch, UIST 2011
http://www.chrisharrison.net/index.php/Research/OmniTouch
Natural User Interface
• "Any sufficiently advanced technology is indistinguishable from magic.”
Leap Motion
https://www.leapmotion.com/
Project Soli
https://www.youtube.com/watch?v=0QNiZfSsPc0
喚體?
Pappilon
https://www.youtube.com/watch?v=hB85O3yy0zM
Transform
http://tangible.media.mit.edu/project/transform/
Wrigglo
https://www.youtube.com/watch?v=UhUUi5wUy4U
Bendi
https://www.youtube.com/watch?v=XobWS3ccxWg
Take Me by the Hand
https://www.ted.com/talks/fabian_hemmert_the_shape_shifting_future_of_the_mobile_phone#t-216832
Daily Support Robots that Move Around Body
https://www.youtube.com/watch?v=vNhBCCIrDRI&feature=youtu.be&t=2m33s
HoverBall
https://vimeo.com/107571617
Affordance ++
http://plopes.org/project/affordance-plus-plus/
How do objects communicate with human?
Think Different
https://www.youtube.com/watch?v=Rzu6zeLSWq8