UI跟UX是在網頁設計時必備的要素，其中UX設計則是影響使用者會不會繼續使用的要素。UX指的是使用者體驗。就是使用者用起來的感覺。
我們之前講解過UI及UX的差異，現在就來講講怎麼把UX做好。
前置作業
市場調查
在開始UX設計之前，市場調查是很重要的部分。通常會由PM去跟客戶接洽，了解客戶所需的功能等等。接著分析客戶的受眾是甚麼，這樣才能針對使用者的習慣、需求去設計功能。
延伸閱讀：平面設計須知：如何跟設計師溝通？
情境分析
接著做出情境分析，可以先設定三種角色：主要的目標受眾、潛在使用者、完全不會使用的人。訂定出角色後，我們可以模擬人物會發生的情境。
舉例來說，一個監視器的APP可能會使用的人有家中有老人或寵物的上班族，平時上班不在家時就可以利用監視器隨時觀察家中狀況。
如果是家中有老人的家庭，可能會遇到老人跌倒或突然暈倒等問題，這時候就會需要警報系統。或是與家中電子鎖結合讓救援更及時。
藉由情境分析我們可以模擬出可能發生的情況並統整出需要的功能。
用戶旅程
用戶旅程則是指當使用者接觸到產品並與之互動的過程。這部分要盡可能的模擬所有互動及情境，找出使用者可能會需要引導的地方。確認產品的基本功能。
互動地圖
用戶旅程是模擬情境，互動地圖則是根據用戶旅程所畫出的流程圖。
以用戶登入的流程為例，使用者會需要輸入帳號密碼、驗證碼。輸入後可能會登入成功或錯誤。輸入三次錯誤就會鎖起來。或是如果是首次登入會需要綁定驗證，未註冊過的使用者會導到註冊頁。
將互動地圖畫出來後在後續的視覺設計上就會更清楚。
設計模擬框線圖
框線圖就是基本的排版配置了，根據上一篇的互動地圖就會知道需要那些功能、頁面、按鈕。將這些東西安排到適合的位置，作出畫面模擬，讓客戶更容易想像實際的畫面。
要注意的是，在設計時要考慮一開始市場調查的結果，符合使用者的需求。以使用者為優先考量。
原型模擬(Prototype)
畫好框線圖後，可以製作一個模擬互動的模型。像是Figma這類工具都可以模擬出互動情況。Prototype在UX中非常重要，因為這樣可以確定設計出的功能是否能用、好不好用。也可以將缺少的功能補上。
易用性測試
易用性測試則是以使用者的角度檢查模型的可用性。將Prototype階段製作出的原型給第三方人士使用。可以給予一個情境，並請朋友、親人等未參與製作的人依照情境達程目標。
藉由易用性測試可以知道使用者的反應，了解哪裡需要修正。基本上這個測試需要做好幾次，直到確定功能正常、好用。
產品製作
當測試沒什麼問題後就可以開始製作。通常UI與UX會同時進行，大概在模擬框線圖的時候UI設計師就會設計出大致的樣式，後續就是UX及UI設計師互相討論配合，完成設計圖後工程師就會切版，也就是工程師根據設計圖將按鈕、圖片、區塊等等一塊一塊切下來變成真正的程式。
如果將一個團隊比喻為餐廳，UX設計師是設計菜單內容的人、UI設計師是美化菜單設計的人、而工程師則是根據菜單製作菜餚的廚師。三個人需要互相配合，工程師有時候也可以看出設計師沒發現的地方。
像藝享就有一個完整的工程團隊，從UIUX設計師、前後端工程師到SEO操作都有。能夠幫你從零開始到好，現在就連絡藝享！
