轉職UX/UI設計的職涯建議

更新於 2024/12/09閱讀時間約 10 分鐘

我的職涯起點是工業設計 (Industrial Design, ID),大約在 2014 年開始轉入車載人機介面設計 (Human-machine Interface, HMI),並逐漸涉足 APP 的使用者介面設計 (User-interface Design, UI)。目前,我的工作已擴展到使用者體驗 (User-experience Design, UX) 設計管理範疇。

與十年前相比,當時的 UX/UI 設計資訊彷彿沙漠中的綠洲,能提供建議的經驗豐富前輩也非常稀少。如今,設計相關的資訊豐富許多,業界也有許多經驗豐富的設計師。然而,仍有許多網友向我詢問轉職 UX/UI 設計的準備方式,無論是那些非設計本科或設計相關科系出身的朋友。

然而,UX/UI 是使用者體驗 (User Experience) 和使用者介面 (User Interface) 的統稱,無論是在設計流程上還是設計師的專業和特質要求上,都存在差異。接下來,我將結合自身的職涯經驗,為有志轉職 UX/UI 設計的朋友們提供一些建議,幫助你們基於自身的優勢,向目標邁進。最後,我還會分享在學習 UX/UI 設計的過程中,對我幫助良多的一些觀念。




Table of contents

  • 設計專業解釋
    1. 使用者介面 (User-interface Design, UI)
    2. 使用者體驗 (User-experience Design, UX)
    3. 產品設計 (Product Design)
    4. 顧客體驗 (Customer Experience, CX)
  • 設計基本觀念
    1. 設計思考 Design Thinking
    2. 使用者體驗的5個層次
    3. 使用者體驗法則 Laws of UX
  • 職業路徑建議
    1. 作為工業設計師想轉職UX/UI設計
    2. 作為視覺設計師想轉職UX/UI設計
    3. 還不是設計師但想轉職UX/UI設計
  • 結論




設計專業解釋

使用者介面 (User-interface Design, UI)

UI 設計專注於數位產品的視覺體驗,涵蓋字體、佈局、圖案與圖形等基本技能。如今,UI 設計師還需掌握互動設計、原型設計與動畫等專業技能。


使用者體驗 (User-experience Design, UX)

UX 設計專注於產品的整體使用者體驗,可能包含軟硬體的互動,依據產品的屬性而有所不同。例如使用性研究、人物誌、使用流程設計、資訊架構,以及內容與文案的撰寫。UI 設計的執行基於 UX 設計的定義,而 UX 設計則必須參與 UI 設計的產出討論,確保雙方在同一水平線上進行合作。良好的視覺體驗源自於良好的使用者體驗。


產品設計 (Product Design)

早期的產品設計單純指工業設計中的產品設計。隨著數位產品的蓬勃發展,產品設計已不再僅指實體或數位產品。在混合體驗設計的文章中,產品設計指的是數位產品設計。這是一個包含對產品進行研究、創造與持續改進的整體概念。除了需具備 UX 和 UI 設計的專業知識,產品設計師還需理解公司的商業策略與產業技術趨勢,定義產品功能,並掌握產品開發、上市及迭代更新的所有過程。


顧客體驗 (Customer Experience, CX)

顧客體驗指的是顧客在與企業或品牌互動的所有過程中,所獲得的整體感受與印象。這些互動涵蓋從顧客首次接觸品牌,到購買產品或服務,再到售後服務的整個流程。有些尚未接觸或理解設計的人,可能會將 UX 和 CX 混淆,因此特別加以說明。然而,CX 並非本文討論的重點。



設計基本思維

這部分我列出了三個基本思維工具,無論是使用者體驗、使用者介面或產品設計師,都需要瞭解、內化,甚至能夠靈活運用。這些工具雖然是引導性的,但要真正掌握,仍然需要透過實戰來累積經驗。


設計思考 (Design Thinking)

設計思考是一種以使用者為中心的解決問題方法,強調創新和創造性解決方案。這個過程是非線性且反覆進行的,通常包括以下五個階段:同理、定義、構思、原型和測試。

  1. 同理 (Empathize):理解並同理使用者的需求、期望和痛點。
  2. 定義 (Define):明確使用者需求與問題。
  3. 構思 (Ideate):提出各種可能的解決方案,創造新想法。
  4. 原型 (Prototype):製作簡單的模型或原型,開始制定解決方案。
  5. 測試 (Test):測試解決方案,收集反饋,並根據反饋進行調整和優化。


使用者體驗的五個層次(Five Elements of UX design)

Jesse James Garrett 將使用者體驗分為從抽象到具體的五個層次:策略層、範圍層、結構層、骨架層和表面層。

  1. 策略層 (Strategy):UX 設計師收集資訊以確定使用者需求和商業目標。
  2. 範圍層 (Scope):UX 設計師設定目標、功能需求和內容需求。
  3. 結構層 (Structure):UX 設計師規劃設計的組織結構和使用者的互動方式。
  4. 骨架層 (Skeleton):UX 設計師結合前幾個層次創建視覺設計,並確保一切順暢,資訊對使用者友好。
  5. 表面層 (Surface):UX 設計師設計使用者介面,這是使用者如何看到產品的方式。


使用者體驗法則 (Laws of UX)

使用者體驗法則是 UX、UI 和產品設計師的一套指導原則和最佳實踐,這些法則深植於心理學中,幫助我們理解人們如何感知和互動產品,從而做出更好的設計選擇。

使用者體驗法則包含了21條法則,可分為以下四大類:。

  • 捷思法 (Heuristics):或稱啟發法。在心理學中,捷思法是一種快速有效做出決策和解決問題的心理捷徑,使我們能夠理解周圍的世界,而無需停下來分析我們收到的每一個訊息。
  • 格式塔原則 (Gestalt principles):這是一組心理學原理,考慮人類如何感知和理解視覺訊息。在 UX 和 UI 設計中,使用格式塔原則可以幫助設計和排列元素,使其符合我們期望的使用者行為。
  • 認知偏差 (Cognitive bias):這些法則中的一些基於人類的認知偏差,我們自然傾向於根據先前的經驗和偏好來解釋資訊並做出假設。了解這些偏差可以幫助我們設計出更符合使用者直覺的產品。
  • 其他原則 (Additional principles):還有其他與使用者體驗相關的設計原則。



職業路徑建議

從工業設計師轉職至UX/UI設計

作為一名工業設計師,我並不是因為不喜歡或做不好工業設計而轉職,而是因為我對使用者與產品之間的互動過程特別感興趣。隨著智能手機的普及,許多傳統硬體產品的功能被APP取代,這讓我開始關注數位產品的設計。如果你和我有相似的背景和興趣,轉職至UX/UI設計的門檻會相對較低。工業設計背景提供了產品思維、人因工程、設計素養及設計工具的基礎。

工業設計教育本身已經涵蓋了設計思考的核心,只是未進行過多的理論化和流程化。建議你先參考「設計思考 Design Thinking」的資料,將過去的經驗與流程做對應,這樣能讓你更容易掌握UX設計的流程。接下來,從「使用者經驗的五個層次」中的策略層開始,這能幫助你從實體產品的思維轉換到互動介面的思維。


從視覺設計師轉職至UX/UI設計

許多UI設計師都是從平面設計或視覺設計背景轉職而來,視覺設計師的強項在於視覺美感,這在GUI(圖形使用者介面)設計中尤為重要。建議從「使用者經驗的五個層次」中的表面層開始,深入研究「使用者體驗法則 Laws of UX」,並加強佈局設計的素養。隨著專案經驗的累積,逐步向策略層發展。

然而,現今非擬物化設計的流行,UI設計不再僅僅關注於視覺圖像,因此不要過度聚焦於圖像或圖示設計。如果你偏向感性的設計思維,UI設計可能不太適合你。特別是如果你只是因為平面設計薪水不高而轉職UI設計,那麼你可能需要重新考慮。


非設計背景但想轉職至UX/UI設計

我曾見過許多非設計背景的大學生在研究所就讀設計相關科目後,成為優秀的設計師。不同專業背景往往能帶來獨特的設計視角,這也是許多國外設計研究所喜歡錄取非設計本科學生的原因。設計師的最大價值在於如何以獨特的視角觀察世界,並通過溝通、合作和執行能力將想法實現。

如果你的背景是心理學,建議從「使用者經驗的五個層次」中的結構層入手,掌握「使用者體驗法則」將是你的強項,同時也要向策略層和表面層拓展。


結論

上述的職業路徑建議是針對全能型的UX/UI設計師提出的,但在日常精進中,UX和UI設計的切入點還是有所不同:

  • UX設計:多觀察產品在使用場景中的人、環境、物之間的互動關係與流程。透過人物誌(Persona)和使用者故事(User Story)來勾勒你對產品的深層理解。
  • UI設計:學習Figma或Adobe XD等設計軟體,多關注設計趨勢和優秀作品,並不斷實作、優化,最終發展出自己的設計風格。同時,通過設計練習掌握設計組件(Component)的觀念。

請保持好奇心和耐心,並積極爭取參與設計專案的機會。

在我從事設計工作的多年經驗中,我深信設計是一門科學與哲學相結合的專業。掌握設計系統與工作流程至關重要,同時保持設計師的獨特視角和務實的世界觀也是不可或缺的。


以上是我對設計職涯方向的一些想法,希望能對有相關疑惑的朋友有所幫助。如果你有任何進一步的疑問,歡迎在留言區留言。

avatar-img
2會員
6內容數
在這瞬息萬變的世界中,讓設計師們以混合成長思維的視角思考自身的職涯規劃,以混合體驗設計的觀點思考使用者體驗設計。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Kyle Lei 的其他內容
Glassmorphism設計風格強調透明感、多層次感、鮮明顏色及細緻光亮邊框,能夠增加介面的互動性與視覺吸引力。本篇文章將深入探討使用SwiftUI Material實現Glassmorphism的基本步驟,並分享實際案例以展示其效果。
探索如何使用SwiftUI的Grid來實現Bento Grid UI,這是一種靈感來自日本便當盒的設計方法。學習如何通過圓角矩形卡片進行動態排版,並利用Grid和GridRow創建適合大尺寸螢幕的靈活佈局。提升使用者體驗和視覺美感的實用指南。
Glassmorphism設計風格強調透明感、多層次感、鮮明顏色及細緻光亮邊框,能夠增加介面的互動性與視覺吸引力。本篇文章將深入探討使用SwiftUI Material實現Glassmorphism的基本步驟,並分享實際案例以展示其效果。
探索如何使用SwiftUI的Grid來實現Bento Grid UI,這是一種靈感來自日本便當盒的設計方法。學習如何通過圓角矩形卡片進行動態排版,並利用Grid和GridRow創建適合大尺寸螢幕的靈活佈局。提升使用者體驗和視覺美感的實用指南。
本篇參與的主題活動
這好像是我第一次自我介紹,其實來的有點突然......某天,我剛升上新的年級、新的班級,而我的新班導要我們自我介紹,還要上台,一想到要上台,我就揮身不對勁,開始發抖、臉色發青,同學們一定都覺得我發瘋了,然而同學們對我的第一印象也毀了! 我為了彌補這些事,我努力控制自己不要再那麼傻,做這些事了!後來我
生於台北,文化大學中文系文藝創作組、東吳大學中文研究所畢業。曾任新北市清傳高商校長,現為連清傳文教基金會執行長。長期推廣閱讀,不遺餘力。 創作文類包括小說、散文、詩,出版《仰望自己的天星》、《春衫猶濕》、《觀音山下的沉思》、《送你一朵花》、《情書永遠不老》……等近二十種。
初次見面,這裡是漫游人間World Roaming喃喃自語的空間。之後也會開始用ig,兩邊會以用不同方式經營,歡迎各位多多指教,互相交流。 喜歡閱讀,嗜書是雜食性。也喜歡玄學、料理、音樂、動漫、運動、寫字,喜歡手寫文字的溫度。是個興趣很廣泛且有十八般武藝,但樣樣不精通的高敏感人。喜歡透過不同視角、轉
關於我 喜歡人以維繫社交距離來給予彼此舒適感,不過度鋪陳自己以免弄巧成拙⋯⋯
在教育創新合作社的團隊合照 到均一工作也將近一年了,當時決定要去時,親朋好友就會出現黑人問號,問我: 去非營利組織有錢拿嗎?你後悔放棄學校不錯的薪資嗎? 哈哈哈!大家對非營利組織的誤解有點深啊! 來看看我所認識的均一吧
這好像是我第一次自我介紹,其實來的有點突然......某天,我剛升上新的年級、新的班級,而我的新班導要我們自我介紹,還要上台,一想到要上台,我就揮身不對勁,開始發抖、臉色發青,同學們一定都覺得我發瘋了,然而同學們對我的第一印象也毀了! 我為了彌補這些事,我努力控制自己不要再那麼傻,做這些事了!後來我
生於台北,文化大學中文系文藝創作組、東吳大學中文研究所畢業。曾任新北市清傳高商校長,現為連清傳文教基金會執行長。長期推廣閱讀,不遺餘力。 創作文類包括小說、散文、詩,出版《仰望自己的天星》、《春衫猶濕》、《觀音山下的沉思》、《送你一朵花》、《情書永遠不老》……等近二十種。
初次見面,這裡是漫游人間World Roaming喃喃自語的空間。之後也會開始用ig,兩邊會以用不同方式經營,歡迎各位多多指教,互相交流。 喜歡閱讀,嗜書是雜食性。也喜歡玄學、料理、音樂、動漫、運動、寫字,喜歡手寫文字的溫度。是個興趣很廣泛且有十八般武藝,但樣樣不精通的高敏感人。喜歡透過不同視角、轉
關於我 喜歡人以維繫社交距離來給予彼此舒適感,不過度鋪陳自己以免弄巧成拙⋯⋯
在教育創新合作社的團隊合照 到均一工作也將近一年了,當時決定要去時,親朋好友就會出現黑人問號,問我: 去非營利組織有錢拿嗎?你後悔放棄學校不錯的薪資嗎? 哈哈哈!大家對非營利組織的誤解有點深啊! 來看看我所認識的均一吧
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
設計思維不僅僅是創作工具,更是一種職涯規劃的有效方法。透過這篇文章,你將學會如何用設計師的心態進行人生規劃,了解如何制定目標、實施原型、重擬問題,並在過程中尋找最佳的職涯道路。這不僅是一種方法,更是一種改變思維的方式。
Thumbnail
在先前文中,有提到我在 2020 年時任職軟體新創公司時,意識到自己在行銷領域的有限性與不確定性,轉而想投入與產品開發有相關的角色,其中最一開始我想要轉職的並不是軟體工程師,而是 UIUX 設計師⋯⋯
Thumbnail
在電商行銷部三年,薪水漲幅無感、加班沒加班費,讓我心灰意冷。正當打算離職時,工程部主管邀我轉職工程部。憑藉GA追蹤和處理bug的經驗,我順利轉職。從模仿文件開始,學習資料架構和SQL,不用寫程式但薪水和成長性更高。這次轉職讓我看到更多可能性,工作生活變得更有趣了!
2024 過了一半,時序進入下半年,想趁這機會停下來問問自己,我過得還好嗎? 也想問問被標題吸引而點進來的妳,還滿意現在的生活嗎? 這一篇想要好好記錄一下過去轉職軟裝師的步驟與心路歷程, 也許對還正在猶豫不知該如何下決定的妳有點幫助。
Thumbnail
在現在的環境中,相信很多從事設計師的朋友都有很多的擔憂以及對於未來的茫然。雖然我也不敢說自己對於未來很清楚,但這幾年來接觸的人變多,也對於設計產業和 AI 都有一些接觸,所以有了一些觀察與看法。 希望可以透過這篇文章分享給大家一點我自己的看法。
Thumbnail
因為在個人 IG、LinkedIn 都有稍微分享生涯設計師,身邊也有些朋友對這件事情感到好奇,想說趁著記憶猶新,就來分享一下成為生涯設計師的這段小故事🌟 這篇文章會分享以下內容: 生涯設計師是什麼?我當初如何得知生涯設計師,以及為什麼我想成為生涯設計師呢?成為生涯設計師然後呢?對我來說的優缺點?
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 五、網頁設計師要做什麼? 說實話,每間公司不一樣。 我不是只面試一間而已,光是網頁設計我應該至少投了十間以上,我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架,會有滿大的差別。 網頁設計主要分成以下工作:
Thumbnail
距離設計系研究所的畢業口試已經過了一年,到進入職場,回顧這段期間有不少的成長與體悟。 在經歷過一段認識自己的過程中,很感謝有前輩與朋友的多方討論,讓我很堅定地第一份工作就選擇 Product Manager 的方向。 在角色定位上從設計師移動到 PM,開始需要在使用者、商業、技術的圈圈中尋找平衡
Thumbnail
第 09 天,如何錄取到我目前所在產業的工作? 我目前的職涯中,做過行政助理、服裝設計師、攝影美編、網頁設計、前端UI、UX。這篇就將這些職業的建議以及大小公司的選擇都整理一下!
Thumbnail
我從平面設計轉職為行銷人的職涯分享!如何從剛畢業非常迷惘的狀態,慢慢找到自己的出路!
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
設計思維不僅僅是創作工具,更是一種職涯規劃的有效方法。透過這篇文章,你將學會如何用設計師的心態進行人生規劃,了解如何制定目標、實施原型、重擬問題,並在過程中尋找最佳的職涯道路。這不僅是一種方法,更是一種改變思維的方式。
Thumbnail
在先前文中,有提到我在 2020 年時任職軟體新創公司時,意識到自己在行銷領域的有限性與不確定性,轉而想投入與產品開發有相關的角色,其中最一開始我想要轉職的並不是軟體工程師,而是 UIUX 設計師⋯⋯
Thumbnail
在電商行銷部三年,薪水漲幅無感、加班沒加班費,讓我心灰意冷。正當打算離職時,工程部主管邀我轉職工程部。憑藉GA追蹤和處理bug的經驗,我順利轉職。從模仿文件開始,學習資料架構和SQL,不用寫程式但薪水和成長性更高。這次轉職讓我看到更多可能性,工作生活變得更有趣了!
2024 過了一半,時序進入下半年,想趁這機會停下來問問自己,我過得還好嗎? 也想問問被標題吸引而點進來的妳,還滿意現在的生活嗎? 這一篇想要好好記錄一下過去轉職軟裝師的步驟與心路歷程, 也許對還正在猶豫不知該如何下決定的妳有點幫助。
Thumbnail
在現在的環境中,相信很多從事設計師的朋友都有很多的擔憂以及對於未來的茫然。雖然我也不敢說自己對於未來很清楚,但這幾年來接觸的人變多,也對於設計產業和 AI 都有一些接觸,所以有了一些觀察與看法。 希望可以透過這篇文章分享給大家一點我自己的看法。
Thumbnail
因為在個人 IG、LinkedIn 都有稍微分享生涯設計師,身邊也有些朋友對這件事情感到好奇,想說趁著記憶猶新,就來分享一下成為生涯設計師的這段小故事🌟 這篇文章會分享以下內容: 生涯設計師是什麼?我當初如何得知生涯設計師,以及為什麼我想成為生涯設計師呢?成為生涯設計師然後呢?對我來說的優缺點?
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 五、網頁設計師要做什麼? 說實話,每間公司不一樣。 我不是只面試一間而已,光是網頁設計我應該至少投了十間以上,我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架,會有滿大的差別。 網頁設計主要分成以下工作:
Thumbnail
距離設計系研究所的畢業口試已經過了一年,到進入職場,回顧這段期間有不少的成長與體悟。 在經歷過一段認識自己的過程中,很感謝有前輩與朋友的多方討論,讓我很堅定地第一份工作就選擇 Product Manager 的方向。 在角色定位上從設計師移動到 PM,開始需要在使用者、商業、技術的圈圈中尋找平衡
Thumbnail
第 09 天,如何錄取到我目前所在產業的工作? 我目前的職涯中,做過行政助理、服裝設計師、攝影美編、網頁設計、前端UI、UX。這篇就將這些職業的建議以及大小公司的選擇都整理一下!
Thumbnail
我從平面設計轉職為行銷人的職涯分享!如何從剛畢業非常迷惘的狀態,慢慢找到自己的出路!