of 146 /146
Interaction Design Down To The Countryside 互互 互互互互互互 互互互 互互互 互互互互 互互互互互互 (Sense Apparatus Design) 3-EFG/DA307 互互互互 互互

Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Embed Size (px)

DESCRIPTION

An opening lecture for sophomores from Department of Digital Media Design, NYUST who have no background in programming at all. The class is started in 2014.2.19 for one semester. Students are asked to learn skills and tools and demonstrate their final installations in the country field in Yunlin, Taiwan.

Citation preview

Page 1: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Interaction Design Down To The Countryside互下 雲林科技大學 數位媒體設計系 大二課程 感測裝置設計 (Sense Apparatus Design)

3-EFG/DA307

互動設計 ■ 下鄉

Page 2: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

What isInteraction

Design?

什麼是互動設計 ?

Page 3: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 4: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

先有人

Page 5: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 6: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 7: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

有東西感應人的動作或行為

Page 8: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

經過一些你精心設計的機制或程式

Page 9: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過某個東西呈現在你面前

Page 10: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

wow!

Page 11: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 12: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

重點也就是Input 和 output介面的設計

Page 13: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Can you show me

someExamples?

分析看看這些是哪些 input + output ?

Page 14: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 15: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: nsandd.com 

Page 16: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: bitplay inc.

Page 17: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: mathmos

Page 18: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: "A Day Made of Glass 2" 

Page 19: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: Minority Report

Page 20: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: Oblivion

Page 21: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: Ashley Legg

Page 22: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: PHILIPS

Page 23: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: PHILIPS

Page 24: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: United Realities

Page 25: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: Richard The

Page 26: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Input / output

Components?

有哪些常見的 input/output components 呢 ?

Page 27: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 28: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 29: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

這麼多 input / output components該怎麼開始學起才好呢 ?

Page 30: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

這麼多 input / output components該怎麼開始學起才好呢 ?

其實一切都可從開關開始 !

Page 31: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 32: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

插上去 !

Page 33: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

插上去 !

就亮了 !

Page 34: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: studiodrift.com

Page 35: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: studiodrift.com

電池接上去 !

Page 36: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: studiodrift.com

電池接上去 !

就亮了 !

Page 37: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

比較厲害一點的開關之一

磁簧開關應用

Page 38: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Yellow Butterfly Pavilionhttp://www.youtube.com/watch?v=RmKlik99ZQk

Page 39: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

比較厲害一點的開關之二

水銀開關應用

Page 40: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: LOCOMO

Page 41: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: Bowling Pin Light

Page 42: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

比較厲害一點的開關之三

Flex sensor 應用

Page 43: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Photo by mikek

Page 44: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

還有很多厲害的開關…

Page 45: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

還有很多厲害的開關…

以及不是開關的東西

Page 46: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

還有很多厲害的開關…

以及不是開關的東西

( 等 Teddy 老師教 !)

Page 47: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

Page 48: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

Page 49: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

Teddy 老師會教這個

Page 50: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

Page 51: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

台北華山到時可以去看

Page 52: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

Page 53: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

駭客的方法

Page 54: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 55: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 56: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 57: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 58: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

Page 59: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

HACKER’SAPPROACH

BUILDINGBLOCK

TOOLKITS & TOYS

ARDUINOMAKER FAIRE:

TAIPEI2014

5.24-25

這可自摸故不用教

Page 60: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

ATTENTION !

Page 61: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

ATTENTION !

互動設計並不是只有科技但從 input/output 科技開始學習互動設計是一個有趣的起點

Page 62: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

ATTENTION !

想法往往才是重點好的互動設計也可以不需要科技

Page 63: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

After: Richard TheAPPEELhttp://www.rt80.net/appeel/

Page 64: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

BUT …

但這門課叫作感測裝置設計所以還是要有一點點感測科技應用我對你們老師才比較好交待

Page 65: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

WhyInteractionDesign ?

接下來要來談談為何要互動設計 ?

Page 66: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

WhyInteractionDesign ?

接下來要來談談為何要互動設計 ?

不知道嗎 ?沒關係 …

Page 67: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

其實互動設計獎早已幫你總結了

Page 68: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

CONNECTING連結 DISRUPTING破壞性創新EMPOWERIN

G賦予

ENGAGING融入 EXPRESSING表達 OPTIMIZING最佳化

互動設計獎總結的互動設計六種目的性類型

Page 69: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過互動設計促進人與人 , 人與社會的交流和連結性

Page 70: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

KonneKt: a social game for isolated children in the hospitalhttp://awards.ixda.org/entry/2014/konnekt-a-social-game-for-isolated-children-in-the-hospital

Page 71: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過互動設計創造新的服務 , 新的產品 , 新的行為 , 或開拓新的市場

Page 72: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Avena+ Test Bed – Agricultural Printing and Altered Landscapeshttp://awards.ixda.org/entry/2014/avena-test-bed-agricultural-printing-and-altered-landscapes/

Page 73: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過互動設計幫助弱勢 , 或賦予人們力量

Page 74: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Pivot: A Tool to Empower Human Trafficking Victimshttp://awards.ixda.org/entry/2014/pivot-a-tool-to-empower-human-trafficking-victims/

Page 75: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過互動設計創造有趣且有意義的難忘的體驗

Page 76: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Addicted Productshttp://awards.ixda.org/entry/2014/addicted-products/

Page 77: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過互動設計讓人們更樂於表達想法 , 發揮創造力

Page 78: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Adobe Kuler iPhone Apphttp://awards.ixda.org/entry/2014/adobe-kuler-iphone-app/

Page 79: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

透過互動設計讓每天的日常工作與生活更有效率

Page 80: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Swegon IQ-Navigator – A Handheld Control Unithttp://awards.ixda.org/entry/2014/swegon-iq-navigator-a-handheld-control-unit/

Page 81: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 82: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

哪一種最有趣 ?

Page 83: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

哪一種最有趣 ?你最喜歡哪一種 ?

Page 84: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Down to the countryside ?

互動設計下鄉 ?

Page 85: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

為何下鄉 ?

Page 86: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

因為 …

Page 87: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

因為 …

你已經在鄉下了

Page 88: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

因為 …

你已經在鄉下了藉機出去走走到田野學習學習

Page 89: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

因為 …

你已經在鄉下了藉機出去走走到田野學習學習

用所學來表達對台灣鄉土的愛

Page 90: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

因為 …

你已經在鄉下了藉機出去走走到田野學習學習

用所學來表達對台灣鄉土的愛互動新媒體科技和原始純樸的鄉村本身就是很有趣的對比

Page 91: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

因為 …

你已經在鄉下了藉機出去走走到田野學習學習

用所學來表達對台灣鄉土的愛

數位媒體系不是只會做框在電腦裡的東西

互動新媒體科技和原始純樸的鄉村本身就是很有趣的對比

Page 92: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

What others have done ?

其它藝術家和設計師的下鄉成果

Page 93: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 94: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 95: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 96: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 97: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 98: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 99: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 100: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 101: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 102: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 103: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 104: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

胖卡

Page 105: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 106: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

http://www.youtube.com/watch?v=WgVMv_aEIDc

" 胖卡 " 偏鄉行 拉近城鄉數位落差

Page 107: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

台灣三太子

Page 108: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

http://www.youtube.com/watch?v=zU90iH5SArs

LEXUS 百萬挑戰賽 _決賽 _ 台灣三太子挑戰 100國 ( 電影預告概念影片 )

Page 109: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

成龍溼地

Page 110: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 111: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 112: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 113: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 114: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 115: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 116: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 117: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

寶藏巖

Page 118: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 119: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 120: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 121: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 122: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 123: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 124: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 125: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 126: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 127: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 128: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 129: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

其它

Page 130: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Page 131: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 132: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

網路截圖

Page 133: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

LED Throwieshttp://www.youtube.com/watch?v=Ui9-_Gh4_b0 After: Grafitti Research Lab

Page 134: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Oystermen by Marco Casagrande

Page 135: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Oystermen by Marco Casagrande

Page 136: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Oystermen by Marco Casagrande

Page 137: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Oystermen by Marco Casagrande

Page 138: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Have you come up with

any idea ?

互動設計做為一種觀點下鄉

Page 139: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

互動設計觀察練習

Page 140: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

Page 141: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

1. 逛校園做觀察

Page 142: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

1. 逛校園做觀察2. 有什麼地方可以透過互動設計改善的 ?

Page 143: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

1. 逛校園做觀察2. 有什麼地方可以透過互動設計改善的 ? 3. 或是透過互動設計可以變的更有趣的 ?

Page 144: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

1. 逛校園做觀察2. 有什麼地方可以透過互動設計改善的 ? 3. 或是透過互動設計可以變的更有趣的 ?4. 這個互動設計是屬於六類中的哪一類 ?

Page 145: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

Workshophour

1. 逛校園做觀察2. 有什麼地方可以透過互動設計改善的 ? 3. 或是透過互動設計可以變的更有趣的 ?4. 這個互動設計是屬於六類中的哪一類 ?

Page 146: Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside

THANKS FOR

YOUR ATTENTION

Conctact

Ting-Han Daniel [email protected]/danielnmc