2024/04/19

UIUX 設計師在做什麼？解析日常工作內容、必備技能與軟實力！

隨著網路與手機的普及，人們已經非常習慣與網頁、App 等數位產品互動，而在這些互動過程中，使用者操作介面設計（UI）與體驗設計（UX）便是最重要的前線功能，同時也是 UIUX 設計師們最核心的工作任務。

無論你是有意踏入這個領域，還是想進一步提升自己的技能，本篇文章將深入介紹 UIUX 設計師的工作內容、必備技能，以及他們在職場上所要具備的軟實力。

UI 設計師的工作內容、必備技能與特質介紹

UI（User Interface）的意思是「使用者介面」，而 UI 設計師就是負責打造使用者外觀介面的專業人員。UI 設計師通常會負責設計網頁與 App 的產品原型（Prototype），其中會涵蓋視覺外觀、資訊呈現、按鈕編排等，透過美觀且易於操作的介面讓使用者順暢操作產品。

在 UI 實務設計流程中，常會聽到三個設計階段，分別是線框稿（Wireframe）、視覺稿（MockUp）、產品原型（Prototype），而每一階段中 UI 設計師所使用的工具皆不同：

線框稿（Wireframe）
線框稿是產品的建構藍圖，以單純的線條或單色色塊，去規劃頁面版型，通常需要團隊一起討論、共同制定產品的技術規格。繪製線框稿可以非常直覺、單純，小至用桌上的紙筆畫稿，或是使用共同協作工具 PPT、Google Slides、 Figma 等，也是大多設計團隊的選擇之一！
視覺稿（MockUp）
相對於線框稿的團隊討論，視覺稿主要由 UI 設計師負責製作，會使用 Illustrator、Photoshop、Sketch 等繪圖軟體進行視覺設計上的配色、動畫特效、版面調整等，以增強使用者體驗產品功能的效果。
產品原型（Prototype）
規範好整體視覺與功能操作，會由前端工程師、後端工程師、iOS 工程師、Android 工程師等，進行實體產品介面與功能開發。基本上，UI 設計師扮演從旁協助優化介面與功能的角色，不主動參與開發。

在軟實力方面，UI 設計師必須具備美感、邏輯與創意發想能力，與夥伴合作時的溝通與協作能力。以下詳細介紹如何培養這些軟實力：

美感
對 UI 設計師來說，如何選擇合適的顏色、字體和排版，讓整體視覺統一、愉悅，是非常重要的核心能力。平時可以訪問設計網站如 Pinterest 或 Dribbble，學習當前的設計趨勢，試著理解背後的設計原則和美學考量。
邏輯與創意發想能力
UI 設計師需要能夠系統性地思考，具備解決問題的能力，透過參加設計思維工作坊與線上課程，與不同領域的專業人士交流靈感，更能發想創意，得到不同視角的觀點。
溝通與協作能力
在產品設計流程，UI 設計師經常要與產品經理（PM）、開發工程師和其他設計師高效率合作。除了積極參與設計社群和線下活動，提升公開發言和團隊合作的經驗外，也可以嘗試使用管理工具如 Trello 或 Asana，有助於提升溝通協作效率。

UX（User Experience）意即「使用者體驗」，而 UX 設計師的工作就是打造符合使用者需求的產品體驗。與 UI 設計師最大的差異在，UX設計師負責的是整個用戶與產品互動過程的設計。

在 UX 設計中，通常會經歷幾個重要階段：使用者研究、資訊架構（IA）、互動設計（IxD）、易用性測試（UAT）與介面設計。

使用者研究（User Research）
使用者研究是通過訪談、觀察、問卷等方法收集目標用戶的需求和偏好。這一階段的目的是釐清用戶的痛點和需求，進而發展後續的設計決策。
資訊架構（Information Architecture）和互動設計（Interaction Design）
在瞭解了使用者需求後，UX 設計師會建立一個清晰的資訊架構圖，確保用戶可以輕鬆找到所需資訊。接著開始撰寫交互文檔，讓開發工程師理解所設計的使用者流程、界面跳轉等。
易用性測試（Usability test）與介面設計
透過原型測試或其他形式的測試（如 A/B 測試），收集用戶反饋，以評估和優化設計方案。這有助於確保產品在上市前能夠滿足用戶的期望和需求。

軟實力方面，UX 設計師同樣需要具備以下能力：

同理心
了解和感受使用者的需求和痛點，是 UX 設計的核心。透過參與使用者研究活動，如案例探討實作，設計師可以更好地理解目標用戶群，創造出更貼近實際需求的設計方案。
批判性思維
UX 設計師需要具備分析和評估用戶數據的能力，找出問題所在並提出改善策略。藉由定期參加設計研討會和接受同行評價，可以培養這項能力。
溝通與協作能力
在產品開發過程中，UX 設計師同樣需要與產品經理、開發者、UI 設計師以及其他利益相關者緊密合作。例行跨部門協作會議中，試著多表達設計理念、說明細節，是提升這方面能力的好方法。

UIUX 設計師的薪水會依據專業能力、年資、產業別等綜合因素而有所不同。以下是 104 人力銀行薪資情報所提供的 UIUX 設計師月薪範圍，可以作為初步參考：