《使用者體驗的要素》重點整理

主要文章在這裡：

https://medium.com/@junsuwhy/%E4%BD%BF%E7%94%A8%E8%80%85%E9%AB%94%E9%A9%97%E7%9A%84%E8%A6%81%E7%B4%A0-%E8%AE%80%E5%BE%8C%E9%87%8D%E9%BB%9E%E6%95%B4%E7%90%86-39303fe1641f

Transcript

1. 使用者體驗的要素 作者：Jesse James Garrett
2. 核心概念 使用者體驗從具體到抽象的過程，可以分成五個要素。
4. 視覺上的元素，這些元素帶來哪些感覺、有 什麼意義等等。 表面層
5. 各個元素組成的區塊配置，並建構出一個 個頁面。 框架層
6. 使用者如何抵達各頁面，又要往哪裡去。 結構層
7. 網站有哪些特點或功能。 範圍層
8. 這個網站滿足使用者哪些需求。 策略層
9. 理解 由具體至抽象 設計 由概念到完成 概念 完成
13. 就「功能型」和「資訊類」產品做區分
15. 策略層 撇開產品，以使用者為核心，描述使用者故事、有什麼需求 從使用者需求出發，決定這個產品目標是什麼 問題： 我們要從這個產品得到什麼？ 使用者想從這個產品得到什麼？ 產出： • Persona • 策略文件或願景文件 • 使用者故事地圖
16. 範圍層 產品的功能規格和內容需求是什麼 問題： 這個產品需要建造什麼？ 這個產品不需要建造什麼？ 產出： • Functional Map
17. 結構層 建立有系統的架構來處理內容，並定義使用者如何透 過介面來互動 問題： 使用者如何解網站的 內容？ 使用者透過怎樣的流程來達到網站的功能？ 產出： • UI Flow • Sitemap
18. 框架層 以介面、導覽和資訊設計 ，決定各元件如何呈現 問題： 使用者在特定頁面要看到什麼？ 如何進行到下一個動作？ 產出： • Wireframe • Prototype
19. 表面層 感官設計，如透過視覺設計傳達 產品想帶給人的感受 問題： 這個產品要給使用者什麼感覺？ 如何安排畫面上的細節？ …... 產出： • Guideline • UI Style • 視覺設計稿
20. 概念 完成
21. 不同的設計策略： NetiCRM NetiCRM： 以 Open source 軟體 CiviCRM 為基礎出發，針對台灣 組織做在地化的服務。 設計規劃： 以完整的範圍層、結構層為基礎出發， 再延伸到其他的設計。
22. 參考資料 • 使用者經驗分層元素：列出 app 設計各層需交付的文件 • 使用者經驗要素 The Elements of User Experience：從應用劇本實驗室中機車店和消費者為例 • 用戶體驗的設計思維？思維模型幫助你 ：用金字塔圖描述同樣的概念，另外提到雙鑽模型，可以類比