Krystal Institute
Sep 14, 20223 min
平時說起網頁和應用程序設計，都會提起"UX/UI設計"這個詞。但UX/UI又是什麼？UX/UI設計包含什麼工作？想知道就閱讀下去吧!
UX/UI的工作有差別嗎?
這也許會令你感到驚訝，但UX/UI並不指一個設計範疇。實際上，它代表著兩個獨立的，卻又密切相關的設計領域。
用戶體驗設計 (UX)
UX設計目的在於提供舒適的用戶體驗。設計師都希望能設計出使用起來方便簡單的產品。就以設計應用程式為例，程式界面一目了然、主要功能容易掌握，這才是成功的設計。因此，在策劃界面設計時，往往要考慮並貼合用戶習慣。
Photo Credit: Firmbee@Pixabay
用戶界面設計 (UI)
另一方面，UI設計師則是負責將用戶界面變得美觀。UI設計師作為平面設計師，會運用美術設計的知識讓用戶界面的元素顯得醒目而清晰。諸如按鈕形狀、配色方案、排版、圖像佈局等方面都是UI設計師會考慮的。
為了設計出既容易使用又時尚的產品，UX和UI設計師經常緊密合作。UX設計師會制定出用戶界面的設計策略，然後UI設計師會根據策略調整設計，做出清晰而有吸引力的界面昇華用戶體驗。這其中的過程是怎樣的呢？接下來讓我們看看UX/UI設計師的工作流程吧！
Photo Credit: Pixabay
UX/UI工作流程
1.資料蒐集
這個階段主要是進行腦力激盪和資料蒐集。UX設計師會不斷尋找靈感，或一些希望能用產品解決的用戶需求問題。為此，通常要收集大量有關主要用戶群、用戶習慣、痛點等方面的信息。
2.創意發想和設計策略
腦力激盪後的想法被逐漸排除篩選，並納入設計策略。與產品負責人合作時，UX設計師必須考慮產品需要實現的目標，如要解決多少用戶需求問題，需求問題的優先級別，產品帶來的商業影響等等。當
3.UX設計
解決用戶需求問題的方案先被草擬。在這個過程中，UX設計師必須考慮到用戶在使用產品時可能面臨的所有情況，並仔細地完善解決方案，直到能讓普通用戶覺得產品是可行及易於使用的，才會被納入設計策略中。
4.UI設計
UI設計師與UX設計師不斷商討，共同製作出具視覺美感，又同時突出設計策略中一些關鍵元素、產品方向的設計。理想的用戶界面該易於使用，並為用戶提供愉悅的使用體驗。
5.做出原型和反複測試
最後，產品原型要經過反複測試，並根據反饋意見進行修改。測試包括進行可用性測試，目的是讓設計師能夠從用戶那裡得到第一手的評價。設計師會透過使用不同的UX/UI設計軟件進行製作原型和測試，例如Figma、Adobe XD、Penpot等。
延伸閱讀:
UX/UI設計的著名例子
現在你已經對UX/UI設計有了基本的認識，或許還會想看看一些著名的UX/UI設計例子。然而，這些並不難找--你大概早已熟識、並因為舒適的用戶體驗喜歡上了以下網站/程式中的大多數。
Instagram – 視覺上的層次感使內容具有優先性，以鼓勵無休止的內容瀏覽
Pinterest – 瀑布效應使圖片的瀏覽更加流暢
Spotify – 應用程序的行為一致性大大縮短了使用它的學習曲線
Airbnb – 設計簡約，卻信息量大
Uber – 設計有效地迎合了兩組完全不同的用戶群
Dropbox – 每個網頁都有響應的顏色，以吸引用戶的興趣
Photo Credit: Brett Jordan@pexels
想了解更多關於UX/UI設計的信息？
來看看我們Facebook和Instagram上有關UX/UI和其他平面設計主題的帖子吧！如果有興趣入門UX/UI，可以試試我們的DECT職業計劃: UX/UI設計課程，掌握UX/UI的基礎知識。如果有任何問題，歡迎與我們交談!