SlideShare a Scribd company logo
1 of 11
Download to read offline
空間互動設計
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 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
 

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

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

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfhans926745
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
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
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 

Recently uploaded (20)

Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
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
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 

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