Search
【人物專訪】非本科系出身，如何成為 UI/UX 設計師？
👩🏻💻 Yourator Product Designer 佳欣
日常生活中處處都有介面，多留意每次操作數位產品的體驗。
Y 社成員受訪了！想成為 UI/UX 設計師的你，來看看這篇由 政大徵才月 帶來的訪談，了解佳欣一路從實習轉正的職涯經歷，以及建議的自學管道與必備能力！
👉 我要成為 UI/UX ：https://yourator.pse.is/3gqmx8
💠想來 Y 社實習嗎？我們正在招收以下新血。
快來一起為新世代打造更寬闊的職涯視野！
▶️內容行銷實習生 Content Marketing Intern：
https://yourator.pse.is/3g78zf
▶️實習工程師 Intern Developer：
https://yourator.pse.is/3gm47u
這次邀請到的特別來賓是型男設計師 Nick。 Nick 現在在 Google 總部擔任 UX Designer Manager，這次的直播會聚焦在如何成為頂尖的 UX 設計師上。
本次訪談內容皆為個人意見立場，不代表 Google 或任何公司的立場。
直播影片的大綱內容:
Nick 大學是師大的工業科技教育學系，主要偏重寫程式、學習網路、資料庫架構相關的學科。 因為他從小學開始就對美術相關的比賽很有興趣，大學畢業後想持續的往設計方面發展， 於是進入交大的應用藝術研究所就讀。
他研究所方向偏向視覺傳達、心理學，學習如何把 coding 、或是邏輯相關的知識應用在藝術、設計方面。 研究所畢業後先工作， 工作幾年後申請美國學校， 來到 CMU 卡內基美隆大學唸 HCI (Human Computer Interaction)。 HCI 是 3 個領域的結合， Computer Science + Design + Psychology (電腦科學 + 設計 + 心理學)，也都剛好是 Nick 接觸過的領域。
Nick 在大學就讀的過程中， 有和另外兩位朋友一起創業， 那時適逢 2000 年，他們想把許多服務及一些內容辦到網路上， Nick 負責把網站做設計、並架起網站、運行。 大學因為有拿到教師資格，所以畢業後去高中教了一年的生活科技課。
隨後 Nick 決定還是回到設計， 先做了網頁 Desinger ， 再到 HTC 做 User Usability Engineer ， 再來開始做手機的 UI， UI 做久了開始會思考產品要如何設計可以更符合使用者的需求，從介面的安排位置、顏色、到和使用者的互動等等， 就開始進入 UX（User Experience) 領域 。
探討 UX 前先來確定 UX 使用者經驗的定義是什麼？ UI 是被包含在 UX 裡， UI 比較偏向視覺的元素， 而 UX 是整個產品生命週期的體驗。 ex: 車子的按鈕、儀表板可以比喻成 UI ， 而打開車門、開車、停車的整個體驗是 UX。
比如說去迪士尼玩，從買票到在遊樂園裡玩的所有經驗、排隊買演場會的票、坐在客廳沙發上挑一部電影來看。 如何把經驗從好的變的更好， 就是 UX Designer 的工作。
UX 在科技業包含了幾個部分：
1. 互動設計 Interaction
2. 視覺設計 Visual （與設計的流行趨勢影響密切）
3. 轉場 Motion
4. 使用者研究 Research
5. 工程 Engineering
UX Designer 廣義來說包含以上這五種工作類別，目前比較大的業界需求偏向 1 & 2，如果能同時兼備多樣專長 (Hybrid Designer) 在就業市場上會更有競爭力。 美國的科技產業， 產品和終端消費者比較直接相關，讓設計師比較被視為一個專業。 UX Designer 依照公司規模的狀態， 小公司 3～5人， 第一個 designer 職責可能就是包山包海，連 UX Researcher 的工作也要做， 拿到結果再來自己測試。
什麼是好的 UX Designer?
視覺設計要不錯， 有基本的美感及程度、並且有邏輯思考的能力，這樣就會是很有競爭力的設計師。
UX designer 過往在矽谷還是會希望有寫程式的能力，5～7 年前的一些公司設計師面試還是會考程式， 但到目前， 專業被更尊重及細分， 就比較沒有被考程式了。 當然，找工作的時候， 如何讓自己比別人突出， 如果你是設計師，有程式的經驗，還是會很有競爭力及賣點。
設計的本質： 1. 對事務的好奇心、2. Iteration 迭代 的容忍度、接受度、及執行力，3. 合作、溝通的能力。
提升能力的方式： Nick 相信做中學，產品一個階段之後， 把專案相關人員聚集起來， 討論 Start、Stop 、Continue 。 什麼事情是不該繼續做的？ 什麼事需要持續做的？ 什麼事情需要開始去做的？
Designer 的工具： 從之前 Photoshop、 Illustrator， 近幾年因為設計潮流變的扁平， 所以 Sketch 因為可以勝任大部分工作， 也變得更流行。 當然， 因為團隊協作的部分， Figma 讓設計師在合作上有像 Google Doc 有一份網上的檔案讓大家協同合作，也是常用的工具。
Designer 面臨的工作挑戰：
如何用研究方法，把主觀的設計，用客觀的方法、數據來解釋、說服團隊。 所以設計師和 UX 研究員的合作緊密，用值化、量化研究來找出好的設計。
UX designer 在整個產品週期都參與， 每個階段都有不同的目標及任務。 產品比喻成的 3 隻腳的椅子的話， 分別是 Designer 、 Engineer、 PM， 少了一個產品都沒辦法順利運行。
UX 常常會被說要有同理心，其實每個產品的角色應該都要有同理心。
質化 vs. 量化研究： 質化是要找問題的本質，比如說 5～8 人的研究就可以找出 85% 以上的錯誤或是設計不好的地方。 量化就是要多的樣本數、找到公正、大數據、可信賴結果的研究。 UX 要知道在什麼樣的情況，用什麼樣的研究方法來證明、並讓案子往前推進。
最後是一些提問及資源分享：
有什麼好的線上資源可以學習？
dribbble (https://dribbble.com/)
behance (https://www.behance.net/)
UX Design Weekly (uxdesignweekly.com)
經典的 UX design 準則， 不僅僅是 designer 適用、工程師及 PM 內化這些準則後也可以發現產品做出來可以避免許多不好使用者經驗的問題:
10 Usability Heuristics for User Interface Design by Jakob Nielsen in 1994
https://www.nngroup.com/articles/ten-usability-heuristics/
推薦閱讀的 2 本書:
Nick 的啟蒙書 Don’t make me think (https://amzn.to/2Zq9Xti) 中文版翻譯為“ 如何設計好網站”
The Design of Everyday Things (https://amzn.to/2zmRNhA)，用了許多生活化的例子。Affordance 在使用者經驗領域佔有相當的一席之地，例如：旋鈕、橫桿、直桿、握把的門，大致上會讓使用者理解該用轉的、推的、還是拉的。
找工作的建議:
提升自我的競爭力，先釐清自我的興趣、想要做的方向，因為每個 UX 細分領域看重的技能都不太一樣。 許多人都願意分享，可以找到願意分享的前輩，得到一些建議。
職場上爬升的建議:
首先， title 是公司衡量是你是否有值得那個等級、影響力的結果，所以要著重於你對與展品的影響力是什麼。再來是要有耐心，培養自我能力、提升競爭力，最後就會自然而然走到你該得到的位子。 最後， Nick 覺得 designer 最要有的能力是溝通能力。 好的設計能力可以變成好的設計師。 強的設計師就是厲害在溝通方面。 Design 在 Nick 心中就是解讀 (如何分析問題)、解決（如何解決問題）、解釋（如何解釋你設計出來的東西）， 最後解釋就是溝通。 所以對於設計有興趣的朋友，溝通是個很值得培養的能力。
溝通能力加強的方式:
上課培養。如果簡報 (presentation) 角度著墨，從聽眾聽完後，你想要讓他們知道哪 3 件事情反向思考，來幫助架構簡報，3 是個很重要的數字，讓這 3 個有相關、又各自著墨重點， 就可以涵蓋很大一部分思想理念。
最後分享一下UX 設計師大概的面試流程:
如果你有 portfolio，很多時候會被找到， 這是一個門票， 讓你可以開始面試，接下來可能會有 take home exerecise ， 讓你做一個開放性的問題， 被公司審核通過的話會邀請到 onsite interview 。 onsite 需要介紹你自己的作品， take home exerecise 的作品。 如果設計師可以充分利用白板來解釋思考過程、思考邏輯、及最後的提案是什麼，會是一個非常大的加分。 面試官其實很在乎你面試過程中展現的思考能力 （其實和軟體工程師的面試的精髓也是一樣的）。
第一段影片在：
https://www.facebook.com/PivotSoftwareEngineer/videos/492317728266537/
這次邀請到的特別來賓是型男設計師 Nick。 Nick 現在在 Google 總部擔任 UX Designer Manager，這次的直播會聚焦在如何成為頂尖的 UX 設計師上。
本次訪談內容皆為個人意見立場，不代表 Google 或任何公司的立場。
直播影片的大綱內容:
Nick 大學是師大的工業科技教育學系，主要偏重寫程式、學習網路、資料庫架構相關的學科。 因為他從小學開始就對美術相關的比賽很有興趣，大學畢業後想持續的往設計方面發展， 於是進入交大的應用藝術研究所就讀。
他研究所方向偏向視覺傳達、心理學，學習如何把 coding 、或是邏輯相關的知識應用在藝術、設計方面。 研究所畢業後先工作， 工作幾年後申請美國學校， 來到 CMU 卡內基美隆大學唸 HCI (Human Computer Interaction)。 HCI 是 3 個領域的結合， Computer Science + Design + Psychology (電腦科學 + 設計 + 心理學)，也都剛好是 Nick 接觸過的領域。
Nick 在大學就讀的過程中， 有和另外兩位朋友一起創業， 那時適逢 2000 年，他們想把許多服務及一些內容辦到網路上， Nick 負責把網站做設計、並架起網站、運行。 大學因為有拿到教師資格，所以畢業後去高中教了一年的生活科技課。
隨後 Nick 決定還是回到設計， 先做了網頁 Desinger ， 再到 HTC 做 User Usability Engineer ， 再來開始做手機的 UI， UI 做久了開始會思考產品要如何設計可以更符合使用者的需求，從介面的安排位置、顏色、到和使用者的互動等等， 就開始進入 UX（User Experience) 領域 。
探討 UX 前先來確定 UX 使用者經驗的定義是什麼？ UI 是被包含在 UX 裡， UI 比較偏向視覺的元素， 而 UX 是整個產品生命週期的體驗。 ex: 車子的按鈕、儀表板可以比喻成 UI ， 而打開車門、開車、停車的整個體驗是 UX。
比如說去迪士尼玩，從買票到在遊樂園裡玩的所有經驗、排隊買演場會的票、坐在客廳沙發上挑一部電影來看。 如何把經驗從好的變的更好， 就是 UX Designer 的工作。
UX 在科技業包含了幾個部分：
1. 互動設計 Interaction
2. 視覺設計 Visual （與設計的流行趨勢影響密切）
3. 轉場 Motion
4. 使用者研究 Research
5. 工程 Engineering
UX Designer 廣義來說包含以上這五種工作類別，目前比較大的業界需求偏向 1 & 2，如果能同時兼備多樣專長 (Hybrid Designer) 在就業市場上會更有競爭力。 美國的科技產業， 產品和終端消費者比較直接相關，讓設計師比較被視為一個專業。 UX Designer 依照公司規模的狀態， 小公司 3～5人， 第一個 designer 職責可能就是包山包海，連 UX Researcher 的工作也要做， 拿到結果再來自己測試。
什麼是好的 UX Designer?
視覺設計要不錯， 有基本的美感及程度、並且有邏輯思考的能力，這樣就會是很有競爭力的設計師。
UX designer 過往在矽谷還是會希望有寫程式的能力，5～7 年前的一些公司設計師面試還是會考程式， 但到目前， 專業被更尊重及細分， 就比較沒有被考程式了。 當然，找工作的時候， 如何讓自己比別人突出， 如果你是設計師，有程式的經驗，還是會很有競爭力及賣點。
設計的本質： 1. 對事務的好奇心、2. Iteration 迭代 的容忍度、接受度、及執行力，3. 合作、溝通的能力。
提升能力的方式： Nick 相信做中學，產品一個階段之後， 把專案相關人員聚集起來， 討論 Start、Stop 、Continue 。 什麼事情是不該繼續做的？ 什麼事需要持續做的？ 什麼事情需要開始去做的？
Designer 的工具： 從之前 Photoshop、 Illustrator， 近幾年因為設計潮流變的扁平， 所以 Sketch 因為可以勝任大部分工作， 也變得更流行。 當然， 因為團隊協作的部分， Figma 讓設計師在合作上有像 Google Doc 有一份網上的檔案讓大家協同合作，也是常用的工具。
Designer 面臨的工作挑戰：
如何用研究方法，把主觀的設計，用客觀的方法、數據來解釋、說服團隊。 所以設計師和 UX 研究員的合作緊密，用值化、量化研究來找出好的設計。
UX designer 在整個產品週期都參與， 每個階段都有不同的目標及任務。 產品比喻成的 3 隻腳的椅子的話， 分別是 Designer 、 Engineer、 PM， 少了一個產品都沒辦法順利運行。
UX 常常會被說要有同理心，其實每個產品的角色應該都要有同理心。
質化 vs. 量化研究： 質化是要找問題的本質，比如說 5～8 人的研究就可以找出 85% 以上的錯誤或是設計不好的地方。 量化就是要多的樣本數、找到公正、大數據、可信賴結果的研究。 UX 要知道在什麼樣的情況，用什麼樣的研究方法來證明、並讓案子往前推進。
最後是一些提問及資源分享：
有什麼好的線上資源可以學習？
dribbble (https://dribbble.com/)
behance (https://www.behance.net/)
UX Design Weekly (uxdesignweekly.com)
經典的 UX design 準則， 不僅僅是 designer 適用、工程師及 PM 內化這些準則後也可以發現產品做出來可以避免許多不好使用者經驗的問題:
10 Usability Heuristics for User Interface Design by Jakob Nielsen in 1994
https://www.nngroup.com/articles/ten-usability-heuristics/
推薦閱讀的 2 本書:
Nick 的啟蒙書 Don’t make me think (https://amzn.to/2Zq9Xti) 中文版翻譯為“ 如何設計好網站”
The Design of Everyday Things (https://amzn.to/2zmRNhA)，用了許多生活化的例子。Affordance 在使用者經驗領域佔有相當的一席之地，例如：旋鈕、橫桿、直桿、握把的門，大致上會讓使用者理解該用轉的、推的、還是拉的。
找工作的建議:
提升自我的競爭力，先釐清自我的興趣、想要做的方向，因為每個 UX 細分領域看重的技能都不太一樣。 許多人都願意分享，可以找到願意分享的前輩，得到一些建議。
職場上爬升的建議:
首先， title 是公司衡量是你是否有值得那個等級、影響力的結果，所以要著重於你對與展品的影響力是什麼。再來是要有耐心，培養自我能力、提升競爭力，最後就會自然而然走到你該得到的位子。 最後， Nick 覺得 designer 最要有的能力是溝通能力。 好的設計能力可以變成好的設計師。 強的設計師就是厲害在溝通方面。 Design 在 Nick 心中就是解讀 (如何分析問題)、解決（如何解決問題）、解釋（如何解釋你設計出來的東西）， 最後解釋就是溝通。 所以對於設計有興趣的朋友，溝通是個很值得培養的能力。
溝通能力加強的方式:
上課培養。如果簡報 (presentation) 角度著墨，從聽眾聽完後，你想要讓他們知道哪 3 件事情反向思考，來幫助架構簡報，3 是個很重要的數字，讓這 3 個有相關、又各自著墨重點， 就可以涵蓋很大一部分思想理念。
最後分享一下UX 設計師大概的面試流程:
如果你有 portfolio，很多時候會被找到， 這是一個門票， 讓你可以開始面試，接下來可能會有 take home exerecise ， 讓你做一個開放性的問題， 被公司審核通過的話會邀請到 onsite interview 。 onsite 需要介紹你自己的作品， take home exerecise 的作品。 如果設計師可以充分利用白板來解釋思考過程、思考邏輯、及最後的提案是什麼，會是一個非常大的加分。 面試官其實很在乎你面試過程中展現的思考能力 （其實和軟體工程師的面試的精髓也是一樣的）。
第二段影片在：
直播訪問: Google Design Manager 談如何成為頂尖的 UX Designer 【02】
https://www.facebook.com/PivotSoftwareEngineer/videos/512324412847952/
因為部落格讓我獲得更多機會，從面試到演講、從薪水到業外收入，然而這並不難做到，在這部影片我會和你分享如何跨越第一道難關，開始寫出自己部落格的心法和技巧。
透過寫作是提升自我是最快速容易的事情，初期的你，無需擔心文筆或是內容，轉換思維也能養成寫作習慣。
每一次的寫作都是和未來的自己提醒，曾經是如何解決問題的，讓我們一起用行動力去灌溉未來吧！
我的部落格已經經營 4 年，目前使用 Hugo + S3 所搭建的靜態網站，其中「如何成為失敗的軟體工程師」一文更是高達 800 次分享，超過 30,000 次觀看流量，目前總流量已經超過 150,000 次。
影片中所提到的額外收入
► 2019 年講師費收入約 25,000 NTD
► 過去 3 個月由 Adsense 的廣告收入約 10 USD
► 2019 年面試 10 家公司拿到 8 家錄取通知(offer)
重點快速連結
00:00 介紹
00:45 部落格實際好處和收穫
01:55 如何開始撰寫部落格
04:08 初期寫作三大心法
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com
#部落格 #工程師 #前端 #後端
【Untitled 未命名】為 2020 年全新的單元節目，將邀請業界的設計師們來聊聊天。
本集邀請到的設計師為在知名金融支付公司擔任資深設計師主管(Design Lead) 的 Rei，講講自己是如何從企管背景，轉職到設計師職業，並跟大家說了自己公司 UI 設計師的工作內容，以及 UI/UX 的定義與差別等等，也給予目前還是大學生或想轉職的上班族，一些準備上跟求職的建議。
同時，在下集也帶領大家一起看了 Apple 公司的 Design Guidelines 設計規範(Apple Human Interface Guidelines) 有哪些重點資訊，以及分享過去在 Daily UI 挑戰中的感想，最近還有新計畫要跟大家說⋯
#UI #設計師 #Untitled未命名
-
👨🏻💻 追蹤 Riven 的 Facebook 動態
https://fb.me/Riven.Design
📰 發摟 Medium 設計部落格
https://medium.com/@Riven
📡加入 Telegram 頻道會收到最新消息
https://t.me/rar_design
【Untitled 未命名】為 2020 年全新的單元節目，將邀請業界的設計師們來聊聊天。
本集試播集邀請到的設計師為在知名金融支付公司擔任資深設計師主管(Design Lead) 的 Rei，講講自己是如何從企管背景，轉職到設計師職業，並跟大家說了自己公司 UI 設計師的工作內容，以及 UI/UX 的定義與差別等等，也給予目前還是大學生或想轉職的上班族，一些準備上跟求職的建議。
#UI #設計師 #Untitled未命名
-
💁🏻♂️【Untitled 未命名】#1 如何成為 UI 設計師？（下集）
https://youtu.be/PBxs3GeuPGw
👨🏻💻 追蹤 Riven 的 Facebook 動態
https://fb.me/Riven.Design
📰 發摟 Medium 設計部落格
https://medium.com/@Riven
📡加入 Telegram 頻道會收到最新消息
https://t.me/rar_design
在編輯影片的時候發現，自己不斷把產品 設計 和 UX設計 輪著講，可能大家會有疑惑，在 UX設計 工作當中，有一些公司會稱用戶 設計 （ UX Design）作產品 ... ... <看更多>
大家好，我是艾瑪！目前是一位在2C 產品公司的UI/UX 設計師，今天想跟大家分享我自己是如何從視覺設計轉到UI/UX 領域的，那我們就開始吧！ ... <看更多>
如何成為ui ux設計師 在 [心得] 聽說你想成為UI/UX設計師（一） - 看板Salary 的推薦與評價
薪水版的大家聖誕節快樂，在年末換工作潮的當下，想挑戰UIUX職缺的各位是否也有諸多
憧憬或迷惘呢？這篇是今年三月就寫好的，但尚未在這裡發布過。剛經歷第一次跳槽，在
密集面試後終於有個結果，喘口氣的同時，來分享一下此文，希望可以回饋給版友們。
網誌好讀版
https://enntang.com/ui-ux-designer-tips-before-start/
自從UI/UX設計師工作滿一年心得發布後，詢問如何自學成為UI/UX設計師的來信非常多，
其實我真的很惶恐XD 因為我才剛進新手村，網路上厲害的前輩們也已經撰寫非常多文章
可以引大家入門，我只能貢獻出一點點小心得，希望能給提問的網友、或是對UI/UX有興
趣，卻不知怎麼提問來更加了解這個行業的人一點小小幫助。
在回答這些問題之前，我必須要先強調一下：
不是每一間公司對於UI/UX設計師職位的要求都一樣，而職稱也不一定完全反應工作內容
；
公司的要求也不該侷限你對自己的要求。
如果你曾經在台灣任職過設計相關工作，一定很清楚：只要是跟「設計」相關的，很容易
出現明明應徵一個平面設計職位，卻要幫忙切網頁或是兼作企劃的狀況，更別提奇怪的行
政美編這種擺明就是要你去打雜的職缺了。UI/UX的狀況比上述稍微好一點，但眾多職缺
當中還是有許多混亂不易弄清的地方。
### UI與UX傻傻分不清？
雖然我們常把UI/UX放在一起講，其實UI和UX指的是不同的工作階段，下面這張圖我認為
是可以很好地說明他們在開發流程中所擔綱的角色：
https://enntang.com/wp-content/uploads/2020/03/ux-vs-ui-dev-skills-expanded.png
出處：The difference between a UX Designer and UI Developer
在圖中，我們可以看到在一個網站或是APP的開發過程中，UX注重的是資訊設計、調查研
究，常與問卷和訪談為伍，並要對使用者的回饋提出良好的解決方案，確保整體流程符合
好的使用者體驗；UI則注重視覺並跨足到前端工程（但事實上不用太深入），UI設計師得
不斷琢磨畫面如何又美觀、又能正確引導使用者的操作。而他們兩者在交互設計上是重疊
的。
但是只有在規模比較大、編制較為複雜的公司，才會分開成UI設計師、UX設計師兩種不同
職位。台灣的中小企業、接案公司與新創公司數量龐大，員工也較容易一人分飾多角，加
上雇主不見得區分得清楚這兩者的差別，將UI/UX放在一起的職缺比比皆是，甚至把網頁
設計師或前端工程師與之混為一談的也很多啊！此外，一般來說由PM（產品經理）負責的
需求分析、客戶溝通等等工作，在小公司往往也都落在UI/UX designer身上…
可以參考Rei Huang的文章：你是做UI的，那懂不懂UX? （https://heywesley.wordpress
.com/2016/04/23/ui-designer-know-about-ux/）有令人會心一笑的見解。
### 我真的什麼都要會嗎？
其實也不能說雇主們是錯的，畢竟大環境下形成的產業生態，造成現在設計師什麼都要會
一點的狀況；這對就職者來說也不一定是壞事，我們更有機會在多方接觸的時候，摸索出
自己真正有興趣的領域，思考自己想選擇哪條路去鑽研，或是開心地當一個跨領域設計師
。
當然如果顯然公司就是要你打雜，這就母湯了！青春有限啊孩子！出社會後每一年都是打
穩根基、學習專業知識的重點時機，如果一直浪費時間在亂點技能樹（或濫竽充數）都是
在扼殺自己升遷或是往理想職缺邁進的機會，在資訊業，你不主動進步，就是等著自己被
後浪推到沙灘上，很可怕的。
所以，問題回到「如何自學成為UI/UX設計師」，我認為必須先調查清楚自己想要任職的
公司/職位，要求的範圍究竟只專注於UI Design，還是要求UI與UX兼具？是否要求前端程
式語言？先知道目標的要求，才能把有限的資源集中在刀口上，並訂定有效的學習計畫。
或是提早逃離火坑（刪除線）
當然，其實我鼓勵要入行的朋友，同時接觸UI、UX、網頁前端程式語言三者的入門知識，
然後依照職缺要求或是自己的特質調配你的能力雷達圖。例如你的目標職缺若較注重UI視
覺設計，那麼將後面兩者的學習比例減輕，了解必要概念即可。如果職缺強調的是程式的
實作，或職缺就叫做「網頁設計師」，那當然除了了解RWD原理外，一定會熟稔前端語言
。
### 建立屬於你自己的能力雷達圖
https://enntang.com/wp-content/uploads/2020/03/UIUX%E5%88%86%E5%B7%A5%E5%9C%96-
02-2-1024x918.png
我目前的能力雷達圖
我認為以下這六點是UI/UX設計師最重要的技能：
（一）使用者介面設計
也就是UI設計，懂得運用視覺設計原理，安排、製作出每個操作流程的介面圖稿，必須能
夠兼具美感與易用性。大致分為網頁的介面設計和APP介面設計。
網頁有一般瀏覽者觀看的企業形象網站、短期活動介紹頁、購物網站等；現在也越來越流
行將企業管理系統（ERP）以HTML5網頁的形式來製作了。
APP包含iOS或Android的手機、平板應用程式；以及搭配觸控螢幕設備的OS系統，如車用
導航、保全系統…等，也需要介面設計，端看公司的需求，如果是接案為主的公司則可能
兩個都要做。
網頁的介面設計須熟悉RWD（響應式網頁設計），APP的介面設計則要了解不同裝置（OS）
的規範。
（二）前端語言
不是每個UI/UX職缺都需要前端語言能力。如果需要，即是要求以下這三項：
html
css
Javascript / jQuery *
這三項程式語言就是所謂「切版」所必備的，能夠讓你的網頁視覺圖稿被實做成有流程順
序的、可以被「模擬操作」的外殼。（外殼套上後端程式後才會變成真正的網站喔）
*註：jQuery是預先寫好的Javascript函式庫，可以用簡化的語法寫出和Javascript相同
的效果，只要會操作就可以應付大部分的切版所需，但如果不了解Javascript的原理就使
用jQuery，很容易陷入只知其然不知其所以然的狀況，所以部分教學者會主張先確切了解
Javascript的原生寫法再進階到jQuery比較妥當。
（三）使用者研究
是UX設計專精的領域，基本上我在這一塊還很欠修煉…必須要做的是調查並研究目標使用
者的習慣，找出潛在需求並規劃進產品中，並且製作Function Map（功能地圖）和Wirefr
ame（線框圖），使UI設計可以將之轉化為符合使用者需求的介面視覺稿。至於怎麼調查
呢？問卷、訪談都是常用方法，更深入的還有文獻與數據分析…所以真正的UX設計師的學
歷或相關背景要求通常也比較高。
增進使用者體驗是一個循環的過程，如同軟體會一直更新，UX的工作就是不斷的讓產品更
能促進使用者在操作上的流暢，進而解決他們的問題（痛點）。
Tom Liou寫的給超超超新手的UIUX指南中，對UX的解釋非常清楚而淺顯易懂，推薦初學者
一定要讀。
（四）流程邏輯
想成為好的UI/UX設計師，邏輯能力非常重要，因為網頁與APP的操作是連貫性的，且依循
著一定的規則。
如果交給你設計一款點餐APP，你會怎麼安排呢？總共劃分成幾個步驟、一個步驟要做多
少動作、填多少資料？要先選優惠券再點餐呢？在什麼時機點計算總價呢？要先登入才能
點餐、還是點完餐再登入？光是這些差異，就影響到背後的程式撰寫，更大大影響使用者
體驗。不僅操作流程安排本身需要大量思考，視覺方面也是：APP所使用的按鈕要怎麼擺
放才能成功引導使用者完成結帳？有符合閱讀的順序嗎？畫面之間所使用的元件，有沒有
依照重要性做階層式的設計？
因為以上提到的問題，都需要設計師非常縝密的思考、推敲，才能合理地安排出來。如果
你是個習慣揮灑藝術的感性主義者，記得平時在逛網頁、操作APP時多觀察每個操作的環
節，並思考這樣設計可能是為了達成什麼目標、解決什麼問題？因為UI/UX設計師無時無
刻不會被問「為什麼要這樣設計？」，來自配合的工程師、客戶以及使用者。如果答不出
來，撇除掉語言表達能力不好，可能就是你的操作流程經不起考驗啦（很殘酷的～～）。
（五）團隊協作
之前就提過了，做這一行是很難單打獨鬥的，除非你是一個身兼企劃/設計/前後端程式能
力的大神（這樣的人年薪不是我們可以想像的，說不定也不會受僱於人而是自己創業了）
。更別說，有時設計師也會接觸客戶、需要跟團隊以外的人溝通產品的細節，整天一直坐
在自己位子上悶頭做著設計，幾乎是不可能發生的。
於是，如果不喜歡過於緊密的團隊合作、三不五時就小組會議的工作節奏，或是有人群恐
懼、甘願當個獨行俠的話，可能要多考慮一下XD
（六）視覺美感
作為一個設計師怎麼能拋棄美感的要求呢？但是跟團隊合作的能力一樣，很難靠短期的惡
補來提升該方面的能力，這個除了天份之外，就得靠平時的累積。Pinterest、Behance網
站放在瀏覽器書籤隨時關注是基本的，不只UI介面的設計作品，任何你喜歡的領域如書籍
裝幀、古典藝術、電影海報的賞析，都有助於審美的鍛鍊。
當然，UI設計絕不能只靠感覺，我們必須幫產品挑選適合的風格。喜歡的作品別忘了一定
要保存下來並且做適當的分類，資料庫越充足的設計師，越容易找出客戶喜歡的解決方案
。
### 總結
大致了解UI/UX的工作內容和必備能力後，相信已畫出初步的地圖，腦中對於如何學習入
門較有概略的輪廓了。在自學過程中，我們很難做到盡善盡美，一定會因為本身的技術背
景或人格特質而有所差異的。
事實上，很難等到所有能力都非常強才入行，通常都是一邊做一邊學習，此時不僅可以靠
團隊合作截長補短，也可以透過擔任UI/UX工作中、自我學習時，甚至轉換更理想的公司
時，漸漸摸索出獨特的能力值配置，尋找適合自己的位置。沒有對錯，一切端看能不能適
應業界所需、做得開不開心而已（這非常重要！）。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.216.86.160 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Salary/M.1608878546.A.44F.html
... <看更多>