UIUX 是什麼?轉職必知的 UIUX 設計師工作內容
UIUX 設計師是近年來新鮮人求職、轉職的熱門選項之一!隨著越多線上產品和服務出現,網頁和 App 的產品設計需求也相應增加,許多公司一直都在持續尋找 UIUX 設計人才加入打造優質產品的行列。然而,UI 設計和 UX 設計在台灣是相對新穎的領域,因此許多人也不確定要去哪裡獲得 UIUX 相關知識。在這種情況下,線上課程就是很好的學習 UIUX 知識的資源哦!
此外,很多人對 UIUX 領域很有興趣,但搞不太清楚到底 UI 設計師和 UX 設計師的實際工作內容是什麼?UIUX 兩者之間又有什麼差異?
UIUX 有什麼差別?了解 UI 設計和 UX 設計
使用者介面(UI,User interface)
UI 設計的全名是 user interface(使用者介面),由「使用者」跟「介面」兩個元素組成。而 UI 設計師所關注的介面指的就是像 App、網頁、遙控器介面、提款機介面等,這種使用者可以跟它互動的媒介,UI 設計的概念就是強調透過「視覺呈現」的手段,例如區塊排版、按鈕樣式、頁面配色等,讓使用者有順暢的使用感受。如果想要轉職進入 UI 設計領域,你會需要平面設計的能力,同時擁有了解使用者的能力,藉此更勝任 UI 設計師的工作哦!
使用者體驗(UX,User experience)
UX 設計的全名是 user experience (使用者體驗)則涵蓋較廣的範圍,指的是使用者與產品互動的整個體驗流程,包括上述的 UI 設計也是 UX 設計的一部分。UX 設計的核心是去研究用戶在使用產品時的需求、痛點、感受、反饋和偏好等,並透過設計順暢的流程,讓使用者可以有流暢的使用體驗,這就是 UX 設計的工作。如果想要轉職進入 UX 設計領域,你會需要擁有深入分析使用者需求的能力來優化產品使用流程、藉此更勝任 UX 設計師的工作哦!
簡而言之,UIUX 設計之間的區別是:UX 設計在意的是「整個產品用起來如何」,而其中跟視覺呈現有關的部分就是 UI 設計,則是著重在產品要長怎樣才會易於使用。在了解 UX 設計和 UI 設計的差別後,想從視覺領域轉職 UI 設計領域的學生就會想問,既然 UI 設計跟視覺呈現有關,那跟經常聽到的「平面設計」又有什麼不同呢?
UI 設計與平面設計的差別:是否有跟使用者互動
「UI 設計」跟「平面設計」最大的差別在於設計出來的東西是否有跟使用者互動。你可以回想一下平常走在路上看到看板、廣告的時候,除了觀看之外,你不太可能跟他們有其他的互動形式,這個就是較偏向「平面設計」的範疇。
但是,當你打開電腦看到網頁時,可以產生的互動型式就非常多元了,像是在不同頁面間跳轉、點擊按鈕下單、填寫個人註冊資訊等,這些都是 UI 設計師會關注的要點。因為有了「使用者互動」的元素,在設計上就有更多的考量,像是使用者是誰啊、會在什麼情況下使用產品、想用產品達到什麼目的等等,而這些都是 UI 設計的核心重點。
想當 UI 設計師還是 UX 設計師?先瞭解工作內容
設計師的工作內容核心是要透過「設計」來解決使用者的需求或是痛點,而 UI 設計師和 UX 設計師就是分別透過「視覺呈現」、「體驗流程」兩個面向,設計出可以幫使用者解決問題的產品。接下來就來簡單介紹 UI 設計師和 UX 設計師如何分工吧!
UX 設計師:掌握研究使用者需求,訂定產品架構
常見的產品設計流程會是先由 UX 設計師接到從產品經理來的初步規劃與產品目標後,UX 設計師運用用戶訪談方法或工具去研究使用者,了解他們使用產品的情境、動機,並從中挖掘要解決的需求、痛點。對於 UX 設計師來說,擁有豐富的使用者研究經驗相當重要;此外,UX 設計師也需要對產品設計的流程有一定程度的認識,才能有效與產品經理溝通、做好 UX 設計的工作。
接著,UX 設計師會根據以上研究得來的資料,去訂定產品(像是網頁或是 App) 的邏輯架構、使用流程,並定義每個功能在整體框架下的定位。這個階段確認好整體的架構後,就會交棒給 UI 設計師轉化成視覺化的產品原型。因此,UX 設計師和 UI 設計師經常會有密切的合作!
UI 設計師:製作產品原型、設計視覺呈現
UI 設計師主要會透過 mockup、prototype 等工具模擬前面定下的架構流程,並進一步設計出頁面的呈現方式。透過這樣視覺化、低成本的產品原型,團隊其他成員比較容易想像產品的最終樣貌,設計師也可以更好的跟團隊溝通、得到初步回饋、快速進行調整修正。
這個階段中的視覺設計,會著重在運用視覺的方式引導使用者操作產品,例如,透過按鈕設計讓使用者看得出來這個按鈕是可以點擊的。同時,也會透過視覺層次、焦點的排版確保易讀性,讓使用者可以很容易理解頁面的資訊架構。最後,則是透過顏色、插圖等視覺元素去形塑品牌的形象,或是達到跟其他產品線的風格一致性。以上都取得團隊共識後,就會交付給工程師去做產品開發了!
當然 UIUX 設計領域的分工是有很多模糊地帶的喔!主要會看不同公司對於每個 UXUI 職位的期待而有所差異,像是有的公司可能會單獨將 UX 使用者研究的階段拆出來變成一個職位:UX 設計研究員,UI 設計中有關品牌形象部分的視覺設計也有可能是由專門的視覺設計師來負責。
新手自學 UIUX 設計,你可以從 3 件事開始
國內外的 UIUX 領域就業市場有很大的差別。國外的 UIUX 就業市場分工較台灣細緻,UX 研究、UX 設計和 UI 設計往往是由不同人擔任,但以台灣的就業市場來看,其實大部分的公司開的職缺都是 UIUX 設計師,也就是你一個人同時要跑完整個 UI 設計和 UX 設計的流程。因此,新手想要成功轉職 UIUX 設計師,我們推薦你可以從 3 件事下手:
- 培養 UX 設計思維、學習用戶研究
- 了解整個 UIUX 設計流程的 know-how,掌握 UI 設計和 UX 設計的核心
- 學會 Figma、Sketch、Adobe XD 任一 UIUX 設計工具軟體
不同性質、不同起點的轉職者會有截然不同的學習路徑,UI 設計和 UX 設計領域都有許多有趣的知識等待你去探索,或許先綜合學習 UIUX 所有知識,再來挑選要轉職成為 UI 或 UX 設計師也不遲!