於 2026年2月25日 (三) 19:20 的最新修訂

互動設計 (Interaction Design) - 114-2

上課時間：週五 09:10 - 12:00

課程概述 Course Overview

本課程核心為「具身認知與情感實體轉譯」。透過「黑盒子」專案，將產品設計思維與軟硬體整合技能結合，並以具身認知理論為框架，研究抽象情感如何被實體互動元素有效轉譯。專案模式：2 人一組，嚴格預算限定 (每組約 NT$1,000)。

教學目標 Objectives

專案模式：2人一組協作，在有限資源下進行高效的技術與設計分工。
核心技術：使用 VS Code 進行 Arduino 程式設計，掌握基礎電路與焊接，並運用 3D 建模與列印製作產品外殼。
學術理論：以具身認知 (Embodied Cognition) 為框架，將抽象情感轉譯為實體輸出 (聲音、震動、光線、動作等)。
期末專案：完成一個能傳遞「感受」的「黑盒子」，並進行使用者盲測與訪談，作為學術報告的實證依據。

課程進度 Schedule

階段一：基礎建構與專業工具鏈

週次	研究主題	實踐內容
第 1 週 (03/07)	課程基礎與專業工具入門	課程介紹 (軟硬體整合與設計趨勢)。分組與自我效能前測。基礎電路概念、萬用電表操作與焊接練習。
第 2 週 (03/14)	VS Code 環境配置與基礎程式設計	安裝配置 VS Code。撰寫第一個閃爍 LED 程式。填寫「工具學習負荷簡表」。
第 3 週 (03/21)	感測器輸入與運動控制	常用感測器原理 (光敏、按鈕)。使用 VS Code 序列埠監控除錯。驅動伺服馬達、直流馬達 (PWM)。
第 4 週 (03/28) 教師公出	感測器應用深化 (自習/非同步)	進階感測器讀取與馬達控制邏輯優化。
第 5 週 (04/04) 兒童節/清明連假
第 6 週 (04/11)	使用者需求分析、情感啟動與 3D 建模入門	選定目標使用者和核心情感 (Affective State)。撰寫模組化函式。基礎 3D 建模簡介。

階段二：設計思維與概念轉譯

週次	研究主題	實踐內容
第 7 週 (04/18)	情感的具身轉譯理論與設計	講解具身認知理論。將抽象情感分解為實體屬性。交付情感轉譯報告草稿。
第 8 週 (04/25)	中期設計簡報與技術可行性驗證	簡報情感轉譯邏輯與元件清單。教師進行技術可行性審核。
第 9 週 (05/02) 北商期中考週 / 勞動節	黑盒子外觀設計、3D 建模與測試	極簡美學與手持感設計。設計外殼幾何框架與內部固定結構。首版 3D 列印與硬體堆疊測試 (驗證公差)。
第 10 週 (05/09)	程式整合與進階邏輯	運用狀態機管理複雜互動流程，優化程式碼結構。
第 11 週 (05/16)	LLM/網路整合 (進階選修)	使用 ESP 板對接外部 API，實現複雜情感輸出。

階段三：產品實踐、實證與學術報告

週次	研究主題	實踐內容
第 12 週 (05/23)	使用者盲測工具與報告準備	準備盲測問卷 (含 TAM 模型後測) 與訪談腳本。
第 13 週 (05/30)	使用者體驗盲測與訪談記錄	邀請 3-5 位同學進行盲測。記錄量化數據 (感受標籤) 與定性數據 (身體感受描述)。
第 14 週 (06/06)	最終組裝與預演 I	產品精緻化組裝與測試調試。填寫效能後測問卷。
第 15 週 (06/13)	最終組裝與預演 II	最終調試與報告彙整。
第 16 週 (06/20) 端午節
第 17 週 (06/27)	學術報告撰寫與總結	將盲測數據納入學術報告「實證評估」章節。準備期末展示。
第 18 週 (07/04)	期末產品展示 (Demo Day) 與學術總結	實體展示。闡述設計動機與具身轉譯邏輯。展示盲測數據。

作業規劃 Assignments

週次	作業名稱	類型	截止日
第 8 週	中期設計簡報	presentation	2026-04-25
第 13 週	使用者盲測與訪談記錄	report	2026-05-30
第 18 週	期末產品展示與學術報告	demo+report	2026-07-04

@@ 第2行： / 第2行： @@
 <div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color:#2d3436; max-width:960px; margin:0 auto; padding:20px;">
-<div style="padding:40px; background:linear-gradient(120deg, #2c3e50 0%, #2d3436 100%); border-radius:12px; color:white; box-shadow:0 10px 20px rgba(0,0,0,0.1); margin-bottom:30px;">
+<div style="padding:40px; background:linear-gradient(120deg, #2ecc71 0%, #2d3436 100%); border-radius:12px; color:white; box-shadow:0 10px 20px rgba(0,0,0,0.1); margin-bottom:30px;">
 <h1 style="margin:0; font-size:2.5em; font-weight:700; border:none; padding:0; color:white;">互動設計 (Interaction Design) - 114-2</h1>
 </div>
@@ 第14行： / 第14行： @@
 透過「黑盒子」專案，將產品設計思維與軟硬體整合技能結合，並以具身認知理論為框架，研究抽象情感如何被實體互動元素有效轉譯。
 專案模式：'''2 人一組'''，嚴格預算限定 (每組約 NT$1,000)。
-學校僅提供 3D 印表機，材料與電子元件需自購。
 == 教學目標 Objectives ==
@@ 第24行： / 第23行： @@
 == 課程進度 Schedule ==
-=== 階段一：基礎建構與專業工具鏈 (第 1-6 週) ===
+=== 階段一：基礎建構與專業工具鏈 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
-! 週次 !! 主題 !! 內容
+! 週次 !! 研究主題 !! 實踐內容
 |-
-| 第 1 週 (02/27) '''和平紀念日補假''' ||  ||
+| 第 1 週 (03/07) || 課程基礎與專業工具入門 || 課程介紹 (軟硬體整合與設計趨勢)。分組與自我效能前測。基礎電路概念、萬用電表操作與焊接練習。
 |-
-| 第 2 週 (03/06) || 課程基礎與專業工具入門 || 課程介紹 (軟硬體整合與設計趨勢)。分組與自我效能前測。基礎電路概念、萬用電表操作與焊接練習。
+| 第 2 週 (03/14) || VS Code 環境配置與基礎程式設計 || 安裝配置 VS Code。撰寫第一個閃爍 LED 程式。填寫「工具學習負荷簡表」。
 |-
-| 第 3 週 (03/13) || VS Code 環境配置與基礎程式設計 || 安裝配置 VS Code。撰寫第一個閃爍 LED 程式。填寫「工具學習負荷簡表」。
+| 第 3 週 (03/21) || 感測器輸入與運動控制 || 常用感測器原理 (光敏、按鈕)。使用 VS Code 序列埠監控除錯。驅動伺服馬達、直流馬達 (PWM)。
 |-
-| 第 4 週 (03/20) || 感測器輸入與數位/類比處理 || 常用感測器原理 (光敏、按鈕)。使用 VS Code 序列埠監控除錯。
+| 第 4 週 (03/28) '''教師公出''' || 感測器應用深化 (自習/非同步) || 進階感測器讀取與馬達控制邏輯優化。
 |-
-| 第 5 週 (03/27) || 運動控制與 3D 建模入門 || 驅動伺服馬達、直流馬達 (PWM)。撰寫模組化函式。基礎 3D 建模簡介。
+| 第 5 週 (04/04) '''兒童節/清明連假''' ||  ||
 |-
-| 第 6 週 (04/03) '''兒童節/清明連假''' ||  ||
+| 第 6 週 (04/11) || 使用者需求分析、情感啟動與 3D 建模入門 || 選定目標使用者和核心情感 (Affective State)。撰寫模組化函式。基礎 3D 建模簡介。
 |}
-=== 階段二：設計思維與概念轉譯 (第 7-11 週) ===
+=== 階段二：設計思維與概念轉譯 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
-! 週次 !! 主題 !! 內容
+! 週次 !! 研究主題 !! 實踐內容
 |-
-| 第 7 週 (04/10) || 使用者需求分析與情感啟動 || 選定目標使用者和核心情感 (Affective State)。
+| 第 7 週 (04/18) || 情感的具身轉譯理論與設計 || 講解具身認知理論。將抽象情感分解為實體屬性。交付情感轉譯報告草稿。
 |-
-| 第 8 週 (04/17) || 情感的具身轉譯理論與設計 || 講解具身認知理論。將抽象情感分解為實體屬性。交付情感轉譯報告草稿。
+| 第 8 週 (04/25) || '''中期設計簡報與技術可行性驗證''' || 簡報情感轉譯邏輯與元件清單。教師進行技術可行性審核。
 |-
-| 第 9 週 (04/24) || '''中期設計簡報與技術可行性驗證''' || 簡報情感轉譯邏輯與元件清單。教師進行技術可行性審核。
+| 第 9 週 (05/02) '''北商期中考週 / 勞動節''' || 黑盒子外觀設計、3D 建模與測試 || 極簡美學與手持感設計。設計外殼幾何框架與內部固定結構。首版 3D 列印與硬體堆疊測試 (驗證公差)。
 |-
-| 第 10 週 (05/01) '''勞動節''' ||  ||
+| 第 10 週 (05/09) || 程式整合與進階邏輯 || 運用狀態機管理複雜互動流程，優化程式碼結構。
 |-
-| 第 11 週 (05/08) || 黑盒子外觀設計、3D 建模與測試 || 極簡美學與手持感設計。設計外殼幾何框架與內部固定結構。首版 3D 列印與硬體堆疊測試 (驗證公差)。
+| 第 11 週 (05/16) || LLM/網路整合 (進階選修) || 使用 ESP 板對接外部 API，實現複雜情感輸出。
 |}
-=== 階段三：產品實踐、實證與學術報告 (第 12-18 週) ===
+=== 階段三：產品實踐、實證與學術報告 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
-! 週次 !! 主題 !! 內容
+! 週次 !! 研究主題 !! 實踐內容
 |-
-| 第 12 週 (05/15) || 程式整合與進階邏輯 || 運用狀態機管理複雜互動流程，優化程式碼結構。
+| 第 12 週 (05/23) || 使用者盲測工具與報告準備 || 準備盲測問卷 (含 TAM 模型後測) 與訪談腳本。
 |-
-| 第 13 週 (05/22) || LLM/網路整合 (進階選修) || 使用 ESP 板對接外部 API，實現複雜情感輸出。
+| 第 13 週 (05/30) || '''使用者體驗盲測與訪談記錄''' || 邀請 3-5 位同學進行盲測。記錄量化數據 (感受標籤) 與定性數據 (身體感受描述)。
 |-
-| 第 14 週 (05/29) || 使用者盲測工具與報告準備 || 準備盲測問卷 (含 TAM 模型後測) 與訪談腳本。
+| 第 14 週 (06/06) || 最終組裝與預演 I || 產品精緻化組裝與測試調試。填寫效能後測問卷。
 |-
-| 第 15 週 (06/05) || '''使用者體驗盲測與訪談記錄''' || 邀請 3-5 位同學進行盲測。記錄量化數據 (感受標籤) 與定性數據 (身體感受描述)。
+| 第 15 週 (06/13) || 最終組裝與預演 II || 最終調試與報告彙整。
 |-
-| 第 16 週 (06/12) || 最終組裝、預演與學術報告撰寫 || 產品精緻化組裝與測試調試。填寫效能後測問卷。將盲測數據納入學術報告「實證評估」章節。
+| 第 16 週 (06/20) '''端午節''' ||  ||
 |-
-| 第 17 週 (06/19) '''端午節''' ||  ||
+| 第 17 週 (06/27) || 學術報告撰寫與總結 || 將盲測數據納入學術報告「實證評估」章節。準備期末展示。
 |-
-| 第 18 週 (06/26) || '''期末產品展示 (Demo Day) 與學術總結''' || 實體展示。闡述設計動機與具身轉譯邏輯。展示盲測數據。
+| 第 18 週 (07/04) || '''期末產品展示 (Demo Day) 與學術總結''' || 實體展示。闡述設計動機與具身轉譯邏輯。展示盲測數據。
+|}
+== 作業規劃 Assignments ==
+{| class="wikitable" style="width:100%; text-align:left;"
+|- style="background:#f8f9fa;"
+! 週次 !! 作業名稱 !! 類型 !! 截止日
+|-
+| 第 8 週 || 中期設計簡報 || presentation || 2026-04-25
+|-
+| 第 13 週 || 使用者盲測與訪談記錄 || report || 2026-05-30
+|-
+| 第 18 週 || 期末產品展示與學術報告 || demo+report || 2026-07-04
 |}