SlideShare a Scribd company logo
1 of 29
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#
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

More Related Content

Similar to Hci intro open_hci

HCI Introduction
HCI IntroductionHCI Introduction
HCI Introductionimetliao
 
Self and Society_Lecture at Hong Kong Institute of Education
Self and Society_Lecture at Hong Kong Institute of EducationSelf and Society_Lecture at Hong Kong Institute of Education
Self and Society_Lecture at Hong Kong Institute of EducationElliot Leung
 
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
 Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Canada MoodleMoot 2013 - Mobile Learning: A User Experience PerspectivePaul Hibbitts
 
ICT for Educators Presentation
ICT for Educators PresentationICT for Educators Presentation
ICT for Educators PresentationJeremy Roberts
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzichtErik Duval
 
Human Computer Interaction: Academia and Industry
Human Computer Interaction: Academia and IndustryHuman Computer Interaction: Academia and Industry
Human Computer Interaction: Academia and Industrystudiotelon
 
Historian to hacker in 48 hours: What can humanists offer at GovHack and what...
Historian to hacker in 48 hours: What can humanists offer at GovHack and what...Historian to hacker in 48 hours: What can humanists offer at GovHack and what...
Historian to hacker in 48 hours: What can humanists offer at GovHack and what...Jo Hawkins
 
Tangible User Interface Showcase
Tangible User Interface ShowcaseTangible User Interface Showcase
Tangible User Interface ShowcaseSimone Mora
 
The Potential and Challenges of Today's AI
The Potential and Challenges of Today's AIThe Potential and Challenges of Today's AI
The Potential and Challenges of Today's AIBohyun Kim
 
Transformingtechnologies session9
Transformingtechnologies session9Transformingtechnologies session9
Transformingtechnologies session9sarahattersley
 
Latest trends in information technology
Latest trends in information technologyLatest trends in information technology
Latest trends in information technologyAtifa Aqueel
 
informationtech1-180930175759.pptx
informationtech1-180930175759.pptxinformationtech1-180930175759.pptx
informationtech1-180930175759.pptxjaspreetkaur908049
 
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case StudyETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case StudyPaul Hibbitts
 
Aligning Open, Physical, and Virtual Learning Spaces in the CIS Sandbox
Aligning Open, Physical, and Virtual Learning Spaces in the CIS SandboxAligning Open, Physical, and Virtual Learning Spaces in the CIS Sandbox
Aligning Open, Physical, and Virtual Learning Spaces in the CIS SandboxMark Frydenberg
 
Learning in a Changing World: Racing against Time
Learning in a Changing World: Racing against TimeLearning in a Changing World: Racing against Time
Learning in a Changing World: Racing against TimeJudy O'Connell
 
Advanced hci in hybrid learning scenariov3
Advanced hci in hybrid learning scenariov3Advanced hci in hybrid learning scenariov3
Advanced hci in hybrid learning scenariov3manou2008
 

Similar to Hci intro open_hci (20)

HCI Introduction
HCI IntroductionHCI Introduction
HCI Introduction
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer Interaction
 
Self and Society_Lecture at Hong Kong Institute of Education
Self and Society_Lecture at Hong Kong Institute of EducationSelf and Society_Lecture at Hong Kong Institute of Education
Self and Society_Lecture at Hong Kong Institute of Education
 
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
 Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
Canada MoodleMoot 2013 - Mobile Learning: A User Experience Perspective
 
ICT for Educators Presentation
ICT for Educators PresentationICT for Educators Presentation
ICT for Educators Presentation
 
Ioe orientation
Ioe orientationIoe orientation
Ioe orientation
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Human Computer Interaction: Academia and Industry
Human Computer Interaction: Academia and IndustryHuman Computer Interaction: Academia and Industry
Human Computer Interaction: Academia and Industry
 
Historian to hacker in 48 hours: What can humanists offer at GovHack and what...
Historian to hacker in 48 hours: What can humanists offer at GovHack and what...Historian to hacker in 48 hours: What can humanists offer at GovHack and what...
Historian to hacker in 48 hours: What can humanists offer at GovHack and what...
 
Tangible User Interface Showcase
Tangible User Interface ShowcaseTangible User Interface Showcase
Tangible User Interface Showcase
 
Chi overview
Chi overviewChi overview
Chi overview
 
The Potential and Challenges of Today's AI
The Potential and Challenges of Today's AIThe Potential and Challenges of Today's AI
The Potential and Challenges of Today's AI
 
Transformingtechnologies session9
Transformingtechnologies session9Transformingtechnologies session9
Transformingtechnologies session9
 
Latest trends in information technology
Latest trends in information technologyLatest trends in information technology
Latest trends in information technology
 
informationtech1-180930175759.pptx
informationtech1-180930175759.pptxinformationtech1-180930175759.pptx
informationtech1-180930175759.pptx
 
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case StudyETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
 
CHI overzicht
CHI overzichtCHI overzicht
CHI overzicht
 
Aligning Open, Physical, and Virtual Learning Spaces in the CIS Sandbox
Aligning Open, Physical, and Virtual Learning Spaces in the CIS SandboxAligning Open, Physical, and Virtual Learning Spaces in the CIS Sandbox
Aligning Open, Physical, and Virtual Learning Spaces in the CIS Sandbox
 
Learning in a Changing World: Racing against Time
Learning in a Changing World: Racing against TimeLearning in a Changing World: Racing against Time
Learning in a Changing World: Racing against Time
 
Advanced hci in hybrid learning scenariov3
Advanced hci in hybrid learning scenariov3Advanced hci in hybrid learning scenariov3
Advanced hci in hybrid learning scenariov3
 

Hci intro open_hci