體驗與介面設計 User Interface, User Experience（UIUX）

UIUX是什麼？

UI是指User Interface，意思是介面設計；UX則是User Experience，為體驗設計。

以電腦為例，過去的個人電腦非常巨大，可能放不進車子，辛苦塞進後車廂後回到家，打開箱子你會恐懼與懷疑，不確定能否成功組裝，這一連串源自產品所帶給你的種種感受，就是UX；而開啟電腦之後，桌面上的排版、字體、顏色等就都跟UI緊密相關。

換句話說，如果UX是大腦對產品產生的抽象體驗，UI就是眼睛所見的具體設計。

使用者經驗顧問公司創辦人傑西．賈瑞特（Jesse Garrett）在其所著的《使用者經驗的要素》一書中指出，產品設計由抽象到具體可分為5個層次：

1. 策略（Strategy）：了解用戶需求。可以透過眼球追蹤技術、實驗法測試，訪談問卷，製作人物誌與User Story等方式來完成。主要由UX設計師執行。

2. 範圍（Scope）：將需求定義成可實現的功能。工作為繪製功能地圖。UI／UX設計師負責。

3. 結構（Structure）：建立操作邏輯，設計能正確引導使用者操作的流程。工作為繪製流程圖。UI／UX設計師負責。

4. 骨架（Skeleton）：視覺化上述階段。主要工作為繪製線框稿、視覺稿、視覺規範，UI／UX設計師都會負責。

5. 表層（Surface）：模擬使用者與介面之間的互動。主要工作為切版、製作Prototype （原型），會由UI設計師負責。

Step1：欣賞他人範例，建立美感素養

隨著網路資訊發達，目前已有許多開放大眾展示藝術作品的線上社群平台，裡頭涵蓋平面設計、網頁設計、插畫、攝影等創作，不妨先參考這些網站，找到自己喜歡的設計風格，再進一構思創作。

Step2：選一個主題，累積消費者需求調查能力和個人作品

要搞懂產品設計的所有流程，最快速的方式，就是選一個自己感興趣的產品主題，並嘗試學習如何設計問卷、如何進行用戶訪談、從中歸納優化方向，在過程中最好能多學習消費者心理學和行為學概念，並由一位有設計經驗的同伴作為顧問，在不斷試錯、修正的過程中，逐步建立你的設計概念與草圖。

Step3：善用現成網站資源，產出實品

構思完成設計理念後，接下來就是產出實體作品。由於是初學者，建議先從利用HTML、CSS等一頁式網站資源為主，等到技巧純熟後再一步步開發更精緻的專業設計工具。這麼做的用意在於，累積你的自信心，當你開始看見作品真正誕生，就相對不容易放棄，有機會逐步累積實力，慢慢練就能夠兼職或是轉換跑道的硬實力。