於 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

@@ 第1行： / 第1行： @@
-國立臺北商業⼤學    教學⼤綱 英⽂版教學⼤綱
-學年  :114  學年 學期  :第  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;">
-開課班級  :40B20A  四技創科⼆年甲班 科⽬名稱  :40B21320  互動設計  (INTERACTIVE DESIGN )
-學分數  :3.0  學分 每週上課  :3.0  ⼩時
+<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>
-教學⽬標 課程⽬標訓練產品設計學⽣將設計思維與軟硬體整合結合，並在嚴格的預算（每組兩⼈，共約  NT$1,000 ）下，完成具備學術研究價值的互動產品。
-教學內容
+<div style="background:white; padding:40px; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.05);">
-核⼼技術與要求專案模式：  2 ⼈⼀組，材料⾃購。學校僅提供  3D 印表機。程式環境：  使⽤  VS Code 進⾏  Arduino 程式設計。數位製造：  學習基礎  3D 建模與列印準備。
-學術理論融入理論框架：  具⾝認知（ Embodied Cognition ）與情感實體轉譯。研究要求：  學⽣需在第  15 週進⾏使⽤者盲測與訪談，記錄數據作為學期末學術報告的實證依據。
+'''上課時間'''：週五 09:10 - 12:00
-期末專案⿊盒⼦  — 感受的傳遞者：設計⼀個外觀極簡、只有⼀個開關的裝置。使⽤者按下後，透過實體輸出（聲⾳、震動、動作等）向使⽤者傳遞⼀種特定的抽象感受（例如：焦慮、平靜、驚喜）。
-學期總體評量⽅式總成績分為三部分：基礎與⼯具技能掌握（ 30% ）：  焊接、電路、 VS Code 程式品質、 3D 建模。專案⽂件與學術研究（ 25% ）：  情感轉譯報告、使⽤者盲測訪談記錄。期末專案與展⽰呈現（ 45% ）：  最終產品功能穩定性、外殼美學與整合度、學術總結報告、 Demo Day 現場專業問答。
+== 課程概述 Course Overview ==
-第   ⼀   週
+本課程核心為'''「具身認知與情感實體轉譯」'''。
-階段⼀：基礎建構與專業⼯具鏈（第  1-6 週）第  1 週：課程導論與設計趨勢課程將介紹互動設計與產品設計的交集，強調軟硬體整合的重要性。同時介紹本課程採⽤的專業⼯具鏈： VS Code 進⾏程式設計、 3D 建模⽤於外殼製作。進⾏分組並發放「互動原型製作⾃我效能」前測問卷，以評估學⽣的初始⾃我效能。
+透過「黑盒子」專案，將產品設計思維與軟硬體整合技能結合，並以具身認知理論為框架，研究抽象情感如何被實體互動元素有效轉譯。
-第   ⼆   週 第  2 週：基礎電學與焊接技術學習基本的電路概念、安全規範和萬⽤電表使⽤。實作內容為基礎的電路焊接練習與麵包板佈局。本週專注於降低技術的外部認知負荷。
+專案模式：'''2 人一組'''，嚴格預算限定 (每組約 NT$1,000)。
-第   三   週 第  3 週： VS Code 環境配置與基礎程式設計核⼼教學：  深入指導學⽣安裝並配置  VS Code ( 搭配相關擴充功能 ) ，並介紹其作為專業程式設計環境的優勢。實作內容為撰寫並上傳第⼀個閃爍  LED 程式。學⽣將填寫「⼯具學習負荷簡表」，以追蹤  VS Code 對初始學習的認知負荷影響。
-第   四   週 第  4 週：感測器輸入與數位 / 類比處理學習常⽤感測器原理（如光敏電阻、按鈕）。實作重點是利⽤  VS Code 序列埠監控進⾏數據除錯，實現感測器數值輸入控制。
+== 教學目標 Objectives ==
-第   五   週 第  5 週：致動器輸出與運動控制學習驅動伺服⾺達、直流⾺達等致動器，並⽤  PWM 實現複雜的漸變控制。⿎勵學⽣撰寫模組化函式，這有助於優化認知相關負荷。
+#  '''專案模式'''：2人一組協作，在有限資源下進行高效的技術與設計分工。
-第   六   週 第  6 週：基礎  3D 建模與切片準備核⼼教學：  學習  3D 建模軟體，專注於幾何造型、布林運算和尺⼨控制。實作內容為導出  STL 檔案並進⾏切片軟體的參數設置。
+#  '''核心技術'''：使用 VS Code 進行 Arduino 程式設計，掌握基礎電路與焊接，並運用 3D 建模與列印製作產品外殼。
-第   七   週 階段⼆：設計思維與概念轉譯（第  7-11 週）第  7 週：使⽤者需求分析與情感啟動回顧產品設計流程，⼩組選定專案的⽬標使⽤者和核⼼情感（ Affective State ）。學⽣定義的核⼼情感將作為研究中「設計者意圖」的對照資料。
+#  '''學術理論'''：以具身認知 (Embodied Cognition) 為框架，將抽象情感轉譯為實體輸出 (聲音、震動、光線、動作等)。
-第   八   週 第  8 週：情感的具⾝轉譯理論與設計學術融入：  講解具⾝認知理論及其在互動設計中的應⽤。學⽣需將抽象情感分解為實體屬性（聲⾳、震動、時序）。交付情感轉譯報告草稿，作為定性研究的分析素材。
+#  '''期末專案'''：完成一個能傳遞「感受」的「黑盒子」，並進行使用者盲測與訪談，作為學術報告的實證依據。
-第   九   週 第  9 週：中期設計簡報與技術可⾏性驗證學⽣簡報其情感轉譯的初步邏輯與元件清單。教師進⾏技術可⾏性審核。對遇到困難的⼩組進⾏半結構式訪談，探討跨學科整合挑戰。
-第   ⼗   週 第  10 週：⿊盒⼦外觀設計與  3D 建模  I專注於產品的極簡美學與⼿持感設計。實作內容為根據電⼦元件尺⼨，設計外殼的幾何框架與內部固定結構。
+== 課程進度 Schedule ==
-第⼗⼀週 第  11 週： 3D 建模  II 、⾸版列印與組裝測試實作：進⾏⾸版外殼的  3D 列印，並立即進⾏硬體堆疊測試，驗證電⼦元件與外殼設計的公差。
-第⼗⼆週 階段三：產品實踐、實證與學術報告（第  12-18 週）第  12 週：程式整合與進階邏輯VS Code 實戰：  運⽤狀態機管理複雜互動流程，並優化程式碼結構。收集學⽣的程式碼作為績效指標，分析其模組化程度。
+=== 階段一：基礎建構與專業工具鏈 ===
-第⼗三週 第  13 週： LLM/ 網路整合與複雜輸出實作（進階選修）進階實作：  使⽤  ESP 板⼦與外部  API 服務對接，實現智慧回應等複雜情感輸出。記錄學⽣在整合⾼複雜度  API 時的除錯⽇誌，分析外部認知負荷。
+{| class="wikitable" style="width:100%; text-align:left;"
-第⼗四週 第  14 週：使⽤者盲測⼯具與報告準備準備「情感轉譯與具⾝體驗盲測問卷」，設計訪談腳本。問卷中應包含  TAM 模型中的感知有⽤性與感知易⽤性的後測題項。
+|- style="background:#f8f9fa;"
-第⼗五週
+! 週次 !! 研究主題 !! 實踐內容
-第  15 週：使⽤者體驗盲測與訪談記錄（核⼼研究環節）實務：  學⽣邀請  3-5 位非設計組同學擔任測試者。測試者在不知情預期情感的前提下使⽤產品。學⽣必須進⾏簡單訪談並完整記錄以下數據：1. 量化數據：  測試者選出的實際感受標籤與強度評分。2. 定性數據：  訪談記錄，特別是關於⾝體感受的描述（⽀持具⾝認知）。學⽣根據收集到的數據進⾏設計迭代修正。
+|-
-第⼗六週 第  16 週：最終組裝與學術報告撰寫  I進⾏產品的精緻化組裝與外觀處理。學⽣必須將第  15 週的訪談與數據納入其學術報告的「實證評估」章節。
+| 第 1 週 (03/07) || 課程基礎與專業工具入門 || 課程介紹 (軟硬體整合與設計趨勢)。分組與自我效能前測。基礎電路概念、萬用電表操作與焊接練習。
-第⼗七週 第  17 週：期末展⽰預演與最終調試進⾏產品展⽰預演，測試產品的可靠性。學⽣填寫「互動原型製作⾃我效能」後測問卷與  TAM 後測問卷，以量化分析其⾃我效能提升與技術接受度。
+|-
-第⼗八週 第  18 週：期末產品展⽰（ Demo Day ）與學術總結展⽰：  進⾏實體產品展⽰，學⽣需闡述設計動機、具⾝轉譯邏輯，並展⽰盲測⼀致性數據。課程結束後，收集所有學⽣的研究數據，進⾏最終的統計分析與學術貢獻總結。
+| 第 2 週 (03/14) || VS Code 環境配置與基礎程式設計 || 安裝配置 VS Code。撰寫第一個閃爍 LED 程式。填寫「工具學習負荷簡表」。
-/12/4 晚上 7:24 課程教學⼤綱
+|-
-https://ntcbadm.ntub.edu.tw/TchWeb/Cur_SelTeaching.aspx 1/2
+| 第 3 週 (03/21) || 感測器輸入與運動控制 || 常用感測器原理 (光敏、按鈕)。使用 VS Code 序列埠監控除錯。驅動伺服馬達、直流馬達 (PWM)。
-成績評量
+|-
-本課程的總成績（ 100% ）將分為三個主要部分進⾏評量，旨在全⾯考核產品設計學⽣的技術能⼒、學術思維和最終產品的整合與呈現。I. 基礎與⼯具技能掌握（佔總成績  30% ）此部分評量學⽣對課程前半段基礎知識和專業⼯具鏈的掌握程度。評量內容：  基礎電路實作（焊接品質、電路板佈局的整潔與功能性）、 VS Code 程式碼邏輯（模組化、除錯效率）、以及  3D 建模（幾何造型的準確性和公差處理）。繳交物：  第  6 週提交的基礎技術練習報告，以及第  14 週提交的進階程式碼與建模挑戰。
+| 第 4 週 (03/28) '''教師公出''' || 感測器應用深化 (自習/非同步) || 進階感測器讀取與馬達控制邏輯優化。
-II. 專案⽂件與學術研究（佔總成績  25% ）此部分是確保學術研究融入課程的關鍵環節，評量學⽣從抽象概念到實證研究的嚴謹性。評量內容：  情感實體轉譯報告（理論分析與實體屬性映射）、使⽤者盲測訪談記錄（包含量化的⼀致性數據與定性的⾝體感受描述）、以及學術研究問卷的完成。繳交物：  第  8 週情感轉譯報告，第  15 週使⽤者盲測訪談記錄，以及第  17 週提交的學術研究前後測問卷。
+|-
-III. 期末專案與展⽰呈現（佔總成績  45% ）此部分是最⾼比重，旨在評量最終產品的整合品質和學⽣的專業呈現能⼒。評量內容：最終成果：  「⿊盒⼦」實體產品的功能穩定性、 3D 列印外殼與電⼦元件的整合度、以及產品的美學設計。學術報告：  清晰闡述設計意圖、技術實現細節、以及對盲測數據的分析與討論，並將結果與具⾝認知理論進⾏連結。⼝語表達：  Demo Day 現場操作的流暢度，以及學⽣對評審提出的研究與理論問題的專業問答與應對能⼒。繳交物：  第  17 週學術總結報告，以及第  18 週  Demo Day 現場的產品與演⽰。
+| 第 5 週 (04/04) '''兒童節/清明連假''' ||  ||
-指定教科書及參考書籍
+|-
-校核⼼能⼒指標
+| 第 6 週 (04/11) || 使用者需求分析、情感啟動與 3D 建模入門 || 選定目標使用者和核心情感 (Affective State)。撰寫模組化函式。基礎 3D 建模簡介。
-實務技能 30 %
+|}
-創意創新 30 %
-⾃我管理 10 %
+=== 階段二：設計思維與概念轉譯 ===
-社會關懷 10 %
+{| class="wikitable" style="width:100%; text-align:left;"
-數位化 20 %
+|- style="background:#f8f9fa;"
-系核⼼能⼒指標
+! 週次 !! 研究主題 !! 實踐內容
-產品創意設計能⼒ 45 %
+|-
-智慧科技應⽤能⼒ 45 %
+| 第 7 週 (04/18) || 情感的具身轉譯理論與設計 || 講解具身認知理論。將抽象情感分解為實體屬性。交付情感轉譯報告草稿。
-跨領域的整合能⼒ 10 %
+|-
-外語相關教學
+| 第 8 週 (04/25) || '''中期設計簡報與技術可行性驗證''' || 簡報情感轉譯邏輯與元件清單。教師進行技術可行性審核。
-全英語 ( 外語 ) 教學
+|-
-全英語 ( 外語 ) 授課
+| 第 9 週 (05/02) '''北商期中考週 / 勞動節''' || 黑盒子外觀設計、3D 建模與測試 || 極簡美學與手持感設計。設計外殼幾何框架與內部固定結構。首版 3D 列印與硬體堆疊測試 (驗證公差)。
-全英語 ( 外語 ) 教材
+|-
-九週以上全英語 ( 外語 ) 教材
+| 第 10 週 (05/09) || 程式整合與進階邏輯 || 運用狀態機管理複雜互動流程，優化程式碼結構。
-九週以上英語 ( 外語 ) 授課
+|-
-九週以上英語 ( 外語 ) 講座
+| 第 11 週 (05/16) || LLM/網路整合 (進階選修) || 使用 ESP 板對接外部 API，實現複雜情感輸出。
-聯合國永續發展⽬標(SDGs 跨域類別 )
+|}
-SDGs 01. 消除貧窮：消除各地⼀切形式的貧窮
-SDGs 02. 終⽌飢餓：消除飢餓，達成糧食安全，改善營養及促進永續農業
+=== 階段三：產品實踐、實證與學術報告 ===
-SDGs 03. 良好健康與福祉：確保健康及促進各年齡層的福祉
+{| class="wikitable" style="width:100%; text-align:left;"
-SDGs 04. 優質教育：確保有教無類、公平以及⾼品質的教育，提倡終⾝學習
+|- style="background:#f8f9fa;"
-SDGs 05. 性別平等：實現兩性平等，並賦予所有婦女權⼒
+! 週次 !! 研究主題 !! 實踐內容
-SDGs 06. 乾淨飲⽔與衛⽣：確保所有⼈都能享有⽔及衛⽣及其永續管理
+|-
-SDGs 07. 負擔得起的潔淨能源：確保所有的⼈都可取得負擔的起、可靠的、  永續的，以及現代的能源
+| 第 12 週 (05/23) || 使用者盲測工具與報告準備 || 準備盲測問卷 (含 TAM 模型後測) 與訪談腳本。
-SDGs 08. 有尊嚴的⼯作與經濟成長：促進包容且永續的經濟成長，達到全⾯且⽣產⼒的就業，讓每⼀個⼈都有⼀份好⼯作
+|-
-SDGs 09. 產業、創新與經濟成長：建立具有韌性的基礎建設，促進包容且永續的⼯業，並加速創新
+| 第 13 週 (05/30) || '''使用者體驗盲測與訪談記錄''' || 邀請 3-5 位同學進行盲測。記錄量化數據 (感受標籤) 與定性數據 (身體感受描述)。
-SDGs 10. 減少不平等：減少國內及國家間不平等
+|-
-SDGs 11. 永續發展的城市與社區：促使城市與⼈類居住具包容、安全、韌性及永續性
+| 第 14 週 (06/06) || 最終組裝與預演 I || 產品精緻化組裝與測試調試。填寫效能後測問卷。
-SDGs 12. 負責任的消費與⽣產：確保永續的消費與⽣產模式
+|-
-SDGs 13. 氣候⾏動：採取緊急措施以因應氣候變遷及其影響
+| 第 15 週 (06/13) || 最終組裝與預演 II || 最終調試與報告彙整。
-SDGs 14. ⽔域⽣態：保育及永續利⽤海洋與海洋資源，以確保永續發展
+|-
-SDGs 15. 陸地⽣態：保護、維護及促進領地⽣態系統的永續使⽤，永續的管理森林，對抗沙漠化，終⽌  及逆轉⼟地劣化，並遏⽌⽣物多樣性的喪失
+| 第 16 週 (06/20) '''端午節''' ||  ||
-SDGs 16. 和平、正義與有效治理：進和平且包容的社會，以落實永續發展；  提供司法管道給所有⼈；在所有的階層建立  有效的、負責的且包容的制度
+|-
-SDGs 17. 促進⽬標實現的夥伴關係：強化永續發展執⾏⽅法及活化永續發展促進⽬標實現的夥伴關係
+| 第 17 週 (06/27) || 學術報告撰寫與總結 || 將盲測數據納入學術報告「實證評估」章節。準備期末展示。
-※「遵守智慧財產權觀念」與「不得非法影印」※
+|-
-  列印        關閉
+| 第 18 週 (07/04) || '''期末產品展示 (Demo Day) 與學術總結''' || 實體展示。闡述設計動機與具身轉譯邏輯。展示盲測數據。
-/12/4 晚上 7:24 課程教學⼤綱
+|}
-https://ntcbadm.ntub.edu.tw/TchWeb/Cur_SelTeaching.aspx 2/2
+== 作業規劃 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
+|}
+</div>
+</div>