互
下

Interaction Design
Down To The Countryside
互動設計 ■ 下鄉

雲林科技大學 數位媒體設計系
大二課程 感測裝置設計 (Sense Apparatus Design)
3-EFG/DA307
什麼是
互動設計 ?

What is
Interaction
Design?
先有人
有東西
感應人的動作
或行為
經過一些
你精心設計的
機制或程式
透過某個東西
呈現在你面前
wow!
重點也就是
Input 和
output
介面的設計
分析看看
這些是哪些
input +
output ?

Can you
show me
some
Examples?
After: nsandd.com
After: bitplay in
After: mathmos
After: "A Day Made of Glas
After: Minority Repor
After: Oblivion
After: Ashley Leg
After: PHILIPS
After: PHILIPS
After: United Realit
After: Richard Th
有哪些常見的
input/output
components 呢?

Input /
output
Components?
這麼多
input / output
components
該怎麼開始學起
才好呢 ?
其實一切
都可從
開關開始 !

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

就亮
了 !
After: studiodrift.
電池
接上
去 !

After: studiodrift.
就亮
了 !

電池
接上
去 !

After: studiodrift.
比較厲害
一點的開
關之一

磁簧開關應用
Yellow Butterfly Pavilion
http://www.youtube.com/watch?v=RmKlik99ZQk
比較厲害
一點的開
關之二

水銀開關應用
After: LOCOMO
After: Bowling Pin Lig
比較厲害
一點的開
關之三

Flex sensor
應用
Photo by mikek
還有很多厲
害的開關…
以及
不是開關
的東西

還有很多厲
害的開關…
以及
不是開關
的東西

還有很多厲
害的開關…

(等 Teddy 老師教 !)
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25

Teddy 老
師會教這
個
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

台北華山
到時可以
去看

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
駭客的方
法
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
這可自摸
故不用教
HACKER’S
APPROACH

BUILDING
BLOCK
TOOLKITS
& TOYS

ARDUINO

MAKER FAIRE:
TAIPEI
2014
5.24-25
ATTENTIO
N!
互動設計
並不是只有科技
但從 input/output 科技開始學習互動設
計是一個有趣的起點

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

ATTENTIO
N!
APPEEL
http://www.rt80.net/appeel/

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

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

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

Why
Interaction
Design ?

不知道嗎 ?
沒關係 …
其實
互動設計獎
早已幫你總結了
CONNECTING
連結

DISRUPTING
破壞性創新

EMPOWERIN
G
賦予

ENGAGING
融入

EXPRESSING
表達

OPTIMIZING
最佳化

互動設計獎總結的互動設計六種目的性類型
透過互動設計促進人與人, 人與社會的交流和連結性
KonneKt: a social game for isolated
children in the hospital
http://awards.ixda.org/entry/2014/konnekt-a-social-game-foris...
透過互動設計創造新的服務, 新的產品, 新的行為, 或開拓新的市場
Avena+ Test Bed – Agricultural Printing
and Altered Landscapes
http://awards.ixda.org/entry/2014/avena-test-bed-agricultur...
透過互動設計幫助弱勢, 或賦予人們力量
Pivot: A Tool to Empower Human
Trafficking Victims
http://awards.ixda.org/entry/2014/pivot-a-tool-to-empowerhuman-traffick...
透過互動設計創造有趣且有意義的難忘的體驗
Addicted Products
http://awards.ixda.org/entry/2014/addicted-products/
透過互動設計讓人們更樂於表達想法, 發揮創造力
Adobe Kuler iPhone App
http://awards.ixda.org/entry/2014/adobe-kuler-iphone-app/
透過互動設計讓每天的日常工作與生活更有效率
Swegon IQ-Navigator – A Handheld
Control Unit
http://awards.ixda.org/entry/2014/swegon-iq-navigator-ahandheld-control-unit...
哪一種
最有趣 ?
哪一種
最有趣 ?

你最喜歡
哪一種 ?
互動設計下鄉 ?

Down to the
countryside ?
為何下鄉 ?
因為 …
你已經在鄉下了

因為 …
藉機出去走走
到田野學習學習

你已經在鄉下了

因為 …
藉機出去走走
到田野學習學習

你已經在鄉下了

因為 …
用所學來表達
對台灣鄉土的愛
藉機出去走走
到田野學習學習

你已經在鄉下了

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

用所學來表達
對台灣鄉土的愛
藉機出去走走
到田野學習學習

你已經在鄉下了

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

互動新媒體科技
和原始純樸的鄉
村本身就是很有
趣的對比
數位媒體系
不是只會做
框在電腦裡
的東西
其它藝術家和設
計師的下鄉成果

What others
have done ?
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
胖卡
網路截圖
"胖卡" 偏鄉行 拉近城鄉數位落差
http://www.youtube.com/watch?v=WgVMv_aEIDc
台灣三太子
LEXUS 百萬挑戰賽_決賽_台灣三太子挑戰
100國 (電影預告概念影片)
http://www.youtube.com/watch?v=zU90iH5SArs
成龍溼地
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
寶藏巖
網路截圖
網路截圖
網路截圖
網路截圖
網路截圖
其它
網路截圖
網路截圖
LED Throwies
http://www.youtube.com/watch?v=Ui9-_Gh4_b0

After: Grafitti Researc
Oystermen by Marco Casagrande
Oystermen by Marco Casagrande
Oystermen by Marco Casagrande
Oystermen by Marco Casagrande
互動設計
做為一種觀點
下鄉

Have you
come up with
any idea ?
互動設計
觀察練習

Workshop
hour
Workshop
hour
1. 逛校園做觀察

Workshop
hour
Workshop
hour

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

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

1.
2.
3.
4.

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

1.
2.
3.
4.

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

Conctact
Ting-Han Daniel Chen
daniel@soforest.tw
www.facebook.com/danielnmc
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Upcoming SlideShare
Loading in...5
×

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

992

Published on

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.

Published in: Design

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

  1. 1. 互 下 Interaction Design Down To The Countryside 互動設計 ■ 下鄉 雲林科技大學 數位媒體設計系 大二課程 感測裝置設計 (Sense Apparatus Design) 3-EFG/DA307
  2. 2. 什麼是 互動設計 ? What is Interaction Design?
  3. 3. 先有人
  4. 4. 有東西 感應人的動作 或行為
  5. 5. 經過一些 你精心設計的 機制或程式
  6. 6. 透過某個東西 呈現在你面前
  7. 7. wow!
  8. 8. 重點也就是 Input 和 output 介面的設計
  9. 9. 分析看看 這些是哪些 input + output ? Can you show me some Examples?
  10. 10. After: nsandd.com
  11. 11. After: bitplay in
  12. 12. After: mathmos
  13. 13. After: "A Day Made of Glas
  14. 14. After: Minority Repor
  15. 15. After: Oblivion
  16. 16. After: Ashley Leg
  17. 17. After: PHILIPS
  18. 18. After: PHILIPS
  19. 19. After: United Realit
  20. 20. After: Richard Th
  21. 21. 有哪些常見的 input/output components 呢? Input / output Components?
  22. 22. 這麼多 input / output components 該怎麼開始學起 才好呢 ?
  23. 23. 其實一切 都可從 開關開始 ! 這麼多 input / output components 該怎麼開始學起 才好呢 ?
  24. 24. 插上 去 !
  25. 25. 插上 去 ! 就亮 了 !
  26. 26. After: studiodrift.
  27. 27. 電池 接上 去 ! After: studiodrift.
  28. 28. 就亮 了 ! 電池 接上 去 ! After: studiodrift.
  29. 29. 比較厲害 一點的開 關之一 磁簧開關應用
  30. 30. Yellow Butterfly Pavilion http://www.youtube.com/watch?v=RmKlik99ZQk
  31. 31. 比較厲害 一點的開 關之二 水銀開關應用
  32. 32. After: LOCOMO
  33. 33. After: Bowling Pin Lig
  34. 34. 比較厲害 一點的開 關之三 Flex sensor 應用
  35. 35. Photo by mikek
  36. 36. 還有很多厲 害的開關…
  37. 37. 以及 不是開關 的東西 還有很多厲 害的開關…
  38. 38. 以及 不是開關 的東西 還有很多厲 害的開關… (等 Teddy 老師教 !)
  39. 39. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  40. 40. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  41. 41. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25 Teddy 老 師會教這 個
  42. 42. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  43. 43. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS 台北華山 到時可以 去看 ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  44. 44. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  45. 45. 駭客的方 法 HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  46. 46. HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  47. 47. 這可自摸 故不用教 HACKER’S APPROACH BUILDING BLOCK TOOLKITS & TOYS ARDUINO MAKER FAIRE: TAIPEI 2014 5.24-25
  48. 48. ATTENTIO N!
  49. 49. 互動設計 並不是只有科技 但從 input/output 科技開始學習互動設 計是一個有趣的起點 ATTENTIO N!
  50. 50. 想法 往往才是重點 好的互動設計也可以不需要科技 ATTENTIO N!
  51. 51. APPEEL http://www.rt80.net/appeel/ After: Richard Th
  52. 52. 但這門課叫作 感測裝置設計 所以還是要有一點點感測科技應用 我對你們老師才比較好交待 BUT …
  53. 53. 接下來要來談談 為何要互動設 計 ? Why Interaction Design ?
  54. 54. 接下來要來談談 為何要互動設 計 ? Why Interaction Design ? 不知道嗎 ? 沒關係 …
  55. 55. 其實 互動設計獎 早已幫你總結了
  56. 56. CONNECTING 連結 DISRUPTING 破壞性創新 EMPOWERIN G 賦予 ENGAGING 融入 EXPRESSING 表達 OPTIMIZING 最佳化 互動設計獎總結的互動設計六種目的性類型
  57. 57. 透過互動設計促進人與人, 人與社會的交流和連結性
  58. 58. KonneKt: a social game for isolated children in the hospital http://awards.ixda.org/entry/2014/konnekt-a-social-game-forisolated-children-in-the-hospital
  59. 59. 透過互動設計創造新的服務, 新的產品, 新的行為, 或開拓新的市場
  60. 60. Avena+ Test Bed – Agricultural Printing and Altered Landscapes http://awards.ixda.org/entry/2014/avena-test-bed-agriculturalprinting-and-altered-landscapes/
  61. 61. 透過互動設計幫助弱勢, 或賦予人們力量
  62. 62. Pivot: A Tool to Empower Human Trafficking Victims http://awards.ixda.org/entry/2014/pivot-a-tool-to-empowerhuman-trafficking-victims/
  63. 63. 透過互動設計創造有趣且有意義的難忘的體驗
  64. 64. Addicted Products http://awards.ixda.org/entry/2014/addicted-products/
  65. 65. 透過互動設計讓人們更樂於表達想法, 發揮創造力
  66. 66. Adobe Kuler iPhone App http://awards.ixda.org/entry/2014/adobe-kuler-iphone-app/
  67. 67. 透過互動設計讓每天的日常工作與生活更有效率
  68. 68. Swegon IQ-Navigator – A Handheld Control Unit http://awards.ixda.org/entry/2014/swegon-iq-navigator-ahandheld-control-unit/
  69. 69. 哪一種 最有趣 ?
  70. 70. 哪一種 最有趣 ? 你最喜歡 哪一種 ?
  71. 71. 互動設計下鄉 ? Down to the countryside ?
  72. 72. 為何下鄉 ?
  73. 73. 因為 …
  74. 74. 你已經在鄉下了 因為 …
  75. 75. 藉機出去走走 到田野學習學習 你已經在鄉下了 因為 …
  76. 76. 藉機出去走走 到田野學習學習 你已經在鄉下了 因為 … 用所學來表達 對台灣鄉土的愛
  77. 77. 藉機出去走走 到田野學習學習 你已經在鄉下了 因為 … 互動新媒體科技 和原始純樸的鄉 村本身就是很有 趣的對比 用所學來表達 對台灣鄉土的愛
  78. 78. 藉機出去走走 到田野學習學習 你已經在鄉下了 因為 … 用所學來表達 對台灣鄉土的愛 互動新媒體科技 和原始純樸的鄉 村本身就是很有 趣的對比 數位媒體系 不是只會做 框在電腦裡 的東西
  79. 79. 其它藝術家和設 計師的下鄉成果 What others have done ?
  80. 80. 網路截圖
  81. 81. 網路截圖
  82. 82. 網路截圖
  83. 83. 網路截圖
  84. 84. 網路截圖
  85. 85. 網路截圖
  86. 86. 網路截圖
  87. 87. 網路截圖
  88. 88. 網路截圖
  89. 89. 網路截圖
  90. 90. 胖卡
  91. 91. 網路截圖
  92. 92. "胖卡" 偏鄉行 拉近城鄉數位落差 http://www.youtube.com/watch?v=WgVMv_aEIDc
  93. 93. 台灣三太子
  94. 94. LEXUS 百萬挑戰賽_決賽_台灣三太子挑戰 100國 (電影預告概念影片) http://www.youtube.com/watch?v=zU90iH5SArs
  95. 95. 成龍溼地
  96. 96. 網路截圖
  97. 97. 網路截圖
  98. 98. 網路截圖
  99. 99. 網路截圖
  100. 100. 網路截圖
  101. 101. 網路截圖
  102. 102. 網路截圖
  103. 103. 寶藏巖
  104. 104. 網路截圖
  105. 105. 網路截圖
  106. 106. 網路截圖
  107. 107. 網路截圖
  108. 108. 網路截圖
  109. 109. 其它
  110. 110. 網路截圖
  111. 111. 網路截圖
  112. 112. LED Throwies http://www.youtube.com/watch?v=Ui9-_Gh4_b0 After: Grafitti Researc
  113. 113. Oystermen by Marco Casagrande
  114. 114. Oystermen by Marco Casagrande
  115. 115. Oystermen by Marco Casagrande
  116. 116. Oystermen by Marco Casagrande
  117. 117. 互動設計 做為一種觀點 下鄉 Have you come up with any idea ?
  118. 118. 互動設計 觀察練習 Workshop hour
  119. 119. Workshop hour
  120. 120. 1. 逛校園做觀察 Workshop hour
  121. 121. Workshop hour 1. 逛校園做觀察 2. 有什麼地方可以透過互動設計改善的 ?
  122. 122. Workshop hour 1. 逛校園做觀察 2. 有什麼地方可以透過互動設計改善的 ? 3. 或是透過互動設計可以變的更有趣的 ?
  123. 123. Workshop hour 1. 2. 3. 4. 逛校園做觀察 有什麼地方可以透過互動設計改善的 ? 或是透過互動設計可以變的更有趣的 ? 這個互動設計是屬於六類中的哪一類 ?
  124. 124. Workshop hour 1. 2. 3. 4. 逛校園做觀察 有什麼地方可以透過互動設計改善的 ? 或是透過互動設計可以變的更有趣的 ? 這個互動設計是屬於六類中的哪一類 ?
  125. 125. THANKS FOR YOUR ATTENTION Conctact Ting-Han Daniel Chen daniel@soforest.tw www.facebook.com/danielnmc
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×