SlideShare a Scribd company logo
空間互動設計
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

More Related Content

Viewers also liked

Designing Kansei Experience For Interaction
Designing Kansei Experience For InteractionDesigning Kansei Experience For Interaction
Designing Kansei Experience For Interaction
Tungjentsai 蔡敦仁
 
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 people
Tungjentsai 蔡敦仁
 
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
Tungjentsai 蔡敦仁
 
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 蔡敦仁
 
Slides original
Slides originalSlides original
Slides original
Tungjentsai 蔡敦仁
 
Philips red dot design awards 2012
Philips red dot design awards 2012Philips red dot design awards 2012
Philips red dot design awards 2012
Design_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 Presentation
FranchiseExpo.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 London
Future London Academy
 
Space, Place and Engagement with Digital
Space, Place and Engagement with DigitalSpace, Place and Engagement with Digital
Space, Place and Engagement with Digital
Imeh Akpan
 
Sea Change Proposal
Sea Change ProposalSea Change Proposal
Sea Change Proposal
Gloria 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_Space
Spatial Interaction Design_SpaceSpatial Interaction Design_Space
Spatial Interaction Design_Space
Tungjentsai 蔡敦仁
 
Spatial Interaction Design_Interaction
Spatial Interaction Design_InteractionSpatial Interaction Design_Interaction
Spatial Interaction Design_Interaction
Tungjentsai 蔡敦仁
 
Transitional space presentation
Transitional space presentationTransitional space presentation
Transitional space presentation
You-Wen Liang
 

Viewers also liked (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
 

Similar to 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 World
Erich Rainville
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
Omar Sosa-Tzec
 
Rise using ethnography_jon_freach_final
Rise using ethnography_jon_freach_finalRise using ethnography_jon_freach_final
Rise using ethnography_jon_freach_final
Jon 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 jct
John Thomas
 
Embodied Manifestos
Embodied ManifestosEmbodied Manifestos
Embodied Manifestos
Maria Luce Lupetti
 
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
Robert 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.11
EffectiveUI
 
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
6500jmk4
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
UTFPR
 
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...
Katedra Informatologii. Wydział Dziennikarstwa, Informacji i Bibliologii, Uniwersytet Warszawski
 
Humanistic and Computational Thinking Through Practice
Humanistic and Computational Thinking Through PracticeHumanistic and Computational Thinking Through Practice
Humanistic and Computational Thinking Through Practice
Aarhus University
 
Design Thinking for News
Design Thinking for NewsDesign Thinking for News
Design Thinking for News
Jill Hopke
 
Design Essentials for Executives
Design Essentials for ExecutivesDesign Essentials for Executives
Design Essentials for Executives
Effective
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For Executives
EffectiveUI
 
Designing Interactions / Experiences: Lecture #05
 Designing Interactions / Experiences: Lecture #05 Designing Interactions / Experiences: Lecture #05
Designing Interactions / Experiences: Lecture #05
Itamar 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 2013
Kenji Hiranabe
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
Omar Sosa-Tzec
 
Interface composition with interaction design patterns
Interface composition with interaction design patternsInterface composition with interaction design patterns
Interface composition with interaction design patterns
UTFPR
 
Natural Interaction for Augmented Reality Applications
Natural Interaction for Augmented Reality ApplicationsNatural Interaction for Augmented Reality Applications
Natural Interaction for Augmented Reality Applications
Mark Billinghurst
 

Similar to 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
 

Recently uploaded

Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Safe Software
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Mariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceXMariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceX
Mariano Tinti
 
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceAI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
IndexBug
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 

Recently uploaded (20)

Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Mariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceXMariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceX
 
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceAI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 

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