於 2026年2月25日 (三) 17:36 的修訂

使用者經驗 (User Experience) - 114-2

上課時間：週四 13:30 - 15:15

課程概述 Course Overview

本課程以「咖啡機」為主題，重點在於使用者經驗 (UX) 研究與互動邏輯驗證。結合最新的生成式 AI (Vizcom) 進行快速視覺溝通，並透過低保真草模 (Low-Fi Prototypes) 進行易用性測試。注意：本課程不需製作精細外觀模型，重點在於驗證「好不好用」，而非「好不好看」。

指定工具：

AI 視覺：Vizcom（必備）
AI 視覺輔助：Midjourney
協作分析：Miro（必備）
原型製作：紙板（必備）
介面原型：Figma

教學目標 Objectives

UX 研究：熟悉訪談、使用者旅程圖、易用性測試等研究方法。
AI 應用：運用 Vizcom 快速產出高擬真情境圖，輔助溝通。
原型驗證：製作可互動的紙板草模，模擬真實操作流程。
數據分析：學習分析測試數據，提出具備邏輯的設計建議。

課程進度 Schedule

第一階段：發現問題 (Discover & Define) - 第 1-4 週

週次	主題	內容
第 1 週 (03-05)	課程導論與分組	介紹 UX 基本觀念、確認分組與研究主題。
第 2 週 (03-12)	現況競品 UX 分析	分析市售咖啡機操作流程，繪製「使用者旅程圖 (User Journey Map)」，找出痛點。
第 3 週 (03-19)	「拆一台真的咖啡機」操作邏輯解構	拆解機器了解運作原理，繪製「操作流程圖 (User Flow)」。
第 4 週 (03-26) 教師公出	脈絡訪查與草圖故事板 (自習/非同步)	實地觀察使用者如何操作咖啡機，紀錄環境限制與真實行為。發想解決方案，繪製手繪草圖與使用情境故事板 (Storyboard)。

第二階段：AI 視覺化與概念測試 (Ideate & Concept Test) - 第 5-8 週

週次	主題	內容
第 5 週 (04-02)	Vizcom 視覺化實作	使用 Vizcom 將草圖轉化為高保真產品渲染圖，建立產品願景。
第 6 週 (04-09)	情境敘事設計	製作概念說明卡，結合 AI 圖片與情境故事，準備進行測試。
第 7 週 (04-16) 台藝期中考週	概念測試 (Concept Testing)	帶著 AI 圖片訪談使用者，驗證設計概念是否具備吸引力與易理解性。
第 8 週 (04-23)	期中提報	發表前期研究洞察與設計概念。

第三階段：互動原型製作 (Interaction Prototyping) - 第 9-13 週

週次	主題	內容
第 9 週 (04-30) 北商期中考週	低保真草模製作 (Low-Fi Mockup)	使用紙板製作 1:1 模型，模擬「物理操作」與「空間尺寸」。
第 10 週 (05-07)	介面與流程整合	製作按鈕或螢幕介面 (Figma/紙本)，貼於草模上，確認操作邏輯連貫性。
第 11 週 (05-14)	奧茲國巫師法 (Wizard of Oz)	演練測試劇本，學習人工模擬機器運作回饋。
第 12 週 (05-21)	啟發式評估 (Heuristic Evaluation)	組間互評，檢查草模是否存在明顯的操作邏輯漏洞。
第 13 週 (05-28)	易用性測試 (Usability Testing)	邀請外部使用者實際操作草模，記錄任務完成率與操作挫折點。

第四階段：驗證與總結 (Validation & Deliver) - 第 14-18 週

週次	主題	內容
第 14 週 (06-04)	數據分析與洞察	對比「看 AI 圖」與「用草模」的使用者回饋差異，分析原因。
第 15 週 (06-11)	UX 研究報告製作	彙整研究數據，製作圖表與改善建議報告。
第 16 週 (06-18)	期末成果發表 I	口頭發表完整 UX 研究歷程與發現。
第 17 週 (06-25)	期末成果發表 II	最終口頭發表。
第 18 週 (07-02)	課程總結	繳交數位檔案與個人反思心得。

作業規劃 Assignments

週次	作業名稱	類型	截止日
第 8 週	期中提報	presentation	2026-04-23
第 16 週	期末成果發表 I	presentation	2026-06-18
第 18 週	反思心得與數位檔案	report	2026-07-02

@@ 第9行： / 第9行： @@
 '''上課時間'''：週四 13:30 - 15:15
 == 課程概述 Course Overview ==
 本課程以'''「咖啡機」'''為主題，重點在於'''使用者經驗 (UX) 研究'''與'''互動邏輯驗證'''。
-我們將結合最新的'''生成式 AI (Vizcom)''' 進行快速視覺溝通，並透過'''低保真草模 (Low-Fi Prototypes)''' 進行易用性測試。
+結合最新的'''生成式 AI (Vizcom)''' 進行快速視覺溝通，並透過'''低保真草模 (Low-Fi Prototypes)''' 進行易用性測試。
-注意：本課程不需製作精細外觀模型 (做很醜也沒關係)，重點在於驗證「好不好用」，而非「好不好看」。
+注意：本課程不需製作精細外觀模型，重點在於驗證「好不好用」，而非「好不好看」。
 '''指定工具'''：
-''   '''AI 視覺'''：Vizcom (必備)、Midjourney
+* '''AI 視覺'''：Vizcom（必備）
-''   '''協作分析'''：Miro
+* '''AI 視覺輔助'''：Midjourney
-*   '''原型製作'''：紙板、Figma
+* '''協作分析'''：Miro（必備）
+* '''原型製作'''：紙板（必備）
+* '''介面原型'''：Figma
 == 教學目標 Objectives ==
@@ 第27行： / 第30行： @@
 == 課程進度 Schedule ==
-=== 第一階段：發現問題 (Discover & Define) ===
+=== 第一階段：發現問題 (Discover & Define) - 第 1-4 週 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
 ! 週次 !! 主題 !! 內容
 |-
-| 第 1 週 (03/05) || 課程導論與分組 || 介紹 UX 基本觀念、確認分組與研究主題。
+| 第 1 週 (03-05) || 課程導論與分組 || 介紹 UX 基本觀念、確認分組與研究主題。
 |-
-| 第 2 週 (03/12) || 現況競品 UX 分析 || 分析市售咖啡機操作流程，繪製「使用者旅程圖 (User Journey Map)」，找出痛點。
+| 第 2 週 (03-12) || 現況競品 UX 分析 || 分析市售咖啡機操作流程，繪製「使用者旅程圖 (User Journey Map)」，找出痛點。
 |-
-| 第 3 週 (03/19) || 「拆一台真的咖啡機」操作邏輯解構 || 拆解機器了解運作原理，繪製「操作流程圖 (User Flow)」。
+| 第 3 週 (03-19) || 「拆一台真的咖啡機」操作邏輯解構 || 拆解機器了解運作原理，繪製「操作流程圖 (User Flow)」。
 |-
-| 第 4 週 (03/26) '''教師公出''' || 脈絡訪查與草圖故事板 (自習/非同步) || 實地觀察使用者如何操作咖啡機，紀錄環境限制與真實行為。發想解決方案，繪製手繪草圖與使用情境故事板 (Storyboard)。
+| 第 4 週 (03-26) '''教師公出''' || 脈絡訪查與草圖故事板 (自習/非同步) || 實地觀察使用者如何操作咖啡機，紀錄環境限制與真實行為。發想解決方案，繪製手繪草圖與使用情境故事板 (Storyboard)。
 |}
-=== 第二階段：AI 視覺化與概念測試 (Ideate & Concept Test) ===
+=== 第二階段：AI 視覺化與概念測試 (Ideate & Concept Test) - 第 5-8 週 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
 ! 週次 !! 主題 !! 內容
 |-
-| 第 5 週 (04/02) || Vizcom 視覺化實作 || 使用 Vizcom 將草圖轉化為高保真產品渲染圖，建立產品願景。
+| 第 5 週 (04-02) || Vizcom 視覺化實作 || 使用 Vizcom 將草圖轉化為高保真產品渲染圖，建立產品願景。
 |-
-| 第 6 週 (04/09) || 情境敘事設計 || 製作概念說明卡，結合 AI 圖片與情境故事，準備進行測試。
+| 第 6 週 (04-09) || 情境敘事設計 || 製作概念說明卡，結合 AI 圖片與情境故事，準備進行測試。
 |-
-| 第 7 週 (04/16) '''台藝期中考週''' || '''概念測試 (Concept Testing)''' || 帶著 AI 圖片訪談使用者，驗證設計概念是否具備吸引力與易理解性。
+| 第 7 週 (04-16) '''台藝期中考週''' || 概念測試 (Concept Testing) || 帶著 AI 圖片訪談使用者，驗證設計概念是否具備吸引力與易理解性。
 |-
-| 第 8 週 (04/23) || '''期中提報''' || 發表前期研究洞察與設計概念。
+| 第 8 週 (04-23) || '''期中提報''' || 發表前期研究洞察與設計概念。
 |}
-=== 第三階段：互動原型製作 (Interaction Prototyping) ===
+=== 第三階段：互動原型製作 (Interaction Prototyping) - 第 9-13 週 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
 ! 週次 !! 主題 !! 內容
 |-
-| 第 9 週 (04/30) '''北商期中考週''' || 低保真草模製作 (Low-Fi Mockup) || 使用紙板製作 1:1 模型，模擬「物理操作」與「空間尺寸」。
+| 第 9 週 (04-30) '''北商期中考週''' || 低保真草模製作 (Low-Fi Mockup) || 使用紙板製作 1:1 模型，模擬「物理操作」與「空間尺寸」。
 |-
-| 第 10 週 (05/07) || 介面與流程整合 || 製作按鈕或螢幕介面 (Figma/紙本)，貼於草模上，確認操作邏輯連貫性。
+| 第 10 週 (05-07) || 介面與流程整合 || 製作按鈕或螢幕介面 (Figma/紙本)，貼於草模上，確認操作邏輯連貫性。
 |-
-| 第 11 週 (05/14) || 奧茲國巫師法 (Wizard of Oz) || 演練測試劇本，學習人工模擬機器運作回饋。
+| 第 11 週 (05-14) || 奧茲國巫師法 (Wizard of Oz) || 演練測試劇本，學習人工模擬機器運作回饋。
 |-
-| 第 12 週 (05/21) || 啟發式評估 (Heuristic Evaluation) || 組間互評，檢查草模是否存在明顯的操作邏輯漏洞。
+| 第 12 週 (05-21) || 啟發式評估 (Heuristic Evaluation) || 組間互評，檢查草模是否存在明顯的操作邏輯漏洞。
 |-
-| 第 13 週 (05/28) || 易用性測試 (Usability Testing) || 邀請外部使用者實際操作草模，記錄任務完成率與操作挫折點。
+| 第 13 週 (05-28) || 易用性測試 (Usability Testing) || 邀請外部使用者實際操作草模，記錄任務完成率與操作挫折點。
 |}
-=== 第四階段：驗證與總結 (Validation & Deliver) ===
+=== 第四階段：驗證與總結 (Validation & Deliver) - 第 14-18 週 ===
 {| class="wikitable" style="width:100%; text-align:left;"
 |- style="background:#f8f9fa;"
 ! 週次 !! 主題 !! 內容
 |-
-| 第 14 週 (06/04) || 數據分析與洞察 || 對比「看 AI 圖」與「用草模」的使用者回饋差異，分析原因。
+| 第 14 週 (06-04) || 數據分析與洞察 || 對比「看 AI 圖」與「用草模」的使用者回饋差異，分析原因。
 |-
-| 第 15 週 (06/11) || UX 研究報告製作 || 彙整研究數據，製作圖表與改善建議報告。
+| 第 15 週 (06-11) || UX 研究報告製作 || 彙整研究數據，製作圖表與改善建議報告。
+|-
+| 第 16 週 (06-18) || '''期末成果發表 I''' || 口頭發表完整 UX 研究歷程與發現。
+|-
+| 第 17 週 (06-25) || '''期末成果發表 II''' || 最終口頭發表。
+|-
+| 第 18 週 (07-02) || 課程總結 || 繳交數位檔案與個人反思心得。
+|}
+== 作業規劃 Assignments ==
+{| class="wikitable" style="width:100%; text-align:left;"
+|- style="background:#f8f9fa;"
+! 週次 !! 作業名稱 !! 類型 !! 截止日
 |-
-| 第 16 週 (06/18) || '''期末成果發表 I''' || 口頭發表完整 UX 研究歷程與發現。
+| 第 8 週 || 期中提報 || presentation || 2026-04-23
 |-
-| 第 17 週 (06/25) || '''期末成果發表 II''' || 最終口頭發表。
+| 第 16 週 || 期末成果發表 I || presentation || 2026-06-18
 |-
-| 第 18 週 (07/02) || '''課程總結''' || 繳交數位檔案與個人反思心得。
+| 第 18 週 || 反思心得與數位檔案 || report || 2026-07-02
 |}