SlideShare a Scribd company logo
1 of 66
Re define   and   Re presentation  in Design March 2nd, 2010 Huang-Ming Chang
What do you think Interaction Design  is ? 什麼是互動設計
http://www.playdojam.com/
http://web.media.mit.edu/~kimiko/iobrush/   I/O Brush
http://www.thefuntheory.com/
Again, what do you think Interaction Design  is ?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Wikipedia says: 互動設計是定義使用者可與之互動的產品與系統的規範。實做上基本上以複雜的科技系統為中心,像是軟體、行動裝置或其他的電子設備。然而,互動設計可應用於其他類型的產品和服務,甚至是組織。 互動設計定義了一個人造物或系統對於使用者的行為的回應方式。
Input Form Output [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ] Simple Interaction Design  Model
Input Form Output [  視覺  ] [  肢體  ] [  單人  ] [  多人  ] [  互相影響  ] [  混合實境  ] [  視覺  ] [  物理性質  ]
Input Form Output [  視覺  ] [  觸覺  ] [  單人  ] [  互不影響  ] [  混合實境  ] [  視覺  ] [  肢體  ]
Input Form Output [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ]
Input Form Output [  視覺  ] [  肢體  ] [  單人  ] [  多人  ] [  互相影響  ] [  混合實境  ] [  視覺  ] [  物理性質  ]
Input Form Output [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ]
Input Form Output [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ] [  ]
[  視覺  ] [  聽覺  ] [  觸覺  ] [  味覺  ] [  嗅覺  ] [  肢體  ] [  心智  ] [  時間  ] [  空間  ] [  物理性質  ] [  單人  ] [  多人  ] [  互不影響  ] [  互相影響  ] [  混合實境  ] [  虛擬實境  ] [  擴增實境  ] [  堆疊  ] [  連接  ] [  隨機  ] [  視覺  ] [  聽覺  ] [  觸覺  ] [  味覺  ] [  嗅覺  ] [  肢體  ] [  心智  ] [  時間  ] [  空間  ] [  物理性質  ] Input Form Output
 
Re -define
梗 梗 梗 梗 梗 梗 梗
梗 梗 梗 梗 梗 梗 梗 梗 梗 梗 梗 梗 梗 梗 梗
功能  v.s.   素材
 
竹筷 是可用於夾東西的工具
設計出   [ 很好夾 ]   的竹筷
竹筷   可以被折斷,有韌性 條狀物,可應用槓桿原理
 
電腦->工具 ?  素材?
 
素材性思考  對事物、行為本身的特性進行陳述
Affordance   承擔特質 Affordance is a quality of an object, or an environment, that allows an individual to perform an action. (Wikipedia)
Input Form Output [  視覺  ] [  肢體  ] [  單人  ] [  多人  ] [  互相影響  ] [  混合實境  ] [  視覺  ] [  物理性質  ]
功能性思考   對既定的功能進行改良
 
成熟 的設計  使用  [  功能性思考  ] 延續產品 / 服務的生命週期、對既有經驗進行提昇
創新 的設計  使用  [  素材性思考  ] 重新定義,組合素材,尋求可能性
創新 的設計  卻使用  [  功能性思考  ] ? 為了互動而互動,為了設計而設計
文化 、 經驗 、 行為 、 科技 萬物皆素材
文化 、 經驗 、 行為 、 [  科技  ] 萬物皆素材
It is not who I am, but  what I do  that defines me.     - movie “Batman Begins”
http:// acg.media.mit.edu / http:// processing.org / http:// www.complexification.net /gallery/ http://www.firstbornmultimedia.com/#/our-portfolio/1007/
現象學指出, 事物必須透過使用者於其互動以及其他人互動,才能被「建立」在世界之中而被眾人所認同,事物本身並非即存在於世界之中  ( Dourish, 2004 ) 。
Is  [ Automatically ]  a good thing?
Automatically = Hot Technology
try   [ Calm Technology ]    and   [Slow Technology]   !
冷科技  並非  [  被動  ]  的科技 [  被動  ] 僅是其中一種 solution
冷科技  流暢且和諧 的科技
關於流暢 人類經驗是類比的,學習拿捏設計 / 科技的力道
關於和諧 就是一直在你旁邊,你卻不覺得討厭
契合   /  反契合
人 A B C
http://www.nabaztag.com/en/index.html http://chinese.engadget.com/2006/05/01/nabaztag-wifi-smart-rabbit/
注意力 注意力不在它身上時,它就是個美麗的存在  /  不存在
 
http://www.ambientdevices.com/cat/philosophy.html
http://www.ambientdevices.com/cat/images/Beacon_variations.jpg
http://www.ambientdevices.com/products/umbrella.html
慢科技
設計師先不說話,先讓素材說話
Time / Space / Others
Slow Technology –Designing for Reflection Lars Hallansand, Johan redstrom simplicity in material   in combination with   com plex ity   of   fo rm
Re-presentation  再現 組織你的素材,傳達你的想法。
[  視覺  ] [  聽覺  ] [  觸覺  ] [  味覺  ] [  嗅覺  ] [  肢體  ] [  心智  ] [  時間  ] [  空間  ] [  物理性質  ] [  單人  ] [  多人  ] [  互不影響  ] [  互相影響  ] [  混合實境  ] [  虛擬實境  ] [  擴增實境  ] [  視覺  ] [  聽覺  ] [  觸覺  ] [  味覺  ] [  嗅覺  ] [  肢體  ] [  心智  ] [  時間  ] [  空間  ] [  物理性質  ] Input Form Output
http://wang.pingpong290.org/ http://wangchungkun.blogspot.com/2007/06/2007.html
Input Form Output [  聲音  ] [  路面崎嶇  ] [  自然反應  ] [  單人  ] [  錄影  ] [  聲音  ] [  節奏  ] [  經驗  ] Simple Material Complex Form Representation
http://db-db-db.com/goldfish/ http://db-db.com/goldfishmusicbox/ Goldfish Music Box  Francis Lam
Office Live  by  天工開物 http://www.youtube.com/watch?v=vRR8LXqmyFQ

More Related Content

Viewers also liked

MDN Hackday London - Boot to Gecko: The Future of Mobile
MDN Hackday London - Boot to Gecko: The Future of MobileMDN Hackday London - Boot to Gecko: The Future of Mobile
MDN Hackday London - Boot to Gecko: The Future of MobileRobin Hawkes
 
AQA English - Unit 1 Understanding non-fiction texts
AQA English - Unit 1 Understanding non-fiction textsAQA English - Unit 1 Understanding non-fiction texts
AQA English - Unit 1 Understanding non-fiction textsmissbec
 
Learning sessions #6 Residency Incubator brazilian arts foundation
Learning sessions #6 Residency Incubator   brazilian arts foundationLearning sessions #6 Residency Incubator   brazilian arts foundation
Learning sessions #6 Residency Incubator brazilian arts foundationjvielman
 
Hani Terrace
Hani TerraceHani Terrace
Hani Terraceyangbqada
 
2012.04.05 Learning Sessions 1 - City ArtWorks
2012.04.05 Learning Sessions 1 - City ArtWorks2012.04.05 Learning Sessions 1 - City ArtWorks
2012.04.05 Learning Sessions 1 - City ArtWorksjvielman
 
Calculating building heights using a phone camera
Calculating building heights using a phone cameraCalculating building heights using a phone camera
Calculating building heights using a phone cameraRobin Hawkes
 
Ast1001.Ch9
Ast1001.Ch9Ast1001.Ch9
Ast1001.Ch9ankit.rk
 
WCIT 2010 Dov Winer
WCIT 2010  Dov WinerWCIT 2010  Dov Winer
WCIT 2010 Dov WinerDov Winer
 
Open Web Apps and the Mozilla Labs Apps project
Open Web Apps and the Mozilla Labs Apps projectOpen Web Apps and the Mozilla Labs Apps project
Open Web Apps and the Mozilla Labs Apps projectRobin Hawkes
 
2012 11 07 pre incubator workshop
2012 11 07 pre incubator workshop2012 11 07 pre incubator workshop
2012 11 07 pre incubator workshopjvielman
 
Dr Anil Khandelwal ss infotour
Dr Anil Khandelwal ss infotourDr Anil Khandelwal ss infotour
Dr Anil Khandelwal ss infotourguestfc8a87
 
Learning sessions #5 pre incubator - BooTown
Learning sessions #5 pre incubator - BooTownLearning sessions #5 pre incubator - BooTown
Learning sessions #5 pre incubator - BooTownjvielman
 
Samsung MP3 YP-Q1 Fotos
Samsung MP3 YP-Q1 FotosSamsung MP3 YP-Q1 Fotos
Samsung MP3 YP-Q1 Fotosjulia135
 
Digital Citizenship Presentation Expectations
Digital Citizenship Presentation ExpectationsDigital Citizenship Presentation Expectations
Digital Citizenship Presentation ExpectationsShaun Loeppky
 
060426 Digitisation Examples Info2005 Beitberl
060426 Digitisation Examples Info2005 Beitberl060426 Digitisation Examples Info2005 Beitberl
060426 Digitisation Examples Info2005 BeitberlDov Winer
 
chitralada school
chitralada schoolchitralada school
chitralada schoolrpairach
 

Viewers also liked (20)

MDN Hackday London - Boot to Gecko: The Future of Mobile
MDN Hackday London - Boot to Gecko: The Future of MobileMDN Hackday London - Boot to Gecko: The Future of Mobile
MDN Hackday London - Boot to Gecko: The Future of Mobile
 
AQA English - Unit 1 Understanding non-fiction texts
AQA English - Unit 1 Understanding non-fiction textsAQA English - Unit 1 Understanding non-fiction texts
AQA English - Unit 1 Understanding non-fiction texts
 
Learning sessions #6 Residency Incubator brazilian arts foundation
Learning sessions #6 Residency Incubator   brazilian arts foundationLearning sessions #6 Residency Incubator   brazilian arts foundation
Learning sessions #6 Residency Incubator brazilian arts foundation
 
Keaksaraan sebagai fondasi pendidikan nasional
Keaksaraan sebagai fondasi pendidikan nasional Keaksaraan sebagai fondasi pendidikan nasional
Keaksaraan sebagai fondasi pendidikan nasional
 
Hani Terrace
Hani TerraceHani Terrace
Hani Terrace
 
2012.04.05 Learning Sessions 1 - City ArtWorks
2012.04.05 Learning Sessions 1 - City ArtWorks2012.04.05 Learning Sessions 1 - City ArtWorks
2012.04.05 Learning Sessions 1 - City ArtWorks
 
Calculating building heights using a phone camera
Calculating building heights using a phone cameraCalculating building heights using a phone camera
Calculating building heights using a phone camera
 
Ast1001.Ch9
Ast1001.Ch9Ast1001.Ch9
Ast1001.Ch9
 
WCIT 2010 Dov Winer
WCIT 2010  Dov WinerWCIT 2010  Dov Winer
WCIT 2010 Dov Winer
 
Atlanta Georgia
Atlanta GeorgiaAtlanta Georgia
Atlanta Georgia
 
Open Web Apps and the Mozilla Labs Apps project
Open Web Apps and the Mozilla Labs Apps projectOpen Web Apps and the Mozilla Labs Apps project
Open Web Apps and the Mozilla Labs Apps project
 
2012 11 07 pre incubator workshop
2012 11 07 pre incubator workshop2012 11 07 pre incubator workshop
2012 11 07 pre incubator workshop
 
Dr Anil Khandelwal ss infotour
Dr Anil Khandelwal ss infotourDr Anil Khandelwal ss infotour
Dr Anil Khandelwal ss infotour
 
Chapter06
Chapter06Chapter06
Chapter06
 
Learning sessions #5 pre incubator - BooTown
Learning sessions #5 pre incubator - BooTownLearning sessions #5 pre incubator - BooTown
Learning sessions #5 pre incubator - BooTown
 
Samsung MP3 YP-Q1 Fotos
Samsung MP3 YP-Q1 FotosSamsung MP3 YP-Q1 Fotos
Samsung MP3 YP-Q1 Fotos
 
Digital Citizenship Presentation Expectations
Digital Citizenship Presentation ExpectationsDigital Citizenship Presentation Expectations
Digital Citizenship Presentation Expectations
 
Reflections
ReflectionsReflections
Reflections
 
060426 Digitisation Examples Info2005 Beitberl
060426 Digitisation Examples Info2005 Beitberl060426 Digitisation Examples Info2005 Beitberl
060426 Digitisation Examples Info2005 Beitberl
 
chitralada school
chitralada schoolchitralada school
chitralada school
 

Similar to Redefine Representation

III 2011 IDA 資策會館 展場規劃
III 2011 IDA 資策會館 展場規劃III 2011 IDA 資策會館 展場規劃
III 2011 IDA 資策會館 展場規劃ShihYao Chang
 
展覽 x 互動 x 環景.pptx
展覽 x 互動 x 環景.pptx展覽 x 互動 x 環景.pptx
展覽 x 互動 x 環景.pptxdoremi31618
 
About design methodology
About design methodologyAbout design methodology
About design methodologyAqua Chen
 
设计思想的虚实构成
设计思想的虚实构成设计思想的虚实构成
设计思想的虚实构成gueste25fe7
 
设计思想的虚实构成
设计思想的虚实构成设计思想的虚实构成
设计思想的虚实构成top idea
 

Similar to Redefine Representation (7)

III 2011 IDA 資策會館 展場規劃
III 2011 IDA 資策會館 展場規劃III 2011 IDA 資策會館 展場規劃
III 2011 IDA 資策會館 展場規劃
 
互動美學AOI
互動美學AOI互動美學AOI
互動美學AOI
 
展覽 x 互動 x 環景.pptx
展覽 x 互動 x 環景.pptx展覽 x 互動 x 環景.pptx
展覽 x 互動 x 環景.pptx
 
About design methodology
About design methodologyAbout design methodology
About design methodology
 
Hpx
HpxHpx
Hpx
 
设计思想的虚实构成
设计思想的虚实构成设计思想的虚实构成
设计思想的虚实构成
 
设计思想的虚实构成
设计思想的虚实构成设计思想的虚实构成
设计思想的虚实构成
 

Redefine Representation