關於這個網站

2023/12/26
2024/01/29 (更新參考資料)
2024/03/25 (更新內容)
2024/04/23 (更新參考資料)

這個教學網站是為了輔仁大學資訊管理學系碩士在職專班112學年度的「使用者經驗設計」課程，本學期課程由吳濟聰老師授課

第一週 2/26

• 課程介紹

  • User Experience

  • UX Methodologies

    • UX Strategy

      • UX Strategy (Levy, 2015), Levy (2021)

    • Lean UX

    • Value Proposition

    • Jobs To Be Done

• 學期成績

  • 學期專案 (60%)

    • 以Lean UX、UX Strategy的作法為主去思考

      • 公司(或組織)的問題是? 想達成的目標? 為何要開發這樣的系統(或服務)?

        • Business Model Canvas / Lean UX Canvas / Lean Canvas

      • 思考使用者是誰? 使用者想完成的任務(Jobs to be done)是? 使用者的痛點 (pains)? 未獲得的獲利 (gains)?

      • 問題與解決方案的對應

        • 整理出我們需要確認的需求

          • 使用者真的有這些問題需要解決? 解決方案真的可以滿足使用者的需求?

      • 使用者介面

        • 透過使用者情境去思考要用甚麼樣的介面為主?

          • VR? AR? 網頁?

        • 透過使用者情境去思考要用甚麼樣的裝置為主?

      • 如何確認需求? 透過可用性測試?

      • 每週透過雛型去探索、確認，逐步讓雛型更完整

        • 確認需求並根據結果調整雛型

        • 根據上課的內容調整雛型

          • 從資訊架構的觀點去思考如何組織要呈現的內容

          • 從視覺層級的觀點去調整雛型

          • 從互動設計的觀點去調整雛型

    • 6/17期末小組報告

  • 閱讀心得(15%)

    • 必讀書籍 (5%) (二選一，4/8繳交)

      • UX Strategy

      • Lean UX

    • 一篇期刊或學位論文 (4%)

    • 一本書 (6%)

  • 學期反思(15%)

    • 學期中印象最深刻的經驗 (5%)

    • 對未來課程的建議 (10%)

  • 課堂參與(10%)

• 下週進行能力盤點及分組

  • 自我介紹 (能力盤點，1到5分，5分最強)

    • 領導力

    • 點子王

    • 訪談能力

    • 設計能力

      • 美感、設計感

      • 想學習雛型工具 (figma)

  • 票選組長 (組數與每組人數依修課總人數決定)

  • 由各組組長輪流選秀

第二週 3/4

• 能力盤點 & 分組

• 課堂練習

  • 輔大資管系的問題是? 想達成的目標? 未來趨勢?

  • 以系網頁為例

    • 使用者是誰? 使用者想完成的任務(Jobs to be done)是? 使用者的痛點 (pains)? 未獲得的獲利 (gains)?

    • 組內進行訪談練習，挖掘使用者的需求

• 小組題目

  • 題目

    • 體驗一下利用Figjam線上討論，討論一下可能的題目

  • 公司(或組織)的問題是? 想達成的目標? 未來趨勢?

  • 思考使用者是誰? 使用者想完成的任務(Jobs to be done)是? 使用者的痛點 (pains)? 未獲得的獲利 (gains)?

    • Value Proposition

  • 進行初步使用者訪談

第三週 3/11

• UX Research 1

• 小組題目

  • 初步訪談結果報告

  • 思考使用者是誰? 使用者想完成的任務(Jobs to be done)是? 使用者的痛點 (pains)? 未獲得的獲利 (gains)?

  • 問題與解決方案的對應

    • Value Proposition

  • 進行深度使用者訪談

第四週 3/18

• Experience sharing

第五週 3/25

• UX Research 2

• 小組題目深度使用者訪談結果報告

  • 問題與解決方案的對應

    • 整理出我們需要利用雛型去確認的需求

      • 使用者真的有這些問題需要解決? 解決方案真的可以滿足使用者的需求?

• Service Design / Design Thinking

  • 思考使用者是誰?

    • Persona

  • 使用者情境盤點

    • Empathy Map

    • User Journey Map

  • 服務設計

    • Service Blueprint

第六週 4/1 春假

第七週 4/8

• UX Design 1

  • User Interface Design

  • Prototyping

  • Figma

    • Design Systems

• 小組題目

  • 請利用雛型去確認使用者的需求，從使用者的情境去

    • 思考要用甚麼樣的介面為主?

      • VR? AR? 網頁?

    • 思考要用甚麼樣的裝置為主?

      • 手機? 電腦? 平板? RWD? VR眼鏡?

  • 主要的功能? 最需要透過雛型去確認的需求是?

第八週 4/15

• UX Design 2

  • Figma

• 小組題目

  • 下週請展示初步的雛型

    • 主要的功能? 最需要透過雛型去確認的需求是?

第九週 4/22

• 小組初步雛型展示

• UX Design  3

  • Figma

• 小組題目

  • 根據大家的建議持續改善雛型

    • 主要的功能? 最需要透過雛型去確認的需求是?

第十週 4/29

• UX Design  4

  • Usability

• 小組題目

  • 請利用雛型去確認使用者的需求

    • 如何確認? 透過可用性測試?

第十一週 5/6

• 補充

  • User Experience

    • Elements of User Experience

  • Usability

    • System Usability Scale (SUS)

• UX Design

  • Psychology

    • The Design of Everyday Things (Norman, 2013)

• 小組題目可用性測試結果報告

第十二週 5/13

• UX Design 

  • Information Architecture

• 小組題目

  • 每週透過雛型去探索、確認，逐步讓雛型更完整

    • 確認需求並根據結果調整雛型

    • 根據上課的內容調整雛型

      • 從資訊架構的觀點去思考如何組織要呈現的內容

第十三週 5/20

• UX Design 

  • Visual Hierarchy

• 小組題目

  • 每週透過雛型去探索、確認，逐步讓雛型更完整

    • 確認需求並根據結果調整雛型

    • 根據上課的內容調整雛型

      • 從視覺層級的觀點去調整雛型

  • 下週第一次繳交書面報告

第十四週 5/27

• UX Design

  • Interaction Design

• 小組題目

  • 第一次繳交書面報告

  • 每週透過雛型去探索、確認，逐步讓雛型更完整

    • 確認需求並根據結果調整雛型

    • 根據上課的內容調整雛型

      • 從互動設計的觀點去調整雛型

第十五週 6/3

• UX Design 

  • Design Systems 

第十六週 6/10 端午節

第十七週 6/17

• 期末小組報告

  • 書面報告 (請匯整探索過程)

  • 口頭報告 (每組15分鐘)

    • 摘要報告

      • 如何利用雛型探索使用者經驗

第十八週 6/24

• 自主學習週: 課程回顧與建議

  • 學期中印象最深刻的經驗 (5%)

  • 對未來課程的建議 (10%)

  • 閱讀心得(10%)

    • 一篇期刊或學位論文 (4%)

    • 一本書 (6%)

參考資料

期刊論文

• User experience

  • 呂智惠, 謝建成, 黃琬姿, & 黃毓絜. (2016). 網站資訊架構之使用者經驗研究: 以臺師大科普閱讀網建置與使用性測試為例. 大學圖書館, 20(1), 63-87. (http://web.lib.ntu.edu.tw/Publication/univj/uj20-1/univj.20-1.04.pdf)

    • 資訊架構: 網站內容分析、使用者需求訪談、卡片方類法、使用者經驗訪談、可用性評估 (可用性測試任務)

  • 何淑君, 林勢敏, & 李珮琪. (2019). 從使用者觀點分析線上評論及建構行動應用軟體之品質特徵. 資訊管理學報, 26(1), 99-119. (可透過華藝取得論文)

    • 以內容分析法分析出行動應用軟體品質特徵並與ISO 25010 的軟體品質架構比較

  • 許峻誠（2019）。使用者經驗研究的回顧與展望。資訊社會研究，36， 27。doi: 10.29843/JCCIS.201901_(36).0003

    • 使用者經驗之定義

    • 使用者經驗之目標

    • 影響使用者經驗之因素

    • 使用者經驗設計與評估

  • Lin, J. H. T. (2019). Because Jimmy Kimmel wants to know: Motivations for watching game streaming as predictors of viewing time and enjoyment. 資訊社會研究, (36), 39-73.

  • Lin, T. W. (2019). An Analysis of Gaming Performance on Different Game Platforms Utilizing Interface Engaging Time. 資訊社會研究, (36), 75-110.

  • Yang, C. Y., Hsieh, C. Y., Chen, W. H., Wang, Y. S., & Chang, Y. J. (2019). Investigating the choice between a mobile map and a paper tourist map in an urban traveling task. 資訊社會研究, (36), 111-150.

• Usability

  • Sy, D. (2007). Adapting usability investigations for agile user-centered design. Journal of usability Studies, 2(3), 112-132.

  • Lin, C. C. (2013). Exploring the relationship between technology acceptance model and usability test. Information Technology and Management, 14, 243-255. https://doi.org/10.1007/s10799-013-0162-0 (https://link.springer.com/article/10.1007/s10799-013-0162-0)

學位論文

• 林渭筑 (2011) 運用創新擴散理論探討人物誌設計之研究-以平板電腦為例 南台科技大學數位內容與動畫設計研究所碩士論文

  • 研究訪談3位早期接受者、4位早期大多數接受者，根據訪談結果建構人物誌，並根據兩個人物誌提出建議

• 謝普文（2013） 平板電腦之數位閱讀採用因素與使用者經驗─ 以Flipboard為例 中國文化大學碩士論文 (https://hdl.handle.net/11296/vz6v4n)

  • 整理了不少使用者經驗相關文獻

• 吳佩馨 (2014) 從移動者脈絡設計串媒體 -以台灣高鐵為例 東吳大學企業管理學系碩士論文

  • 分析以搭乘目的區分的四種高鐵乘客:商務族、返鄉族、旅遊族、通勤族，針對其生活脈絡、移動行為進行訪談後，(漏了人數)，重新將其分類為引領時尚族、收藏品位族、投資未來族及及時行樂族，人物誌描述其特寫、移動行為模式、移動行為意涵，對高鐵雜誌T-Life提出建議。

• 陳沛芳 (2016) 虛實整合性服務創新-以欣葉國際餐飲為例 東吳大學企業管理學系碩士論文

  • 是以欣葉國際餐旅為個案，訪問消費者共85人、專業人士7人加上參與式觀察(實習)以及次及資料收集，整理出三個具代表性的人物誌，分別為:商人、女人及嘗鮮族。描寫其特質、用餐行為脈絡、需求，整理出設計原則及線上設計的建議。

• 王乙雅 (2016) 桌上型互動遊戲之精實式設計迭代探索 國立雲林科技大學碩士論文 (https://hdl.handle.net/11296/6pq638)

  • Persona、啟發式評估、使用者體驗地圖

• 楊于嫺(2017) 以Web 2.0為架構的專案管理系統介面資訊呈現的設計研究 國立臺灣科技大學設計系碩士論文

  • 了解使用情境脈絡，產生顧客旅程地圖，並整理出痛點及機會點，並整理出管理職與專業職兩種人物誌

• 關欣（2018）落差的感受：分析顧客旅程中對新零售的服務需求 國立政治大學碩士論文 (https://hdl.handle.net/11296/34w986)

  • 以精品百貨為個案，鎖定消費性電子的顧客，以25-45歲高感度女性「柔文青」顧客為主要調查對象，並且鎖定具有早期使用者、意見領袖並擅長於人脈連結者。採用其中25人的採訪內容為研究證據。人物誌內容為姓名、類型、經典一句話、特徵、經驗、感受、參考點比較。

  • 就經驗、感受、參考點提供了會員服務、展示服務、銷售服務、售後服務的不同分析。再進行落差分析。

• 吳刻墾（2021）交友軟體介面資訊架構及檢索方式之設計研究 國立臺灣科技大學 碩士論文 (https://hdl.handle.net/11296/nec5wg)

  • 資訊架構、Usabilty

• 葉宇珊（2021）以使用者經驗探討全聯福利中心PX Pay之服務設計 國立雲林科技大學碩士論文 (https://hdl.handle.net/11296/3d9fr7)

  • 針對PXPay利用顧客旅程地圖、授野(Kano)分析、敏感度分析、同理心地圖

• 林婉瑧（2022）城市推廣網站之使用性評估 一以左鎮公舘網站為例。國立高雄科技大學碩士論文 ( https://hdl.handle.net/11296/3d37fd)

• 鄭亦涵 (2023) 企業使用者經驗成熟度之個案研究 輔仁大學資訊管理學系碩士班碩士論文 (https://hdl.handle.net/11296/bm54fd)

• 齊媛君 (2023) 應用使用者經驗分析食品管理app設計需求 輔仁大學資訊管理學系碩士在職專班碩士論文 (https://hdl.handle.net/11296/7saj54)

  • 同理心地圖、人物誌、價值主張畫布、顧客旅程地圖、Figma

• 葉荃瑋 (2023) 使用Figma之探索性研究 輔仁大學資訊管理學系碩士班碩士論文 (https://hdl.handle.net/11296/d32535)

  • Figma

書籍

• UX

  • Garrett, Jesse James (2010) The Elements of User Experience: User-Centered Design for the Web and Beyond (吳秉勳譯 使用者經驗的要素：跨屏時代的使用者導向設計 第二版 碁峰)

    • 使用者經驗分層元素

      • 策略: 使用者需求和開發的目的

      • 範圍: 找出需求與目的後以需求為基礎，整理出所有使用者可能會需要的資訊及功能，以愉快且有效的運用各種功能為出發點建構合理的互動模式與流程。

      • 結構: 把所有資訊整合起來，依使用者能直覺理解的方式組織成完整的概念。

      • 骨架: 結合介面設計、資訊設計、導覽設計三者將資訊做視覺化的呈現，協助使用者理解資訊。

      • 表層: 以視覺與感覺為基礎，設計介面元素如文字、頁面的視覺圖像、導覽元件等。

  • Krug, Steve (2013) Don’t Make Me Think:A Common Sense Approach to Web Usability,Second Edition (De Dream譯 點石成金：訪客至上的網頁設計秘笈 機械工業出版社)

  • 彭其捷 (2014) 成為一流的前端工程師 : 打造專業的UX網站 博碩

  • Levy, Jaime (2015) UX Strategy: How to Devise Innovative Digital Products That People Want (UX策略：設計讓人夢寐以求的創新數位產品 吳佳欣, 黃朝秋譯)

  • 秋葉秀樹, 秋葉ちひろ (2016) (打造最強網頁UI/UX設計腦：設計師都該懂的絕佳設計．溝通法則 許郁文譯 博碩)

  • Gothelf & Seiden (2016) Lean UX  2nd ed. (黃詩涵譯 精實UX設計：帶領敏捷團隊打造出色的產品(第二版)) **老師推薦** (第一版出版於2013)

    • Lean UX 3rd Ed. (2021) (42:27) 目前好像還沒有中文翻譯

      • What's new in the 3rd edition of Lean UX? (4:02)

        • Transcript (文字) 

      • Lean UX Canvas (15:39)

        • HOW TO USE THE LEAN UX CANVAS (Transcript)

        • LEAN UX CANVAS V2 (2019)

      • Hypotheses Prioritization Canvas (6:15)

        • HOW TO PRIORITIZE HYPOTHESES FOR TESTING (Transcript)

      • Dual track agile

      • Objectives and Key Results (OKRs)

        • CREATING OKRS WITH THE LEAN UX CANVAS 

        • OKR based roadmaps

  • Garrett, Jesse James (2018) The Elements of User Experience: User-Centered Design for the Web and Beyond, 2nd Edition (輔大圖書館有電子書可線上閱讀) (使用者經驗的要素｜跨屏時代的使用者導向設計, 第2版 吳秉勳譯) **老師推薦**

  • 玉飼真一, 村上竜介, 佐藤哲, 太田文明, 常盤晋作, IMJ Corporation (2018) (WEB 設計職人必修：UX Design 初學者學習手冊 吳嘉芳譯) 

  • Kuang, C., & Fabricant, R. (2019). User friendly: How the hidden rules of design are changing the way we live, work & play. Random House. (我們的行為是怎樣被設計的：友善設計如何改變人類的娛樂、生活與工作方式 趙盛慈譯 大塊文化)

  • Osborn, Tracy (2021) Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers (如何設計好網站之 UX 與美學基礎 吳國慶 譯 碁峰) 

  • 余虹儀 (2021) 善用UX來提升UU：打造滿足新手和專家的UI（iT邦幫忙鐵人賽系列書）博碩

    • 介面設計如何讓新手與專家都容易使用？ (iT邦幫忙鐵人賽)

  • 原田秀司 (2021) (多元裝置時代的UI/UX設計法則：打造出讓使用者完美體驗的好用介面(第二版) 許郁文譯 博碩)

    • 原田秀司 (2014) (多元裝置時代的UI/UX設計法則：打造出讓使用者完美體驗的好用介面 許郁文譯 博碩)

  • 莫力全 (Kyle Mo) (2022) 今晚來點Web前端效能優化大補帖：一次搞定指標×工具×技巧，打造超高速網站（iThome鐵人賽系列書） 博碩

    • 今晚，我想來點 Web 前端效能優化大補帖！

  • 汪志謙, 朱海蓓(2022) 峰值體驗：洞察隱而未知的需求，掌握關鍵時刻影響顧客決策 天下雜誌

• 設計思考

  • 設計思考全攻略：概念X流程X工具X團隊，史丹佛最受歡迎的商業設計課一次就上手 

  • Osterwalder, Pigneur, Smith, Bernard & Papadakosa (2014) Value Proposition Design (價值主張年代：設計思考X顧客不可或缺的需求=成功商業模式的獲利核心 )

  • Van Der Pijl, P., Lokitz, J., & Solomon, L. K. (2016), Design a Better Business: New Tools, Skills, and Mindset for Strategy and Innovation (設計一門好生意：自己動手，Step-by-step畫出未來新商機 )

• Jobs to be done

  • Christensen, C. M. (2016) Competing Against Luck (創新的用途理論：掌握消費者選擇，創新不必碰運氣) 

• Information Architecture

  • Rosenfeld, Morville & Arango (2015) Information Architecture: For the Web and Beyond 4th Ed. O'Reilly (蔡明哲、陳書儀 譯 資訊架構學 網站、App與資訊空間 碁峯出版)

• Design & Psychology

  • Norman (2013) The Design of Everyday Things (設計的心理學 陳怡秀譯)

網頁/報告

• UX

  • UX Bookshelf

    • Books

    • Blogs

    • Vlogs

    • Podcasts

    • Tools 

  • UX Crash Course: 31 Fundamentals (2014)

    •  Introduction & Key Ideas

      • #01 — What is UX?

      • #02 — User Goals & Business Goals

      • #03 — The 5 Main Ingredients of UX

    • How to Understand Users

      • #04 — What is User Research?

      • #05 — How to Ask People Questions

      • #06 — Creating User Profiles (Persona)

      • #07 — Designing for Devices

      • #08 — Design Patterns

    • Information Architecture

      • #09 — What is Information Architecture?

      • #10 — User Stories & Types of Information Architecture

      • #11 — What is a Wireframe?

    • Visual Design Principles

      • #12 — Visual Weight, Contrast & Depth

      • #13 — Colour

      • #14 — Repetition & Pattern-Breaking

      • #15 — Line Tension & Edge Tension

      • #16 — Alignment & Proximity

    • Functional Layout Design

      • #17 — Z-Pattern, F-Pattern, and Visual Hierarchy

      • #18 — Browsing vs. Searching vs. Discovery

      • #19 — Page Framework

      • #20 — The Fold, Images, & Headlines

      • #21 — The Axis of Interaction

      • #22 — Forms

      • #23 — Calls-to-Action, Instructions & Labels

      • #24 — Primary & Secondary Buttons

    • User Psychology

      • #25 — Conditioning

      • #26 — Persuasion

      • #27 — How Experience Changes Experience

    • Designing with Data

      • #28 — What is Data?

      • #29 — Summary Statistics

      • #30 — Graph Shapes

      • #31 — A/B Tests

  • UX Crash Course: User Psychology (2014)

    • Introduction & Key Ideas

      • #01 — What is User Psychology?

      • #02 — Your Perspective

      • #03 — The 3 Whats of User Perspective

      • #04 — Psychology vs. Culture

    • Behaviour Basics

      • #05 — What is an Experience?

      • #06 — Conscious vs. Subconscious Experience

      • #07 — Emotions

      • #08 — What are Motivations?

      • #09 — Motivations 1: Sex & Love

      • #10 — Motivations 2: Affiliation, Status & Justice

      • #11 — Motivations 3: Understanding (Curiosity)

    • Designing Behaviour

      • #12 — Designing with Intention

      • #13 — Rewards & Punishments

      • #14 — Conditioning & Addiction

      • #15 — Gamification

      • #16 — Social & Viral Structure

      • #17 — Creating Trust

    • The Limits of Our Minds

      • #18 — What is Intuition?

      • #19 — What is a Cognitive Bias?

      • #20 — The Illusion of Choice

      • #21 — Attention

      • #22 — Memory

      • #23 — Hyperbolic Discounting: The backbone of usability

    • The Psychology of Usability

      • #24 — What is Usability, Really?

      • #25 — Simple vs. Easy vs. Fast vs. Minimal

      • #26 — Consistency & Expectations

      • #27 — Anti-UX

    • Measuring Psychology

      • #28 — Can You Measure a Soul?

      • #29 — The Probability of Interaction

      • #30 — Structure vs. Choice

      • #31 — Sometimes A/B Testing is The Only Way to Know