平時說起網頁和應用程序設計,都會提起「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 工作流程
- 資料蒐集
這個階段主要是進行腦力激盪和資料蒐集。UX 設計師會不斷尋找靈感,或一些希望能用產品解決的用戶需求問題。為此,通常要收集大量有關主要用戶群、用戶習慣、痛點等方面的信息。
- 創意發想和設計策略
腦力激盪後的想法被逐漸排除篩選,並納入設計策略。與產品負責人合作時,UX 設計師必須考慮產品需要實現的目標,如要解決多少用戶需求問題,需求問題的優先級別,產品帶來的商業影響等等。當
- UX 設計
解決用戶需求問題的方案先被草擬。在這個過程中,UX 設計師必須考慮到用戶在使用產品時可能面臨的所有情況,並仔細地完善解決方案,直到能讓普通用戶覺得產品是可行及易於使用的,才會被納入設計策略中。
- UI 設計
UI 設計師與 UX 設計師不斷商討,共同製作出具視覺美感,又同時突出設計策略中一些關鍵元素、產品方向的設計。理想的用戶界面該易於使用,並為用戶提供愉悅的使用體驗。
- 做出原型和反複測試
最後,產品原型要經過反複測試,並根據反饋意見進行修改。測試包括進行可用性測試,目的是讓設計師能夠從用戶那裡得到第一手的評價。設計師會透過使用不同的 UX/UI 設計軟件進行製作原型和測試,例如 Figma、Adobe XD、Penpot 等。
延伸閱讀: Penpot 怎麼用?教你如何使用6個基礎功能!
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 的基礎知識。如果有任何問題,歡迎與我們交談!
#UIUX #設計 #設計技巧 #學習設計