SlideShare ist ein Scribd-Unternehmen logo
1 von 46
 A taxonomy for analysis of tangible interface -可觸知介面分析- By Kenneth P. Fishkin
Defining TUIs(可觸知使用者介面) At CHI 1997, Hiroshi Ishii & Brett Ullmer:“Tangible User Interfaces” (TUIs) = user interfaces that “augment the real physical world by coupling digital information to everyday physical objects and environments”. -Narrower defination= No distinction between input and output.
Kenneth P. Fishkin’sFramework Someinput eventoccurs. This input event is typically a physical manipulation performed by a user with their hands on some “everyday physical object”, such as tilting, shaking, squeezing, pushing, or most often moving.  A computer system sensesthis input event, and alters its state. The system provides feedback. This output eventis via a change in the physical nature of some object – it alters its display surface, grows, shrinks, makes a sound, gives haptic feedback, etc.
Ataxonomy for analysis Use metaphor(譬喻) and embodiment (體現) as it two axes -Embodiment (體現) 1.Reflects how closely output is tied to input 2.Does the user have the illusion of the system state being “inside” the object that is manipulated? 3.Fishkin proposes a four-level scale ,[object Object]
Nearby
Environmental
Distant,[object Object]
Ataxonomy for analysis-embodiment (體現)     1.Full-Gummi:bending
Ataxonomy for analysis-embodiment (體現) 1.Full-Platybus Amoeba: petting pet Platypus Amoeba emits small noises and a faint glow until a hand is moved over the soft skin and Platy gives a pleasant coo. Petting Platy has made it happy. What will more petting do? Perhaps you excite Platy and are rewarded with a display of colors or maybe it is displeased and truculent. Platy's reactions give you information as you use petting to interface with Platy and understand how Platy wants to be petted.
Ataxonomy for analysis-embodiment (體現) 2.Nearby-I/O Brush: the world as the palette
Ataxonomy for analysis-embodiment (體現) 2.Nearby-I/O Brush: the world as the palette Robust design Pressure sensing Paint history Paint palette Orientation sensing
Ataxonomy for analysis-embodiment (體現) 2.Nearby-I/O Brush: the world as the palette http://tmg-video.media.mit.edu/iobrush/iobrush_350x240.mpg
Ataxonomy for analysis-embodiment (體現) 2.Nearby-metaDESK “PassiveLens” “ActiveLens” “The Great Dome” “Phicon(物理像)” “Instrument” http://tangible.media.mit.edu/projects/metadesk/metadesk_352x240.mpg
Ataxonomy for analysis-embodiment (體現) 2.Nearby-metaDESK input: rotation and translation Input object: indicative of a building output : altered display of the workspace output object : augmented desktop
Ataxonomy for analysis-embodiment (體現) 2.Nearby-photo cube
Ataxonomy for analysis-embodiment (體現) 2.Nearby-photo cube input: spatial motion with orientation Input object: one everyday object output : altered display output object : non-everyday object
Ataxonomy for analysis-embodiment (體現) 2.Nearby-Bricks http://tmg-video.media.mit.edu/bricks/bricks_240x160.mpg Ishii, 1995: Tangible Bricks
Ataxonomy for analysis-embodiment (體現) 3.Environmental -TooTown http://tw.videos.search.yahoo.com/video/play?p=TooTown&ei=UTF-8&fr=yfp&fr2=tab-web&vid=0001311141943
Ataxonomy for analysis-embodiment (體現) 3.Environmental -TooTown input: change of position Input object: two representative objects output : audio changes
Ataxonomy for analysis-embodiment (體現) 4.Distant –TV Remote Control, Doll’s Head
Ataxonomy for analysis-embodiment (體現) 5. Nearby& Environmental–PingPongPlus(Ishii et al., 1999) Full & Environmental -Platypus Amoeba Makes sounds  Environmental Responds to patting  Full http://tmg-video.media.mit.edu/pingpongplus/pingpongplus_240x160.mpg
Ataxonomy for analysis-Metaphor (譬喻) “figure of speech in which a word or phrase literally denoting one kind of object or idea is used in place of another to suggest a likeness or analogy between them” (Merriam-Webster) ,[object Object],Can use a variety of attributes: shape, size, color, weight, smell, texture, … Here: Is the system effect of a user action analogous to the real-world effect of similar actions? Fishkin proposes two sub-dimensions: ,[object Object]
Motion of object  “metaphor of verb”,[object Object]
Ataxonomy for analysis-Metaphor (譬喻) -Noun metaphor Analogy : An<X> in our system is like an <X>in the real word=Object  looks like the real thing Actions are at most weakly related to real-world actions=They share the same action
Ataxonomy for analysis-Metaphor (譬喻) -Noun metaphor ex. 1.Navigational blocks 2.Tagged objects
Ataxonomy for analysis-Metaphor (譬喻) -Verb metaphor Analogy : <X>-ingin our system is <X>-ing in the real word =Object acts like thereal thing Shape of object irrelevant
Shaking erases screen Ataxonomy for analysis-Metaphor (譬喻) -Verb metaphor ex. 1.Shakepad
Ataxonomy for analysis-Metaphor (譬喻) -Noun & Verb metaphor ex. Analogy : <X>-ing amn<A>in our system is like <X>-ingsomething <A>-ish inthe real word 1.Urp 2.TooTown 3.Drag-and-Drop
Ataxonomy for analysis-Metaphor (譬喻) -Full metaphor ex. Analogy : Really Direct Manipulation= The virtual system is the physical system 1.Illuminating Clay
Ataxonomy for analysis-Metaphor (譬喻) -Applications May Span Several Levels. 1.Barney system- Peek-A-Boo 2.Doll’s head 3.Bookmark URL
Culture anthropology -The cognitive of color RED Certain Western culture-danger (analogized to blood) China-vitality & happiness (analogized to fire) Japan-warmth & light (analogized to sun) India-none Cognitive psychology Evolution of cognition Industrial design Philosophy of science
None Verb Nounandverb Full Noun Metaphor Embodiment Full Nearby Environment Distant
Utility of the taxonomy  Comparing with other taxonomies ,[object Object],Helps in comparing characteristics of different designs Helps in finding missed possibilities Shows evolution of designs
Utility of the taxonomy  Containers: “generic objects used to move information between different devices or platforms.” Tools: “things which actively manipulate digital information.” Tokens: “objects that physically resemble the information they represent.”
None Verb Nounandverb Full Noun Metaphor Embodiment Tokens Tokens Full Nearby Tools Environment ? Distant Utility of the taxonomy  ? Containers Tools 33
LiveWire Bus Mobile Calm Computing No physical input from the user Examples (distant embodiment) 34
Calm Computing Metaphorical level ,[object Object]
Less  increased reusability, fewer limitationsDo you need a physical gizmo for every virtual widget? ,[object Object]
Research question: how to findthe right mix ofphysical & virtual?35
Evolution of the field -StoryMat Scenario ,[object Object]
As they move the device about, and tella story out loud, the story is recorded.
At a later time, the story can be played back, with the audio being reproduced, and the video being done by a projected animation.Categorization ,[object Object]
Metaphor of “noun and verb” (moving a toy in the physical world later moves a projected replica of the toy in that same physical world).36
Evolution of the field -Curlybot Scenario ,[object Object], are recorded. ,[object Object],back. Categorization ,[object Object]
Metaphor of “noun and verb” (moving a toy in the physical world later ,the toy move itself in that physical world).37
Evolution of the field -Curlybot 1.Creating a programming tool for children(> 4 years) 2.Tangibility 3.Supports development of mathematical thinking 4.Demonstrate creation of  geometrical shapes fromsimple elements 5.Supports immediate testing of ideas 38

Weitere ähnliche Inhalte

Was ist angesagt?

Research Directions in Transitional Interfaces
Research Directions in Transitional InterfacesResearch Directions in Transitional Interfaces
Research Directions in Transitional InterfacesMark Billinghurst
 
Lecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VRLecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VRMark Billinghurst
 
COSC 426 Lect. 6: Collaborative AR
COSC 426 Lect. 6: Collaborative ARCOSC 426 Lect. 6: Collaborative AR
COSC 426 Lect. 6: Collaborative ARMark Billinghurst
 
COMP 4010 - Lecture 2: Presence in Virtual Reality
COMP 4010 - Lecture 2: Presence in Virtual RealityCOMP 4010 - Lecture 2: Presence in Virtual Reality
COMP 4010 - Lecture 2: Presence in Virtual RealityMark Billinghurst
 
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 ExperiencesMark Billinghurst
 
Comp4010 Lecture9 VR Input and Systems
Comp4010 Lecture9 VR Input and SystemsComp4010 Lecture9 VR Input and Systems
Comp4010 Lecture9 VR Input and SystemsMark Billinghurst
 

Was ist angesagt? (6)

Research Directions in Transitional Interfaces
Research Directions in Transitional InterfacesResearch Directions in Transitional Interfaces
Research Directions in Transitional Interfaces
 
Lecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VRLecture 6 Interaction Design for VR
Lecture 6 Interaction Design for VR
 
COSC 426 Lect. 6: Collaborative AR
COSC 426 Lect. 6: Collaborative ARCOSC 426 Lect. 6: Collaborative AR
COSC 426 Lect. 6: Collaborative AR
 
COMP 4010 - Lecture 2: Presence in Virtual Reality
COMP 4010 - Lecture 2: Presence in Virtual RealityCOMP 4010 - Lecture 2: Presence in Virtual Reality
COMP 4010 - Lecture 2: Presence in Virtual Reality
 
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
 
Comp4010 Lecture9 VR Input and Systems
Comp4010 Lecture9 VR Input and SystemsComp4010 Lecture9 VR Input and Systems
Comp4010 Lecture9 VR Input and Systems
 

Ähnlich wie Analysis of Tangible Interfaces

Stork-Content, Cognition & Robotics
Stork-Content, Cognition & RoboticsStork-Content, Cognition & Robotics
Stork-Content, Cognition & RoboticsHans-Georg Stork
 
Spike timing dependent plasticity to make robot navigation more intelligent. ...
Spike timing dependent plasticity to make robot navigation more intelligent. ...Spike timing dependent plasticity to make robot navigation more intelligent. ...
Spike timing dependent plasticity to make robot navigation more intelligent. ...Lietuvos kompiuterininkų sąjunga
 
Introduction to Motion Tracking to Dance
Introduction to Motion Tracking to  DanceIntroduction to Motion Tracking to  Dance
Introduction to Motion Tracking to DanceMarlon Solano
 
Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015
Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015
Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015brophocles
 
Normal Considered Harmful
Normal Considered HarmfulNormal Considered Harmful
Normal Considered Harmfulgreenwop
 
Design Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the SomethingDesign Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the SomethingJulian Bleecker
 
Data Day Seattle, From NLP to AI
Data Day Seattle, From NLP to AIData Day Seattle, From NLP to AI
Data Day Seattle, From NLP to AIJonathan Mugan
 
Design Fiction @ Shift 2008
Design Fiction @ Shift 2008Design Fiction @ Shift 2008
Design Fiction @ Shift 2008Julian Bleecker
 
Construction of Self-consciousness based on Delay, Detour, and Multi-layer
Construction of Self-consciousness based on Delay, Detour, and Multi-layerConstruction of Self-consciousness based on Delay, Detour, and Multi-layer
Construction of Self-consciousness based on Delay, Detour, and Multi-layerYouichiro Miyake
 
Carla Diana's CHI2011 recap
Carla Diana's CHI2011 recapCarla Diana's CHI2011 recap
Carla Diana's CHI2011 recapCarla Diana
 
Artificial Agents Without Ontological Access to Reality
Artificial Agents Without Ontological Access to RealityArtificial Agents Without Ontological Access to Reality
Artificial Agents Without Ontological Access to Realityogeorgeon
 
Object? You Keep Using that Word
Object? You Keep Using that WordObject? You Keep Using that Word
Object? You Keep Using that WordKevlin Henney
 
From Natural Language Processing to Artificial Intelligence
From Natural Language Processing to Artificial IntelligenceFrom Natural Language Processing to Artificial Intelligence
From Natural Language Processing to Artificial IntelligenceJonathan Mugan
 
Extending the Mind with Cognitive Prosthetics?
Extending the Mind with Cognitive Prosthetics? Extending the Mind with Cognitive Prosthetics?
Extending the Mind with Cognitive Prosthetics? PhiloWeb
 
Final Year Project 1 Presentation
Final Year Project 1 PresentationFinal Year Project 1 Presentation
Final Year Project 1 Presentationimzulkifli
 

Ähnlich wie Analysis of Tangible Interfaces (20)

Stork-Content, Cognition & Robotics
Stork-Content, Cognition & RoboticsStork-Content, Cognition & Robotics
Stork-Content, Cognition & Robotics
 
Spike timing dependent plasticity to make robot navigation more intelligent. ...
Spike timing dependent plasticity to make robot navigation more intelligent. ...Spike timing dependent plasticity to make robot navigation more intelligent. ...
Spike timing dependent plasticity to make robot navigation more intelligent. ...
 
Introduction to Motion Tracking to Dance
Introduction to Motion Tracking to  DanceIntroduction to Motion Tracking to  Dance
Introduction to Motion Tracking to Dance
 
Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015
Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015
Polyglot Micro-Services with a Dash of Wittgenstein - PolyConf 2015
 
Normal Considered Harmful
Normal Considered HarmfulNormal Considered Harmful
Normal Considered Harmful
 
Haptic system by mps su
Haptic system by mps suHaptic system by mps su
Haptic system by mps su
 
Design Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the SomethingDesign Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the Something
 
mesca
mescamesca
mesca
 
Data Day Seattle, From NLP to AI
Data Day Seattle, From NLP to AIData Day Seattle, From NLP to AI
Data Day Seattle, From NLP to AI
 
Design Fiction @ Shift 2008
Design Fiction @ Shift 2008Design Fiction @ Shift 2008
Design Fiction @ Shift 2008
 
Make It So
Make It SoMake It So
Make It So
 
Construction of Self-consciousness based on Delay, Detour, and Multi-layer
Construction of Self-consciousness based on Delay, Detour, and Multi-layerConstruction of Self-consciousness based on Delay, Detour, and Multi-layer
Construction of Self-consciousness based on Delay, Detour, and Multi-layer
 
Make It So
Make It SoMake It So
Make It So
 
Research #1
Research #1Research #1
Research #1
 
Carla Diana's CHI2011 recap
Carla Diana's CHI2011 recapCarla Diana's CHI2011 recap
Carla Diana's CHI2011 recap
 
Artificial Agents Without Ontological Access to Reality
Artificial Agents Without Ontological Access to RealityArtificial Agents Without Ontological Access to Reality
Artificial Agents Without Ontological Access to Reality
 
Object? You Keep Using that Word
Object? You Keep Using that WordObject? You Keep Using that Word
Object? You Keep Using that Word
 
From Natural Language Processing to Artificial Intelligence
From Natural Language Processing to Artificial IntelligenceFrom Natural Language Processing to Artificial Intelligence
From Natural Language Processing to Artificial Intelligence
 
Extending the Mind with Cognitive Prosthetics?
Extending the Mind with Cognitive Prosthetics? Extending the Mind with Cognitive Prosthetics?
Extending the Mind with Cognitive Prosthetics?
 
Final Year Project 1 Presentation
Final Year Project 1 PresentationFinal Year Project 1 Presentation
Final Year Project 1 Presentation
 

Kürzlich hochgeladen

cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 

Kürzlich hochgeladen (20)

cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 

Analysis of Tangible Interfaces

  • 1. A taxonomy for analysis of tangible interface -可觸知介面分析- By Kenneth P. Fishkin
  • 2. Defining TUIs(可觸知使用者介面) At CHI 1997, Hiroshi Ishii & Brett Ullmer:“Tangible User Interfaces” (TUIs) = user interfaces that “augment the real physical world by coupling digital information to everyday physical objects and environments”. -Narrower defination= No distinction between input and output.
  • 3. Kenneth P. Fishkin’sFramework Someinput eventoccurs. This input event is typically a physical manipulation performed by a user with their hands on some “everyday physical object”, such as tilting, shaking, squeezing, pushing, or most often moving. A computer system sensesthis input event, and alters its state. The system provides feedback. This output eventis via a change in the physical nature of some object – it alters its display surface, grows, shrinks, makes a sound, gives haptic feedback, etc.
  • 4.
  • 7.
  • 8. Ataxonomy for analysis-embodiment (體現) 1.Full-Gummi:bending
  • 9. Ataxonomy for analysis-embodiment (體現) 1.Full-Platybus Amoeba: petting pet Platypus Amoeba emits small noises and a faint glow until a hand is moved over the soft skin and Platy gives a pleasant coo. Petting Platy has made it happy. What will more petting do? Perhaps you excite Platy and are rewarded with a display of colors or maybe it is displeased and truculent. Platy's reactions give you information as you use petting to interface with Platy and understand how Platy wants to be petted.
  • 10. Ataxonomy for analysis-embodiment (體現) 2.Nearby-I/O Brush: the world as the palette
  • 11. Ataxonomy for analysis-embodiment (體現) 2.Nearby-I/O Brush: the world as the palette Robust design Pressure sensing Paint history Paint palette Orientation sensing
  • 12. Ataxonomy for analysis-embodiment (體現) 2.Nearby-I/O Brush: the world as the palette http://tmg-video.media.mit.edu/iobrush/iobrush_350x240.mpg
  • 13. Ataxonomy for analysis-embodiment (體現) 2.Nearby-metaDESK “PassiveLens” “ActiveLens” “The Great Dome” “Phicon(物理像)” “Instrument” http://tangible.media.mit.edu/projects/metadesk/metadesk_352x240.mpg
  • 14. Ataxonomy for analysis-embodiment (體現) 2.Nearby-metaDESK input: rotation and translation Input object: indicative of a building output : altered display of the workspace output object : augmented desktop
  • 15. Ataxonomy for analysis-embodiment (體現) 2.Nearby-photo cube
  • 16. Ataxonomy for analysis-embodiment (體現) 2.Nearby-photo cube input: spatial motion with orientation Input object: one everyday object output : altered display output object : non-everyday object
  • 17. Ataxonomy for analysis-embodiment (體現) 2.Nearby-Bricks http://tmg-video.media.mit.edu/bricks/bricks_240x160.mpg Ishii, 1995: Tangible Bricks
  • 18. Ataxonomy for analysis-embodiment (體現) 3.Environmental -TooTown http://tw.videos.search.yahoo.com/video/play?p=TooTown&ei=UTF-8&fr=yfp&fr2=tab-web&vid=0001311141943
  • 19. Ataxonomy for analysis-embodiment (體現) 3.Environmental -TooTown input: change of position Input object: two representative objects output : audio changes
  • 20. Ataxonomy for analysis-embodiment (體現) 4.Distant –TV Remote Control, Doll’s Head
  • 21. Ataxonomy for analysis-embodiment (體現) 5. Nearby& Environmental–PingPongPlus(Ishii et al., 1999) Full & Environmental -Platypus Amoeba Makes sounds  Environmental Responds to patting  Full http://tmg-video.media.mit.edu/pingpongplus/pingpongplus_240x160.mpg
  • 22.
  • 23.
  • 24. Ataxonomy for analysis-Metaphor (譬喻) -Noun metaphor Analogy : An<X> in our system is like an <X>in the real word=Object looks like the real thing Actions are at most weakly related to real-world actions=They share the same action
  • 25. Ataxonomy for analysis-Metaphor (譬喻) -Noun metaphor ex. 1.Navigational blocks 2.Tagged objects
  • 26. Ataxonomy for analysis-Metaphor (譬喻) -Verb metaphor Analogy : <X>-ingin our system is <X>-ing in the real word =Object acts like thereal thing Shape of object irrelevant
  • 27. Shaking erases screen Ataxonomy for analysis-Metaphor (譬喻) -Verb metaphor ex. 1.Shakepad
  • 28. Ataxonomy for analysis-Metaphor (譬喻) -Noun & Verb metaphor ex. Analogy : <X>-ing amn<A>in our system is like <X>-ingsomething <A>-ish inthe real word 1.Urp 2.TooTown 3.Drag-and-Drop
  • 29. Ataxonomy for analysis-Metaphor (譬喻) -Full metaphor ex. Analogy : Really Direct Manipulation= The virtual system is the physical system 1.Illuminating Clay
  • 30. Ataxonomy for analysis-Metaphor (譬喻) -Applications May Span Several Levels. 1.Barney system- Peek-A-Boo 2.Doll’s head 3.Bookmark URL
  • 31. Culture anthropology -The cognitive of color RED Certain Western culture-danger (analogized to blood) China-vitality & happiness (analogized to fire) Japan-warmth & light (analogized to sun) India-none Cognitive psychology Evolution of cognition Industrial design Philosophy of science
  • 32. None Verb Nounandverb Full Noun Metaphor Embodiment Full Nearby Environment Distant
  • 33.
  • 34. Utility of the taxonomy Containers: “generic objects used to move information between different devices or platforms.” Tools: “things which actively manipulate digital information.” Tokens: “objects that physically resemble the information they represent.”
  • 35. None Verb Nounandverb Full Noun Metaphor Embodiment Tokens Tokens Full Nearby Tools Environment ? Distant Utility of the taxonomy ? Containers Tools 33
  • 36. LiveWire Bus Mobile Calm Computing No physical input from the user Examples (distant embodiment) 34
  • 37.
  • 38.
  • 39. Research question: how to findthe right mix ofphysical & virtual?35
  • 40.
  • 41. As they move the device about, and tella story out loud, the story is recorded.
  • 42.
  • 43. Metaphor of “noun and verb” (moving a toy in the physical world later moves a projected replica of the toy in that same physical world).36
  • 44.
  • 45. Metaphor of “noun and verb” (moving a toy in the physical world later ,the toy move itself in that physical world).37
  • 46. Evolution of the field -Curlybot 1.Creating a programming tool for children(> 4 years) 2.Tangibility 3.Supports development of mathematical thinking 4.Demonstrate creation of geometrical shapes fromsimple elements 5.Supports immediate testing of ideas 38
  • 47.
  • 48. Metaphor of “full” (not just repeat a path ,to imitate– it “learns to move”).http://www.youtube.com/watch?v=EOl_iQAcVhY 39
  • 49. Tangible workbench The Actuated Workbench is a device that uses magnetic forces to move objects on a table in two dimensions. It is intended for use with existing tabletop tangible interfaces, providing an additional feedback loop for computer output, and helping to resolve inconsistencies that otherwise arise from the computer's inability to move objects on the table. http://www.youtube.com/watch?v=y_BDtX4wxYY 40
  • 50. Control widgets -ToolStone Quantize possible positions and orientations out of full 6DOF space 8 Directions On 6 different faces Also track x,y position on tablet http://www.youtube.com/watch?v=V32SnUnAe2E 41
  • 51. Control widgets -DataTiles http://www.youtube.com/watch?v=7imqHEqszo8 42
  • 52. Control widgets -DataTiles http://www.youtube.com/watch?v=7imqHEqszo8 43
  • 53. None Verb Nounandverb Full Noun Metaphor Embodiment Full Nearby Environment Distant Evolution of the field
  • 54. Reference http://tangible.media.mit.edu/projects http://portal.acm.org/citation.cfm?id=1023819/ http://www.slideshare.net/adorepump/tangible-interfaces-presentation
  • 55. Thanks for your attention!