跳至內容

「Course:114-2/互動設計」：修訂間差異

出自江振維的課程知識庫
← 較舊編輯較新編輯 →
Maintenance script​（留言 | 貢獻）
38筆編輯
視覺化wikitext
Skipclass​（留言 | 貢獻）
行政員、​介面管理員、​管理員
993筆編輯
Formatted via Gemini CLI: Standard Template
Maintenance script​（留言 | 貢獻）
38筆編輯
Update course content
第1行： 第1行：
{| class="wikitable" style="float:right; width:300px; margin-left:20px;"
= 互動設計 (Interaction Design) - 114-2 =
! colspan="2" | 課程資訊 Course Information
 
|-
== 目次 ==
| 教師 Instructor || 江振維 (Chiang, Chen-Wei)
'' [[#課程概述-course-overview|1 課程概述 Course Overview]]
|-
'' [[#教學目標-objectives|2 教學目標 Objectives]]
| 學分數 Credits || 3.0
* [[#課程進度-schedule|3 課程進度 Schedule]]
|-
 
| 時間 Time || 3.0 Hours
|-
| 地點 Location || N/A
|}


== 課程概述 Course Overview ==
== 課程概述 Course Overview ==
參見教學目標 (See Objectives)
本課程核心為'''「具身認知與情感實體轉譯」'''。
透過「黑盒子」專案，將產品設計思維與軟硬體整合技能結合，並以具身認知理論為框架，研究抽象情感如何被實體互動元素有效轉譯。
專案模式：'''2 人一組'''，嚴格預算限定 (每組約 NT$1,000)。
學校僅提供 3D 印表機，材料與電子元件需自購。


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


== 評分標準 Grading ==
=== 階段一：基礎建構與專業工具鏈 (第 1-6 週) ===
{| class="wikitable" width="100%"
{| class="wikitable"
! 項目 Item !! 比重 Weight !! 內容 Description
|-
| 本課程的總成績（  ）將分為三個主要部分進⾏評量，旨在全⾯考核產品設計學⽣的技術能⼒、學術思維和最終產品的整合與呈現 || 100% || -
|-
|-
| I. 基礎與⼯具技能掌握（佔總成績  ）此部分評量學⽣對課程前半段基礎知識和專業⼯具鏈的掌握程度 || 30% || -
! 週次 !! 主題 !! 內容
|-
|-
| 評量內容： 基礎電路實作（焊接品質、電路板佈局的整潔與功能性）、 VS Code 程式碼邏輯（模組化、除錯效率）、以及 3D 建模（幾何造型的準確性和公差處理） || || -
| :--- || :--- || :---
|-
|-
| 繳交物： 第 6 週提交的基礎技術練習報告，以及第 14 週提交的進階程式碼與建模挑戰 ||  || -
| 第 1 週 || 課程導論與設計趨勢 || 介紹軟硬體整合、專業工具鏈 (VS Code, 3D 建模)。分組與自我效能前測。
|-
|-
| II. 專案⽂件與學術研究（佔總成績  ）此部分是確保學術研究融入課程的關鍵環節，評量學⽣從抽象概念到實證研究的嚴謹性 || 25% || -
| 第 2 週 || 基礎電學與焊接技術 || 電路概念、萬用電表、焊接練習。降低技術外部認知負荷。
|-
|-
| 評量內容： 情感實體轉譯報告（理論分析與實體屬性映射）、使⽤者盲測訪談記錄（包含量化的⼀致性數據與定性的⾝體感受描述）、以及學術研究問卷的完成 || || -
| 第 3 週 || VS Code 環境配置與基礎程式設計 || 安裝配置 VS Code。撰寫第一個閃爍 LED 程式。填寫「工具學習負荷簡表」。
|-
|-
| 繳交物： 第 8 週情感轉譯報告，第 15 週使⽤者盲測訪談記錄，以及第 17 週提交的學術研究前後測問卷 ||  || -
| 第 4 週 || 感測器輸入與數位/類比處理 || 常用感測器原理 (光敏、按鈕)。使用 VS Code 序列埠監控除錯。
|-
|-
| III. 期末專案與展⽰呈現（佔總成績  ）此部分是最⾼比重，旨在評量最終產品的整合品質和學⽣的專業呈現能⼒ || 45% || -
| 第 5 週 || 致動器輸出與運動控制 || 驅動伺服馬達、直流馬達 (PWM)。撰寫模組化函式。
|-
|-
| 評量內容：最終成果： 「⿊盒⼦」實體產品的功能穩定性、 3D 列印外殼與電⼦元件的整合度、以及產品的美學設計 || || -
| 第 6 週 || 基礎 3D 建模與切片準備 || 3D 建模 (幾何造型、布林運算、尺寸控制)。導出 STL 與切片設置。
|-
| 學術報告： 清晰闡述設計意圖、技術實現細節、以及對盲測數據的分析與討論，並將結果與具⾝認知理論進⾏連結 ||  || -
|-
| ⼝語表達： Demo Day 現場操作的流暢度，以及學⽣對評審提出的研究與理論問題的專業問答與應對能⼒ ||  || -
|-
| 繳交物： 第 17 週學術總結報告，以及第 18 週 Demo Day 現場的產品與演⽰ ||  || -
|}
|}


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

於 2026年2月19日 (四) 16:53 的修訂

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

目次

1 課程概述 Course Overview 2 教學目標 Objectives


課程概述 Course Overview

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

教學目標 Objectives

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

課程進度 Schedule

階段一：基礎建構與專業工具鏈 (第 1-6 週)

週次 主題 內容
:--- :--- :---
第 1 週 課程導論與設計趨勢 介紹軟硬體整合、專業工具鏈 (VS Code, 3D 建模)。分組與自我效能前測。
第 2 週 基礎電學與焊接技術 電路概念、萬用電表、焊接練習。降低技術外部認知負荷。
第 3 週 VS Code 環境配置與基礎程式設計 安裝配置 VS Code。撰寫第一個閃爍 LED 程式。填寫「工具學習負荷簡表」。
第 4 週 感測器輸入與數位/類比處理 常用感測器原理 (光敏、按鈕)。使用 VS Code 序列埠監控除錯。
第 5 週 致動器輸出與運動控制 驅動伺服馬達、直流馬達 (PWM)。撰寫模組化函式。
第 6 週 基礎 3D 建模與切片準備 3D 建模 (幾何造型、布林運算、尺寸控制)。導出 STL 與切片設置。

階段二：設計思維與概念轉譯 (第 7-11 週)

週次 主題 內容
:--- :--- :---
第 7 週 使用者需求分析與情感啟動 選定目標使用者和核心情感 (Affective State)。
第 8 週 情感的具身轉譯理論與設計 講解具身認知理論。將抽象情感分解為實體屬性。交付情感轉譯報告草稿。
第 9 週 中期設計簡報與技術可行性驗證 簡報情感轉譯邏輯與元件清單。教師進行技術可行性審核。
第 10 週 黑盒子外觀設計與 3D 建模 I 極簡美學與手持感設計。設計外殼幾何框架與內部固定結構。
第 11 週 3D 建模 II、首版列印與組裝測試 首版 3D 列印與硬體堆疊測試 (驗證公差)。

階段三：產品實踐、實證與學術報告 (第 12-18 週)

週次 主題 內容
:--- :--- :---
第 12 週 程式整合與進階邏輯 運用狀態機管理複雜互動流程，優化程式碼結構。
第 13 週 LLM/網路整合 (進階選修) 使用 ESP 板對接外部 API，實現複雜情感輸出。
第 14 週 使用者盲測工具與報告準備 準備盲測問卷 (含 TAM 模型後測) 與訪談腳本。
第 15 週 使用者體驗盲測與訪談記錄 邀請 3-5 位同學進行盲測。記錄量化數據 (感受標籤) 與定性數據 (身體感受描述)。
第 16 週 最終組裝與學術報告撰寫 I 產品精緻化組裝。將盲測數據納入學術報告「實證評估」章節。
第 17 週 期末展示預演與最終調試 產品測試。填寫效能後測問卷。
第 18 週 期末產品展示 (Demo Day) 與學術總結 實體展示。闡述設計動機與具身轉譯邏輯。展示盲測數據。
取自「https://wiki.interaction.tw/index.php?title=Course:114-2/互動設計&oldid=967」