最近 Adobe XD 到期，順便轉用 Figma 來進行網頁設計
因為過去有用 Sketch + XD 的經驗，許多概念都可以直接移到 Figma
其中包含：
- 最愛的 Prototype 功能，拉好之後團隊就能進行操作
- 響應式的元件，比 XD 更多的細節調整
- 元件管理，統一設定所有的元素
- ... 還有各種想得到的基本功能

除了可以做到與 Adobe XD 與 Sketch 類似的功能外
還具有以下的優點：
- 團隊協作更即時，不需要截圖傳來傳去，直接看到團隊的指標位置(工程師隊友不需要付費，只要有觀看權限即可
- 強大的 Frame，讓繪圖軟體更具有響應式的特性
- 智能選取，調整群體元素間距、順序都非常好用（這就需要實際體會才能理解了

如果你正在觀望 Figma，此工具還有提供免費的版本
只要註冊後直接就可以直接在瀏覽器運行

不知道怎麼入門嗎？
我們最近舉辦了 Figma 體驗營，歡迎來參與看看～
https://hex.school/V92BO

---
其它常見問題：
Ｑ、參加 Figma 設計體驗營會需要付費嗎？
這次的體驗營完全免費！請大力分享給身邊有興趣的朋友們 ʕ •ᴥ•ʔ

Ｑ、一定要加入 Discord 群組嗎？
卡斯伯回：我們資源太多，怕你沒加入會少接收到很多資訊

Ｑ、如果這次的時間剛好沒辦法參加，之後會有加開的場次嗎？
卡斯伯回：這次免費，下次我不敢說

Ｑ、Figma 很貴嗎？
卡斯伯回：看你怎麼用囉～，費用很彈性，如果是單人使用幾乎免費，團隊的話則是依據設計師人數計價（僅有觀看的工程師不需要付費

這次邀請到的特別來賓是型男設計師 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/

近年來網路資訊發達，UI（使用者介面）、UX（使用者體驗）設計領域也開始活躍起來，或許你沒聽過Figma，但想必也耳聞過設計軟體霸主Adobe吧💪？

如今這塊大餅越來越多企業想分食，設計軟體也進入百家爭鳴年代，其中殺出血海的新星就是Figma！這家公司2012年誕生，不到10年Figma估值已達20億美元，今天影片就想與你分享這其中傳奇😎

#Figma #UI #設計

近幾年來隨著設計思考與 UX 設計的興起，在這其中異軍突起的設計工具非屬 Figma 不可了。
根據 UX Tools 針對全球數千名設計師年度問卷調查，Figma 在 2017 年的愛用程度位居第六或七名，相對很少人關注。Figma 在國外的討論度一直都很高，而在台灣好像相對來講少一點。Figma雖然目前沒有中文介面，但並不影響UI設計師們對他的喜愛。

創作者推薦：
《Socialmorehk》https://www.instagram.com/socialmorehk/

🎉看完影片腦袋還在高速運轉嗎？這邊已經幫你整理好Figma四大亮點囉！
1. 不用額外下載、更新軟體
2. 免存檔，檔案都會自動存在雲端中
3. 一個網址，每個人都看的到最新內容
4. 不用一直上傳、一直同步檔案

資料參考：
《Figma以20億美元的估值和5000萬美元的新資金尋找收購機會》
《反思Figma的第一年》
《23歲少年創立的設計師協作工具將以1400萬投資對抗Adobe》
《Figma的CEO Dylan Field訪談》
《為什麼我們應該使用Figma》

Figma — 異軍突起的設計協作神器 https://medium.com/as-a-product-designer/figma-design-tool-1c6542ae8dc1
我從 Sketch 老粉變成 Figma 鐵粉的 10 個理由 https://reurl.cc/VXXDVZ

股感：https://www.stockfeel.com.tw/
股感Facebook：https://www.facebook.com/StockFeel.page/?fref=ts
股感IG：https://www.instagram.com/stockfeel/
股感Line：http://line.me/ti/p/@mup7228j