以下的元素及內容，來自coursera 的Introduction to User Experience Design這堂課。
▍本篇適合
1) 不太了解、甚至是第一次聽過UI/UX的你2) 想要入門UI/UX，卻不知該如何下手的你
▍本文介紹導覽
嗨，我是個什麼都不會（沒錯，蔡逼八）、剛修完coursera Introduction to User Experience Design 一門課的mayo。修課後，只覺得腦袋混亂，所以決定用自己的話表達我理解的東西。一方面組織知識架構，一方面希望貢獻所學。以下為本文大綱：1) 設計是為了什麼
2) 設計是有系統性的
3) UX？UI/UX？
4) Usable和Useful
5) 設計循環
6) 設計是由數據引導的過程
準備好了嗎？開始囉！😳
▍設計是為了什麼
首先，讓我們來釐清：設計是為了什麼？設計是為了解決問題，為了讓生活更好。
舉例來說，我們設計書本內頁排版，讓易讀性提高；
我們設計公車動態app，讓我們能查詢公車的動態，花更少的時間等車。
這些設計都解決了問題，也讓生活變得更好。
但，我們要怎麼找到問題呢？
又要如何確認我們找的問題是正確的呢？最後，要如何解決並且確定有效？
好啦，請繼續閱讀。
▍設計是有系統性的
有一組標準化技術，稱為設計循環。
設計循環帶領我們在設計時找到正確的問題，以及合適且有效的解決方式。
透過設計循環，一個有系統性的標準化技術，我們才能做出好的設計。
透過設計循環，我們聚焦於以下三個問題，設計出最好的介面：
a) 了解什麼使用者需要的。
b) 如何基於使用者的需求，去設計和塑造（介面）？
c) 設計和塑造（介面）後，如何去評估是否符合使用者需求？
奇怪，這堂課不是User Experience Design嗎，
怎麼還一直說介面介面的？
所以在此我要打岔一下。
▷ 聲明一
User Experience，簡稱UX，中文是使用者體驗、使用者經驗。
UX 並不限於介面使用體驗，任何服務、產品等都有UX這回事。
UX包含使用前、中、後的體驗。（但是coursera這門課都是拿介面 Interface 來當例子）
以下例子來自於《WEB 設計職人必修：UX Design 初學者學習手冊》。
▷ 聲明二
User Interface，簡稱UI，中文是使用者介面。而UX是包含UI的。詳情請看：UI、UX差別是什麼？看圖大整理
▷ 聲明三
在 Introduction to User Experience Design 的課程內容中，有分別定義使用者、介面、設計。
使用者：使用介面、服務、設備、流程、系統等，來達到目的（完成任務）的個體。
介面：使用者的任務（user's task）及系統核心功能（system's core function）的媒介。
設計：透過更改舊有介面，替使用者設計出能用（useful）且好用（usable）的介面。
設計循環帶領我們在設計時找到正確的問題，以及合適且有效的解決方式。
透過設計循環，一個有系統性的標準化技術，我們才能做出好的設計。
▍課程聚焦
使用者體驗設計的核心概念是：使用者透過使用介面來完成任務。透過設計循環，我們聚焦於以下三個問題，設計出最好的介面：
a) 了解什麼使用者需要的。
b) 如何基於使用者的需求，去設計和塑造（介面）？
c) 設計和塑造（介面）後，如何去評估是否符合使用者需求？
▍UX？UIUX？
看到這裡，或許你會有這樣的疑問：奇怪，這堂課不是User Experience Design嗎，
怎麼還一直說介面介面的？
所以在此我要打岔一下。
▷ 聲明一
User Experience，簡稱UX，中文是使用者體驗、使用者經驗。
UX 並不限於介面使用體驗，任何服務、產品等都有UX這回事。
UX包含使用前、中、後的體驗。（但是coursera這門課都是拿介面 Interface 來當例子）
以下例子來自於《WEB 設計職人必修：UX Design 初學者學習手冊》。
▷ 聲明二
User Interface，簡稱UI，中文是使用者介面。而UX是包含UI的。詳情請看：UI、UX差別是什麼？看圖大整理
▷ 聲明三
在 Introduction to User Experience Design 的課程內容中，有分別定義使用者、介面、設計。
使用者：使用介面、服務、設備、流程、系統等，來達到目的（完成任務）的個體。
介面：使用者的任務（user's task）及系統核心功能（system's core function）的媒介。
設計：透過更改舊有介面，替使用者設計出能用（useful）且好用（usable）的介面。
而使用者的每個輸入（input），背後都有一個預期的輸出（output）；
使用者必須輸入，系統才能給予輸出。整體來說會是像圖片一樣的流程：
▍Usable 和 Useful
上述提及的好用（usable）和能用（useful）是我們設計界面時的重點。
能用是指：使用者完成步驟後，系統產出使用者預期的結果。
好用是指：使用者能透過一個有效、有效率且滿意的方式，去完成任務。
能用是指：使用者完成步驟後，系統產出使用者預期的結果。
好用是指：使用者能透過一個有效、有效率且滿意的方式，去完成任務。
好，回歸正題！開始介紹設計循環。
▍設計循環
設計循環總共有四個階段：
▷ 第一階段：需求蒐集
在此階段，我們透過和使用者互動或觀察使用者來收集數據。數據是用來了解：
1) 使用者
2) 使用者要完成的任務（目標）
3) 使用者現階段是如何完成任務的（current practices）。
4) 我們要解決的問題大小（problem space）。是什麼阻礙使用者完成目標？該如何改善？
▷ 第一階段：需求蒐集
在此階段，我們透過和使用者互動或觀察使用者來收集數據。數據是用來了解：
1) 使用者
2) 使用者要完成的任務（目標）
3) 使用者現階段是如何完成任務的（current practices）。
4) 我們要解決的問題大小（problem space）。是什麼阻礙使用者完成目標？該如何改善？
▷ 第二階段：設計替代方案
根據收集到的數據，設計超多超多方案，去改進使用者體驗。
▷ 第三階段：原型
從第二階段找出最合適的兩到三個方案，把他們做成使用者能使用的模型或原型。
▷ 第四階段：評估
採用第三階段中的一種原型，並且與用戶或專家一起測試好用（usable）和能用（useful），請他們提供有關如何改進系統的反饋。
或許有設計基礎的朋友會發現，這是一個發散和收斂的過程。
而不斷重複（也就是循環）發散和收斂，也就是不斷重複這四個階段，
我們就可以越來越靠近目標。
順帶一提，《設計的心理學》一書提到，設計循環搭配大名鼎鼎的雙鑽石流程做使用，效果會更好喔！
👀沒聽過雙鑽石流程請參考：初探雙鑽石設計流程
設計，是由數據引導的過程。因為數據，我們才能做出能用和好用的設計。
接下來的課程，將會詳細講解設計流程四步驟。請大家敬請期待，謝謝大家的閱讀。
而不斷重複（也就是循環）發散和收斂，也就是不斷重複這四個階段，
我們就可以越來越靠近目標。
順帶一提，《設計的心理學》一書提到，設計循環搭配大名鼎鼎的雙鑽石流程做使用，效果會更好喔！
👀沒聽過雙鑽石流程請參考：初探雙鑽石設計流程
▍設計是由數據引導的過程
在這篇文的最後，就用coursera課程核心來做結尾吧！設計，是由數據引導的過程。因為數據，我們才能做出能用和好用的設計。
接下來的課程，將會詳細講解設計流程四步驟。請大家敬請期待，謝謝大家的閱讀。
我們下次再見囉！如果文章對你有幫助，
歡迎點擊網頁中任一廣告，給我一點小回饋～謝謝你😳
歡迎點擊網頁中任一廣告，給我一點小回饋～謝謝你😳
我是mayo。
留言
張貼留言