SlideShare une entreprise Scribd logo
1  sur  107
What is design?
What is engineering?
How should we interact with information?
A Day Made of Glass

   by CORNING
How do we interact with information
seamlessly?
MJIB multi-touch wall (2007)

                         XXtraLab DESIGN




How to deal with browsing and navigating large amount of information
                  on a multi-touch interactive wall?
NIKE 6453 Interactive Table (2009)

                         XXtraLab DESIGN




What’s the best interface design for an interactive tabletop display?
Yellow Butterfly Pavilion, Hakka Expo (2008)

                       XXtraLab DESIGN




How children interact with digital world using toy building blocks?
Ballad Grinding, Hakka Expo (2010)

                                  XXtraLab DESIGN




How to embed information into cultural artifact and poetic behavior to intrigue people?
Passing Down – Hakka Expo (2008)

                   XXtraLab DESIGN




How people interact with intangible information materials?
An Human-Artifact Interaction Experience
Many Human-Artifact Interaction Experiences
A Sequential Human-Artifact Interaction Experiences forms a Time-Space Interactive Journey
Yun-Ching Real Estate
VIP Interactive Experience on NEWS (2010)

           XXtraLab DESIGN
XMS Media Meeting Room
used in a press conference (2011)

       XXtraLab DESIGN
Mojo iCuisine - Interactive Restaurant on NEWS (2010)

                 XXtraLab DESIGN
XMS Media Gallery Caf’e on NEWS (2011)

          XXtraLab DESIGN
Interface
Interface   System
Interface   System   Business
                     Model
Interface   System   Business   Industry
                     Model      Innovation
Are we there yet?
Yes? No?
For Now
After kelvinyoung.com (Kelvin Young, 2006)
After catencio-sdm2009.blogspot.tw
After www.wecreate.cc
After Information Is Beautiful
After Information Is Beautiful
After eicollege.edu
After Daryl Nelson via consumeraffairs.com
Information System Interface Design Engineering: Suggested Basic Skills for Practice
Information System Interface Design Engineering: Suggested Basic Skills for Practice
Information System Interface Design Engineering: Suggested Basic Skills for Practice
Information System Interface Design Engineering: Suggested Basic Skills for Practice
Information System Interface Design Engineering: Suggested Basic Skills for Practice

Contenu connexe

Tendances

Talk for Climate-KIC Launch Lab 1
Talk for Climate-KIC Launch Lab 1Talk for Climate-KIC Launch Lab 1
Talk for Climate-KIC Launch Lab 1
Frans Nauta
 
Lisa Herrod - The Age of Awareness
Lisa Herrod - The Age of AwarenessLisa Herrod - The Age of Awareness
Lisa Herrod - The Age of Awareness
Web Directions
 
Urban Interaction Design 20x20 slides, FET11, Budapest
Urban Interaction Design 20x20 slides, FET11, BudapestUrban Interaction Design 20x20 slides, FET11, Budapest
Urban Interaction Design 20x20 slides, FET11, Budapest
Michael Smyth
 

Tendances (12)

FTS presentation in English
FTS presentation in EnglishFTS presentation in English
FTS presentation in English
 
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
 
Industrial design summit, montreux
Industrial design summit, montreuxIndustrial design summit, montreux
Industrial design summit, montreux
 
121015PREFACE
121015PREFACE121015PREFACE
121015PREFACE
 
Talk for Climate-KIC Launch Lab 1
Talk for Climate-KIC Launch Lab 1Talk for Climate-KIC Launch Lab 1
Talk for Climate-KIC Launch Lab 1
 
UX Unicorns - legend or fable?
UX Unicorns - legend or fable?UX Unicorns - legend or fable?
UX Unicorns - legend or fable?
 
UrbanIxD Summer School - Introductory Slides
UrbanIxD Summer School - Introductory SlidesUrbanIxD Summer School - Introductory Slides
UrbanIxD Summer School - Introductory Slides
 
Lisa Herrod - The Age of Awareness
Lisa Herrod - The Age of AwarenessLisa Herrod - The Age of Awareness
Lisa Herrod - The Age of Awareness
 
Waag Society overview UNDP
Waag Society overview UNDPWaag Society overview UNDP
Waag Society overview UNDP
 
Urban Interaction Design 20x20 slides, FET11, Budapest
Urban Interaction Design 20x20 slides, FET11, BudapestUrban Interaction Design 20x20 slides, FET11, Budapest
Urban Interaction Design 20x20 slides, FET11, Budapest
 
Urban Interaction Design
Urban Interaction DesignUrban Interaction Design
Urban Interaction Design
 
The Next Wave of AR: Mobile Social Interaction, Right Here, Right Now!
The Next Wave of AR: Mobile Social Interaction, Right Here, Right Now!The Next Wave of AR: Mobile Social Interaction, Right Here, Right Now!
The Next Wave of AR: Mobile Social Interaction, Right Here, Right Now!
 

En vedette

human computer interface
human computer interfacehuman computer interface
human computer interface
Santosh Kumar
 
Example requirements specification
Example requirements specificationExample requirements specification
Example requirements specification
indrisrozas
 

En vedette (6)

Zoo problem domain investigation
Zoo problem domain investigationZoo problem domain investigation
Zoo problem domain investigation
 
2007 Office UI Design Guidelines License
2007 Office UI Design Guidelines License2007 Office UI Design Guidelines License
2007 Office UI Design Guidelines License
 
User Interface Design
User Interface DesignUser Interface Design
User Interface Design
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 
Human computer interaction
Human  computer interactionHuman  computer interaction
Human computer interaction
 
Example requirements specification
Example requirements specificationExample requirements specification
Example requirements specification
 

Similaire à Information System Interface Design Engineering: Suggested Basic Skills for Practice

Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
Timo Arnall
 
SXSW 2015 - Storytelling Engines for Smart Environments
SXSW 2015 -  Storytelling Engines for Smart EnvironmentsSXSW 2015 -  Storytelling Engines for Smart Environments
SXSW 2015 - Storytelling Engines for Smart Environments
calmr.io
 

Similaire à Information System Interface Design Engineering: Suggested Basic Skills for Practice (20)

IA CAMP 2015: As Yet Untitled
IA CAMP 2015: As Yet UntitledIA CAMP 2015: As Yet Untitled
IA CAMP 2015: As Yet Untitled
 
Warner 2014 sf11
Warner 2014 sf11Warner 2014 sf11
Warner 2014 sf11
 
Tangible User Interface Showcase
Tangible User Interface ShowcaseTangible User Interface Showcase
Tangible User Interface Showcase
 
Ux futures shedroff
Ux futures shedroffUx futures shedroff
Ux futures shedroff
 
Sony wonder technology lab
Sony wonder technology labSony wonder technology lab
Sony wonder technology lab
 
Eat Data - Visualizar11 Talk
Eat Data - Visualizar11 TalkEat Data - Visualizar11 Talk
Eat Data - Visualizar11 Talk
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
 
Interactive Technology
Interactive TechnologyInteractive Technology
Interactive Technology
 
Living in the Future
Living in the FutureLiving in the Future
Living in the Future
 
Creating the Internet of Things
Creating the Internet of ThingsCreating the Internet of Things
Creating the Internet of Things
 
The New Naïve: Picking Up the Pieces of Post-Digital Architecture
The New Naïve: Picking Up the Pieces of Post-Digital ArchitectureThe New Naïve: Picking Up the Pieces of Post-Digital Architecture
The New Naïve: Picking Up the Pieces of Post-Digital Architecture
 
Future ux 1
Future ux 1Future ux 1
Future ux 1
 
Mc luhan’s laws of media and the 6 prominent
Mc luhan’s laws of media and the 6 prominentMc luhan’s laws of media and the 6 prominent
Mc luhan’s laws of media and the 6 prominent
 
The Age of Strategic Design
The Age of Strategic DesignThe Age of Strategic Design
The Age of Strategic Design
 
Designing the future of Augmented Reality
Designing the future of Augmented RealityDesigning the future of Augmented Reality
Designing the future of Augmented Reality
 
Horizontal Thinking
Horizontal ThinkingHorizontal Thinking
Horizontal Thinking
 
Interactive Technology & Marketing In 2012
Interactive Technology & Marketing In 2012Interactive Technology & Marketing In 2012
Interactive Technology & Marketing In 2012
 
May the Force be with You
May the Force be with YouMay the Force be with You
May the Force be with You
 
Science Fiction Prototyping Workshop
Science Fiction Prototyping WorkshopScience Fiction Prototyping Workshop
Science Fiction Prototyping Workshop
 
SXSW 2015 - Storytelling Engines for Smart Environments
SXSW 2015 -  Storytelling Engines for Smart EnvironmentsSXSW 2015 -  Storytelling Engines for Smart Environments
SXSW 2015 - Storytelling Engines for Smart Environments
 

Plus de Ting-Han Chen

設計跨界與事業設計
設計跨界與事業設計設計跨界與事業設計
設計跨界與事業設計
Ting-Han Chen
 
【元智大學】穿戴式科技設計(一) Week 1
【元智大學】穿戴式科技設計(一) Week 1【元智大學】穿戴式科技設計(一) Week 1
【元智大學】穿戴式科技設計(一) Week 1
Ting-Han Chen
 
【元智大學】行動裝置視覺介面設計 Week 1
【元智大學】行動裝置視覺介面設計 Week 1【元智大學】行動裝置視覺介面設計 Week 1
【元智大學】行動裝置視覺介面設計 Week 1
Ting-Han Chen
 
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
Ting-Han Chen
 
My Learning Journey in Design (2012)
My Learning Journey in Design (2012)My Learning Journey in Design (2012)
My Learning Journey in Design (2012)
Ting-Han Chen
 

Plus de Ting-Han Chen (16)

Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
 
設計跨界與事業設計
設計跨界與事業設計設計跨界與事業設計
設計跨界與事業設計
 
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
 
【元智大學】穿戴式科技設計(一) Week 1
【元智大學】穿戴式科技設計(一) Week 1【元智大學】穿戴式科技設計(一) Week 1
【元智大學】穿戴式科技設計(一) Week 1
 
【元智大學】行動裝置視覺介面設計 Week 1
【元智大學】行動裝置視覺介面設計 Week 1【元智大學】行動裝置視覺介面設計 Week 1
【元智大學】行動裝置視覺介面設計 Week 1
 
A Building Block Approach for Assembling Media Architectural Installations - ...
A Building Block Approach for Assembling Media Architectural Installations - ...A Building Block Approach for Assembling Media Architectural Installations - ...
A Building Block Approach for Assembling Media Architectural Installations - ...
 
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
 
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The CountrysideInteraction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
 
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
 
Innovation Opportunities in Physical Spaces by Interaction Design
Innovation Opportunities in Physical Spaces by Interaction DesignInnovation Opportunities in Physical Spaces by Interaction Design
Innovation Opportunities in Physical Spaces by Interaction Design
 
Commercial Design Practices for Interactive Installation and Interactive Spac...
Commercial Design Practices for Interactive Installation and Interactive Spac...Commercial Design Practices for Interactive Installation and Interactive Spac...
Commercial Design Practices for Interactive Installation and Interactive Spac...
 
A Biased Experience Sharing on The World's Best Design School
A Biased Experience Sharing on The World's Best Design SchoolA Biased Experience Sharing on The World's Best Design School
A Biased Experience Sharing on The World's Best Design School
 
SOFTalks 1 - An Opening Talk
SOFTalks 1 - An Opening TalkSOFTalks 1 - An Opening Talk
SOFTalks 1 - An Opening Talk
 
Disruptive Transformation Workshop
Disruptive Transformation WorkshopDisruptive Transformation Workshop
Disruptive Transformation Workshop
 
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
 
My Learning Journey in Design (2012)
My Learning Journey in Design (2012)My Learning Journey in Design (2012)
My Learning Journey in Design (2012)
 

Dernier

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Dernier (20)

SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 

Information System Interface Design Engineering: Suggested Basic Skills for Practice

Notes de l'éditeur

  1. 接下來談一下 資訊空間… 這邊指的資訊空間, 就是指我們今天充斥著資訊的生活環境…到處都是 電磁波 無線網路 訊息 簡訊資訊 廣告… 的資訊空間
  2. 其實在80年代, 有一位已故的知名電腦科學家 Mark Weiser, 就已經預測我們今天將會生活在資訊遍佈 無所不在 的世界…而那些資訊裝置 都會消失在我們環境中 讓我們感覺不到它們的存在…
  3. 這是不是像今日…
  4. 但是, 您可曾想過, 這麼多資訊載具, 裝置, 和資訊系統…人們 (男女老少) 要如何和它們互動呢? 難道一切都只能透過按鈕?遙控器? 透過手指? 透過滑鼠跟鍵盤?
  5. 這其實是一個哲學問題…
  6. 看看別人提出的願景…
  7. 如影片所見 在資訊空間 人們如何和資訊互動 似乎是大家共同關注的議題
  8. 所以 要了解如何更好地設計我們的資訊化空間環境, 我們必需…
  9. 我們必需先了解人類應該如何和資訊互動
  10. 觸控似乎是一個好的起點…不過…如何實現如Weiser和許多未來預測影片中的跟空間互動, 而不是跟一個電腦互動…
  11. 調查局展抱:開始試著實現想像中的未來介面…當資訊融入牆面…大量的資訊如何呈現? 人要如何和大量資訊互動?
  12. NIKE 6453:當資訊融入桌面…
  13. Yellow butterfly pavilion: 資訊融入物件
  14. 擂童謠:資訊融入文化物件
  15. 薪火相傳: 資訊無形…可抓在手上…?
  16. 一個點的介面互動
  17. 很多點的介面互動
  18. 串成線的介面互動 空間體驗  以線性架構為軸的空間互動體驗
  19. 這個新的系統介面產生的商業模式 趨動了產業創新
  20. 我們已經到了那理想的人機互動世界了嗎?…我不知道…我也還在持續探索…
  21. 雖然問題還是沒有清楚的解答, 但是, 我卻在探索的過程中, 發現了設計的力量…所有的未來性概念想法, 全部都是一貫使用設計工程做為方法…來實現
  22. 回顧我這次演講的主題…