SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Downloaden Sie, um offline zu lesen
空間互動設計
Spatial and Locative Interaction Design
Week 4 - 空間與在地的設計關係(Design Issues of Spatial and Locative Elements)I

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
Designing Interactions

Action

Human

Machine

Action

Environment

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
Primitive Model for Designing Interactions

Action

Machine Language

Interface
Human

Machine

Expression

Processed Result

Environment

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
Information Gap in Primitive Model

Action

Machine Language

Interface
Human

Machine

Expression

Processed Result

Environment

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
Information Gap in Primitive Model

•

Natural mapping [Norman, 1998]

Action

Machine Language

Interface

Human

Machine

Expression

Processed Result

Norman, D., The design of everyday things2002: Basic books.

Syncron-i-City
Environm

Sep 13th

Week 4

Spatial and Locative Interaction Design
Information Gap in Primitive Model

•Natural mapping [Norman, 1998]
•Human cognitive process
•The idea of human-machine interface
•Gestalt psychology for visual affordance

Action

Machine Language

Interface

Human

Machine

Expression

Norman, D., The design of everyday things2002: Basic books.

Syncron-i-City
Environm

Processed Result

Sep 13th

Week 4

Spatial and Locative Interaction Design
Design Aspect of UI Approach

Action

Machine Language

Interface
Human

UI approach
Machine

Expression

Processed Result

Environment

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
History of Human-Computer Interaction

1950

Human-Machine Interaction

Control Panel

1960

Computer-Human Interaction

Artificial Intelligent (AI) 人工智慧
Virtual Reality 虛擬實境
Cybernetics 模控學

UI approach

1970

Human-Computer Interaction

Cognition
Perception
Action and activity theory

1980

Social Interaction

CSCW (電腦輔助協同工作)

1990

Physical Interaction

Tangible and Embedded Interaction (可
觸式與內建互動)
Affective Haptic 情緒感覺
Environmental Affordance

!

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
Douglas Engelbart
Design Case

Douglas Engelbart
•The father of GUI
•Graphic User Interface (GUI)
•also the father of mouse
UI approach

Image Courtesy
http://d.hatena.ne.jp/sumim/touch/searchdiary?word=*%5BGUI%5D&of=5

Susan Kare (http://www.kare.com)

Syncron-i-City

Sep 13th

Week 4

Image Courtesy: http://www.maximumpc.com/files/u5
win30_0.png

Spatial and Locative Interaction Design
Douglas Engelbart
Design Case

Douglas Engelbart - the first mouse

UI approach

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design
Ivan Sutherland
Design Case

Ivan Sutherland -Sketchpad

UI approach

Syncron-i-City

Sep 13th

Week 4

Spatial and Locative Interaction Design

Weitere ähnliche Inhalte

Andere mochten auch

Designing Kansei Experience For Interaction
Designing Kansei Experience For InteractionDesigning Kansei Experience For Interaction
Designing Kansei Experience For InteractionTungjentsai 蔡敦仁
 
UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)
UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)
UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)ux singapore
 
Week2 roles and characters of city people
Week2 roles and characters of city peopleWeek2 roles and characters of city people
Week2 roles and characters of city peopleTungjentsai 蔡敦仁
 
Week5 design issues of spatial and locative elements ii
Week5  design issues of spatial and locative elements iiWeek5  design issues of spatial and locative elements ii
Week5 design issues of spatial and locative elements iiTungjentsai 蔡敦仁
 
Week 3: Roles and Characters of City People II
Week 3: Roles and Characters of City People IIWeek 3: Roles and Characters of City People II
Week 3: Roles and Characters of City People IITungjentsai 蔡敦仁
 
Philips red dot design awards 2012
Philips red dot design awards 2012Philips red dot design awards 2012
Philips red dot design awards 2012Design_at_Philips
 
UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...
UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...
UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...ux singapore
 
Bonsaii Franchise Presentation
Bonsaii Franchise PresentationBonsaii Franchise Presentation
Bonsaii Franchise PresentationFranchiseExpo.in
 
Interior and Experience Design Week in London
Interior and Experience Design Week in LondonInterior and Experience Design Week in London
Interior and Experience Design Week in LondonFuture London Academy
 
Space, Place and Engagement with Digital
Space, Place and Engagement with DigitalSpace, Place and Engagement with Digital
Space, Place and Engagement with DigitalImeh Akpan
 
Sea Change Proposal
Sea Change ProposalSea Change Proposal
Sea Change ProposalGloria Tung
 
German Vargas - Information Architecture, User Experience Design, & Digital E...
German Vargas - Information Architecture, User Experience Design, & Digital E...German Vargas - Information Architecture, User Experience Design, & Digital E...
German Vargas - Information Architecture, User Experience Design, & Digital E...German Vargas
 
Spatial Interaction Design_Interaction
Spatial Interaction Design_InteractionSpatial Interaction Design_Interaction
Spatial Interaction Design_InteractionTungjentsai 蔡敦仁
 
Transitional space presentation
Transitional space presentationTransitional space presentation
Transitional space presentationYou-Wen Liang
 

Andere mochten auch (17)

Designing Kansei Experience For Interaction
Designing Kansei Experience For InteractionDesigning Kansei Experience For Interaction
Designing Kansei Experience For Interaction
 
UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)
UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)
UXSG2014 #5 Keynote (part 2) - Spatial Design (Rahul Pradhan)
 
Week2 roles and characters of city people
Week2 roles and characters of city peopleWeek2 roles and characters of city people
Week2 roles and characters of city people
 
Week5 design issues of spatial and locative elements ii
Week5  design issues of spatial and locative elements iiWeek5  design issues of spatial and locative elements ii
Week5 design issues of spatial and locative elements ii
 
Week 3: Roles and Characters of City People II
Week 3: Roles and Characters of City People IIWeek 3: Roles and Characters of City People II
Week 3: Roles and Characters of City People II
 
Slides original
Slides originalSlides original
Slides original
 
Week1 introduction
Week1 introductionWeek1 introduction
Week1 introduction
 
Philips red dot design awards 2012
Philips red dot design awards 2012Philips red dot design awards 2012
Philips red dot design awards 2012
 
UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...
UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...
UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips d...
 
Bonsaii Franchise Presentation
Bonsaii Franchise PresentationBonsaii Franchise Presentation
Bonsaii Franchise Presentation
 
Interior and Experience Design Week in London
Interior and Experience Design Week in LondonInterior and Experience Design Week in London
Interior and Experience Design Week in London
 
Space, Place and Engagement with Digital
Space, Place and Engagement with DigitalSpace, Place and Engagement with Digital
Space, Place and Engagement with Digital
 
Sea Change Proposal
Sea Change ProposalSea Change Proposal
Sea Change Proposal
 
German Vargas - Information Architecture, User Experience Design, & Digital E...
German Vargas - Information Architecture, User Experience Design, & Digital E...German Vargas - Information Architecture, User Experience Design, & Digital E...
German Vargas - Information Architecture, User Experience Design, & Digital E...
 
Spatial Interaction Design_Space
Spatial Interaction Design_SpaceSpatial Interaction Design_Space
Spatial Interaction Design_Space
 
Spatial Interaction Design_Interaction
Spatial Interaction Design_InteractionSpatial Interaction Design_Interaction
Spatial Interaction Design_Interaction
 
Transitional space presentation
Transitional space presentationTransitional space presentation
Transitional space presentation
 

Ähnlich wie Week4 design issues of spatial and locative elements i

Design in the Real World
Design in the Real WorldDesign in the Real World
Design in the Real WorldErich Rainville
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureOmar Sosa-Tzec
 
Rise using ethnography_jon_freach_final
Rise using ethnography_jon_freach_finalRise using ethnography_jon_freach_final
Rise using ethnography_jon_freach_finalJon Freach
 
Watch your language, young man!
Watch your language, young man!Watch your language, young man!
Watch your language, young man!Paweł Wacławczyk
 
Ecscw e research-workshop paper jct
Ecscw e research-workshop paper jctEcscw e research-workshop paper jct
Ecscw e research-workshop paper jctJohn Thomas
 
UI/UX Learning: From Discovery to Design
UI/UX Learning: From Discovery to DesignUI/UX Learning: From Discovery to Design
UI/UX Learning: From Discovery to DesignRobert Hsu
 
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11EffectiveUI
 
What is Digital Humanities?: A Primer for Students in Museum Studies
What is Digital Humanities?: A Primer for Students in Museum StudiesWhat is Digital Humanities?: A Primer for Students in Museum Studies
What is Digital Humanities?: A Primer for Students in Museum Studies6500jmk4
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction DesignUTFPR
 
Humanistic and Computational Thinking Through Practice
Humanistic and Computational Thinking Through PracticeHumanistic and Computational Thinking Through Practice
Humanistic and Computational Thinking Through PracticeAarhus University
 
Design Thinking for News
Design Thinking for NewsDesign Thinking for News
Design Thinking for NewsJill Hopke
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For ExecutivesEffectiveUI
 
Design Essentials for Executives
Design Essentials for ExecutivesDesign Essentials for Executives
Design Essentials for ExecutivesEffective
 
Designing Interactions / Experiences: Lecture #05
 Designing Interactions / Experiences: Lecture #05 Designing Interactions / Experiences: Lecture #05
Designing Interactions / Experiences: Lecture #05Itamar Medeiros
 
Create Knowledge with Users at Agile Korea 2013
Create Knowledge with Users at Agile Korea 2013Create Knowledge with Users at Agile Korea 2013
Create Knowledge with Users at Agile Korea 2013Kenji Hiranabe
 
Interface composition with interaction design patterns
Interface composition with interaction design patternsInterface composition with interaction design patterns
Interface composition with interaction design patternsUTFPR
 
Natural Interaction for Augmented Reality Applications
Natural Interaction for Augmented Reality ApplicationsNatural Interaction for Augmented Reality Applications
Natural Interaction for Augmented Reality ApplicationsMark Billinghurst
 

Ähnlich wie Week4 design issues of spatial and locative elements i (20)

Design in the Real World
Design in the Real WorldDesign in the Real World
Design in the Real World
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
 
Rise using ethnography_jon_freach_final
Rise using ethnography_jon_freach_finalRise using ethnography_jon_freach_final
Rise using ethnography_jon_freach_final
 
Watch your language, young man!
Watch your language, young man!Watch your language, young man!
Watch your language, young man!
 
Ecscw e research-workshop paper jct
Ecscw e research-workshop paper jctEcscw e research-workshop paper jct
Ecscw e research-workshop paper jct
 
Embodied Manifestos
Embodied ManifestosEmbodied Manifestos
Embodied Manifestos
 
UI/UX Learning: From Discovery to Design
UI/UX Learning: From Discovery to DesignUI/UX Learning: From Discovery to Design
UI/UX Learning: From Discovery to Design
 
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
 
What is Digital Humanities?: A Primer for Students in Museum Studies
What is Digital Humanities?: A Primer for Students in Museum StudiesWhat is Digital Humanities?: A Primer for Students in Museum Studies
What is Digital Humanities?: A Primer for Students in Museum Studies
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Amel Fraisse, Ronald Jenn, Quoc-Tan Tran, Samia Takhtoukh: Merging Crowdsourc...
Amel Fraisse, Ronald Jenn, Quoc-Tan Tran, Samia Takhtoukh: Merging Crowdsourc...Amel Fraisse, Ronald Jenn, Quoc-Tan Tran, Samia Takhtoukh: Merging Crowdsourc...
Amel Fraisse, Ronald Jenn, Quoc-Tan Tran, Samia Takhtoukh: Merging Crowdsourc...
 
Humanistic and Computational Thinking Through Practice
Humanistic and Computational Thinking Through PracticeHumanistic and Computational Thinking Through Practice
Humanistic and Computational Thinking Through Practice
 
Design Thinking for News
Design Thinking for NewsDesign Thinking for News
Design Thinking for News
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For Executives
 
Design Essentials for Executives
Design Essentials for ExecutivesDesign Essentials for Executives
Design Essentials for Executives
 
Designing Interactions / Experiences: Lecture #05
 Designing Interactions / Experiences: Lecture #05 Designing Interactions / Experiences: Lecture #05
Designing Interactions / Experiences: Lecture #05
 
Create Knowledge with Users at Agile Korea 2013
Create Knowledge with Users at Agile Korea 2013Create Knowledge with Users at Agile Korea 2013
Create Knowledge with Users at Agile Korea 2013
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
 
Interface composition with interaction design patterns
Interface composition with interaction design patternsInterface composition with interaction design patterns
Interface composition with interaction design patterns
 
Natural Interaction for Augmented Reality Applications
Natural Interaction for Augmented Reality ApplicationsNatural Interaction for Augmented Reality Applications
Natural Interaction for Augmented Reality Applications
 

Kürzlich hochgeladen

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 challengesrafiqahmad00786416
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityWSO2
 
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.pptxRemote DBA Services
 
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)Zilliz
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
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 AmsterdamUiPathCommunity
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
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 Takeoffsammart93
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 

Kürzlich hochgeladen (20)

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
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
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
 
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)
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
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
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
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
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
+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...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 

Week4 design issues of spatial and locative elements i

  • 1. 空間互動設計 Spatial and Locative Interaction Design Week 4 - 空間與在地的設計關係(Design Issues of Spatial and Locative Elements)I Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design
  • 3. Primitive Model for Designing Interactions Action Machine Language Interface Human Machine Expression Processed Result Environment Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design
  • 4. Information Gap in Primitive Model Action Machine Language Interface Human Machine Expression Processed Result Environment Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design
  • 5. Information Gap in Primitive Model • Natural mapping [Norman, 1998] Action Machine Language Interface Human Machine Expression Processed Result Norman, D., The design of everyday things2002: Basic books. Syncron-i-City Environm Sep 13th Week 4 Spatial and Locative Interaction Design
  • 6. Information Gap in Primitive Model •Natural mapping [Norman, 1998] •Human cognitive process •The idea of human-machine interface •Gestalt psychology for visual affordance Action Machine Language Interface Human Machine Expression Norman, D., The design of everyday things2002: Basic books. Syncron-i-City Environm Processed Result Sep 13th Week 4 Spatial and Locative Interaction Design
  • 7. Design Aspect of UI Approach Action Machine Language Interface Human UI approach Machine Expression Processed Result Environment Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design
  • 8. History of Human-Computer Interaction 1950 Human-Machine Interaction Control Panel 1960 Computer-Human Interaction Artificial Intelligent (AI) 人工智慧 Virtual Reality 虛擬實境 Cybernetics 模控學 UI approach 1970 Human-Computer Interaction Cognition Perception Action and activity theory 1980 Social Interaction CSCW (電腦輔助協同工作) 1990 Physical Interaction Tangible and Embedded Interaction (可 觸式與內建互動) Affective Haptic 情緒感覺 Environmental Affordance ! Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design
  • 9. Douglas Engelbart Design Case Douglas Engelbart •The father of GUI •Graphic User Interface (GUI) •also the father of mouse UI approach Image Courtesy http://d.hatena.ne.jp/sumim/touch/searchdiary?word=*%5BGUI%5D&of=5 Susan Kare (http://www.kare.com) Syncron-i-City Sep 13th Week 4 Image Courtesy: http://www.maximumpc.com/files/u5 win30_0.png Spatial and Locative Interaction Design
  • 10. Douglas Engelbart Design Case Douglas Engelbart - the first mouse UI approach Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design
  • 11. Ivan Sutherland Design Case Ivan Sutherland -Sketchpad UI approach Syncron-i-City Sep 13th Week 4 Spatial and Locative Interaction Design