SlideShare une entreprise Scribd logo
1  sur  40
Human-Computer Interaction's 543 Yu-Hsuan Lin [email_address]
[object Object],5  Theories 4  Works 3  Self-studies
5 Theories
Three Conceptual Models ,[object Object],From Norman, 1986.
Three Conceptual Models ,[object Object],From Norman, 1986.
Three Conceptual Models ,[object Object],From Norman, 1986.
Three Conceptual Models ,[object Object],From Norman, 1986.
Three Conceptual Models ,[object Object],From Norman, 1986.
 
Affordance Form Follows Function
Um, which door? ,[object Object]
 
Fitts' law
Tangible User Interface (TUI) v.s Graphic User Interface (GUI)
  Gestalt  Principle
Closure                       //Gestalt Principle ,[object Object]
Closure                       //Gestalt Principle ,[object Object]
Continuity                   //Gestalt Principle ,[object Object]
Continuity                   //Gestalt Principle ,[object Object]
Similarity                     //Gestalt Principle ,[object Object]
Proximity                     //Gestalt Principle ,[object Object]
Embodiment by Fishkin, 2004
4 Works
Marble Answering Machine ,[object Object]
 
[object Object]
[object Object]
Touch Projector ,[object Object]
iRis ,[object Object]
3 Self-studies
TurnOver ,[object Object]
 
 
 
 
 
UbiComp final project 2011 Yu-Hsuan Lin [email_address]
 
Reference ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank You!

Contenu connexe

Similaire à HCI’s 543

A theoretical model of differential social attributions toward computing tech...
A theoretical model of differential social attributions toward computing tech...A theoretical model of differential social attributions toward computing tech...
A theoretical model of differential social attributions toward computing tech...
UltraUploader
 
SATANJEEV BANERJEE
SATANJEEV BANERJEESATANJEEV BANERJEE
SATANJEEV BANERJEE
butest
 
1994 Afstudeerverslag IPO
1994 Afstudeerverslag IPO1994 Afstudeerverslag IPO
1994 Afstudeerverslag IPO
Guido Leenders
 
4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...
4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...
4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...
RIILP
 
Tuple-Based Coordination in Large-Scale Situated Systems
Tuple-Based Coordination in Large-Scale Situated SystemsTuple-Based Coordination in Large-Scale Situated Systems
Tuple-Based Coordination in Large-Scale Situated Systems
Roberto Casadei
 
Desney S Tan Curriculum Vitae
Desney S Tan Curriculum VitaeDesney S Tan Curriculum Vitae
Desney S Tan Curriculum Vitae
butest
 
Desney S Tan Curriculum Vitae
Desney S Tan Curriculum VitaeDesney S Tan Curriculum Vitae
Desney S Tan Curriculum Vitae
butest
 
LiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptx
LiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptxLiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptx
LiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptx
VishnuRajuV
 
Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...
Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...
Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...
Periquest Ltd
 

Similaire à HCI’s 543 (20)

A theoretical model of differential social attributions toward computing tech...
A theoretical model of differential social attributions toward computing tech...A theoretical model of differential social attributions toward computing tech...
A theoretical model of differential social attributions toward computing tech...
 
Musstanser Avanzament 4 (Final No Animation)
Musstanser   Avanzament 4 (Final   No Animation)Musstanser   Avanzament 4 (Final   No Animation)
Musstanser Avanzament 4 (Final No Animation)
 
Top 5 most viewed articles from academia in 2019 -
Top 5 most viewed articles from academia in 2019 - Top 5 most viewed articles from academia in 2019 -
Top 5 most viewed articles from academia in 2019 -
 
Using Augmented Reality to Create Empathic Experiences
Using Augmented Reality to Create Empathic ExperiencesUsing Augmented Reality to Create Empathic Experiences
Using Augmented Reality to Create Empathic Experiences
 
18 786
18 78618 786
18 786
 
SATANJEEV BANERJEE
SATANJEEV BANERJEESATANJEEV BANERJEE
SATANJEEV BANERJEE
 
1994 Afstudeerverslag IPO
1994 Afstudeerverslag IPO1994 Afstudeerverslag IPO
1994 Afstudeerverslag IPO
 
Tangible & Embodied Interaction @RSE11
Tangible & Embodied Interaction @RSE11Tangible & Embodied Interaction @RSE11
Tangible & Embodied Interaction @RSE11
 
4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...
4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...
4. Josef Van Genabith (DCU) & Khalil Sima'an (UVA) Example Based Machine Tran...
 
Tuple-Based Coordination in Large-Scale Situated Systems
Tuple-Based Coordination in Large-Scale Situated SystemsTuple-Based Coordination in Large-Scale Situated Systems
Tuple-Based Coordination in Large-Scale Situated Systems
 
Desney S Tan Curriculum Vitae
Desney S Tan Curriculum VitaeDesney S Tan Curriculum Vitae
Desney S Tan Curriculum Vitae
 
Desney S Tan Curriculum Vitae
Desney S Tan Curriculum VitaeDesney S Tan Curriculum Vitae
Desney S Tan Curriculum Vitae
 
Methodological Approach for Mobile Studies
Methodological Approach for Mobile StudiesMethodological Approach for Mobile Studies
Methodological Approach for Mobile Studies
 
A survey on approaches for performing sentiment analysis ijrset october15
A survey on approaches for performing sentiment analysis ijrset october15A survey on approaches for performing sentiment analysis ijrset october15
A survey on approaches for performing sentiment analysis ijrset october15
 
Exploring Big Data Landscapes with Elastic Displays
Exploring Big Data Landscapes with Elastic DisplaysExploring Big Data Landscapes with Elastic Displays
Exploring Big Data Landscapes with Elastic Displays
 
Trans-Disciplinary Practice week 6
Trans-Disciplinary Practice week 6Trans-Disciplinary Practice week 6
Trans-Disciplinary Practice week 6
 
LiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptx
LiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptxLiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptx
LiDeng-BerlinOct2015-ASR-GenDisc-4by3.pptx
 
History of F#, and the ML family of languages.
History of F#, and the ML family of languages. History of F#, and the ML family of languages.
History of F#, and the ML family of languages.
 
Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...
Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...
Exploring the Order of Precedence when Using Contextual Dimensions for Mobile...
 
6 x 9 = 42
6 x 9 = 426 x 9 = 42
6 x 9 = 42
 

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

HCI’s 543

Notes de l'éditeur

  1. The design model is the conceptualization that the designer has in mind.  The user's model is what the user develops to explain the operation of the system.  Ideally,  the user's model and  the design model are equivalent.  However, the user and designer communicate only through the system itself:  its physical appearance, its operation, the way it responds, and the manuals and instructions that accompany it. Thus the system image  is critical: the designer must ensure that everything about the product is consistent with and exemplifies the operation of the proper conceptual model. All three aspects are important. The user's model is essential, of course, for that determines what is understood. In turn, it is up to the designer to start with a design model that is functional, learnable, and usable. The designer must ensure that the system reveals the appropriate system image. Only then can the user acquire the proper user's model and find support for the translation of intentions into actions and system state into interpretations. Remember, the user acquires all knowledge of  the system from that system image.
  2. The design model is the conceptualization that the designer has in mind.  The user's model is what the user develops to explain the operation of the system.  Ideally,  the user's model and  the design model are equivalent.  However, the user and designer communicate only through the system itself:  its physical appearance, its operation, the way it responds, and the manuals and instructions that accompany it. Thus the system image  is critical: the designer must ensure that everything about the product is consistent with and exemplifies the operation of the proper conceptual model. All three aspects are important. The user's model is essential, of course, for that determines what is understood. In turn, it is up to the designer to start with a design model that is functional, learnable, and usable. The designer must ensure that the system reveals the appropriate system image. Only then can the user acquire the proper user's model and find support for the translation of intentions into actions and system state into interpretations. Remember, the user acquires all knowledge of  the system from that system image.
  3. The design model is the conceptualization that the designer has in mind.  The user's model is what the user develops to explain the operation of the system.  Ideally,  the user's model and  the design model are equivalent.  However, the user and designer communicate only through the system itself:  its physical appearance, its operation, the way it responds, and the manuals and instructions that accompany it. Thus the system image  is critical: the designer must ensure that everything about the product is consistent with and exemplifies the operation of the proper conceptual model. All three aspects are important. The user's model is essential, of course, for that determines what is understood. In turn, it is up to the designer to start with a design model that is functional, learnable, and usable. The designer must ensure that the system reveals the appropriate system image. Only then can the user acquire the proper user's model and find support for the translation of intentions into actions and system state into interpretations. Remember, the user acquires all knowledge of  the system from that system image.
  4. The design model is the conceptualization that the designer has in mind.  The user's model is what the user develops to explain the operation of the system.  Ideally,  the user's model and  the design model are equivalent.  However, the user and designer communicate only through the system itself:  its physical appearance, its operation, the way it responds, and the manuals and instructions that accompany it. Thus the system image  is critical: the designer must ensure that everything about the product is consistent with and exemplifies the operation of the proper conceptual model. All three aspects are important. The user's model is essential, of course, for that determines what is understood. In turn, it is up to the designer to start with a design model that is functional, learnable, and usable. The designer must ensure that the system reveals the appropriate system image. Only then can the user acquire the proper user's model and find support for the translation of intentions into actions and system state into interpretations. Remember, the user acquires all knowledge of  the system from that system image.
  5. The design model is the conceptualization that the designer has in mind.  The user's model is what the user develops to explain the operation of the system.  Ideally,  the user's model and  the design model are equivalent.  However, the user and designer communicate only through the system itself:  its physical appearance, its operation, the way it responds, and the manuals and instructions that accompany it. Thus the system image  is critical: the designer must ensure that everything about the product is consistent with and exemplifies the operation of the proper conceptual model. All three aspects are important. The user's model is essential, of course, for that determines what is understood. In turn, it is up to the designer to start with a design model that is functional, learnable, and usable. The designer must ensure that the system reveals the appropriate system image. Only then can the user acquire the proper user's model and find support for the translation of intentions into actions and system state into interpretations. Remember, the user acquires all knowledge of  the system from that system image.
  6. "the term affordance refers to the perceived and actual properties of the thing Affordances provide strong clues to the operations of things" for example, a door can have the affordance of 'openability' it should tell you how to open the door, right? but look at the picture, the handle is a hand, should I push it, pull it, or.... shake it?
  7. T  is the average of the total operation time. D  is the distance from the starting point to the center of the target. W  is the width of the target measured along the axis of motion. The Start button in Windows is seemingly located in an ideal place for fast acquisition, and in recent versions of Windows that’s certainly true. Prior to Windows 2000, however, the Start button had a single “dead” pixel along the left and bottom sides of it in which clicking didn’t open the Start menu. The result: slower acquisition times and a startling number of missed clicks.
  8. GUI easy to program lowcost ex. iOS, Android, but  TUI more natural physical property sometimes they are difficult to choose which is better
  9. they combine the smartphone and the book, so we can still flip the page, but its contents are more dynamic, also, the smartphone has a lot of sensors, ex microphone, accelerometer, touch-screen combine with books will be more interesting and more participating
  10. Author: David Merril, Jeevan Kalanithi (both from MIT Media Laboratory, Cambridge, MA) Year: 2007(paper), 2009(TED) From: MIT Media Lab Paper:  Siftables: Towards Sensor Network User Interfaces, 2007 ACM Website:  http://sifteo.com/ every block have small screen, accelerometer, infrared sensor, they can sense how many blocks are connected, 4 sides, so 4 blocks at most children are easily to construct these blocks, also, because of the accelerometer, these blocks  can simulate tilt motion like pouring, merging colors, etc.
  11. They also had a great presentation at TED, we can watch it later:) we have seen two examples for children, now let's talk about the elders.
  12. they can drag and drop between  the screens
  13. actually children and elders have something in common. For example, they may not familiar with computers. especially to elders, their eyesight is poor. they can't type keyboard on the phone, so sms, email is not work for them, but for us, we often use these things to communicate with each other
  14. Patience