SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Similar a M9910117 2007

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
 

Similar a M9910117 2007 (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
 

Último

Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableNitya salvi
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789CristineGraceAcuyan
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxbingyichin04
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证eeanqy
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxMdBokhtiyarHossainNi
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecturesaipriyacoool
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...ZurliaSoop
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...Amil baba
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...HyderabadDolls
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...gargpaaro
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyIsadora Agency
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 

Último (20)

Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 

M9910117 2007

  • 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!