聯成電腦設計好文分享：行銷、PM 也能轉戰 UI/UX設計領域嗎？

文、Daisy Chang 行銷、PM、甚至是其他領域的工作者能不能轉 UI 或 UX 呢？會不會很困難呢？ | 我的想法是，不容易啊。 但是如果你明知道前方峰迴路轉，仍是執意前行，那就代表這真的你是非常有興趣、非常想發展的領域吧！有決心佐以毅力，普世來說，什麼都不是難事。（當然，設計也不是跳進來就出不去的圈子囉！） 我是女人迷的設計師 Daisy，過去曾經跨足電商行銷、清潔用品 PM、客服等領域。目前踏入 UI/UX 領域四個月，主要負責網頁、平面設計、實體商品設計。 從初入設計跌跌撞撞至今，也曾鬧出很多笑話、修修改改到對自己的設計能力感到氣餒。當然，現階段也仍正在接受挑戰中（笑）但在這四個月中，感受得到自己正逐漸成長。 因此，今天要與大家分享我在女人迷 PHD Lab 過去四個月以來，覺得對新手很受用的三個 UI/UX 練習撇步。 撇步一：新手必推讀物《UX 從新手開始：使用者體驗的 100堂必修課》 來源 我非常推薦初入 UI/UX 領域的新手看這本書，它以淺顯易懂的方式完整介紹了 UX，從心理學、使用者研究到視覺設計原則，你會開始理解為什麼有些設計不太好看但實用、跟工程師溝通可能會遇到的問題、設計在不同裝置上最顯著的差別等等。 整本書廣泛涵蓋了所有 UI/UX 領域必備的基礎知識，雖然少了更深的探討（常常看到欲罷不能想要繼續上網查更多意義啊！）但對於新手來說，我覺得已經非常足夠囉！ 以下擷取幾個我自己讀後很有感的內容重點，來吊吊大家的胃： 如何觀察使用者？ 觀察他們「如何選擇」而不是「選擇什麼」；使用者越是不做你預期的事情，測試就越有用。 設計要先從 Desktop 還是先從 Mobile 開始設計？ 從小裝置開始。 很多人以為 Mobile First 是因為行動裝置普及的緣故，其實有另一個原因是：先針對最小的裝置進行設計，可以聚焦於內容與核心功能，導出簡潔美觀的 APP/網頁！ ► 推薦課程：Dreamweaver網頁設計、跨平台商業網站設計 畫 Wireframe 要花多少時間呢？ 其實良好的線框圖是需要花時間繪製的，時間分佈為 90% 的思考加上 10% 的繪製（思考才是重點！） 除了這本書以外，也非常推薦 Akane 的「從 0 開始的 UI/UX 設計推薦書單」，都是新手設計師們非常適合的讀物噢！ 好文回顧： Wireframe有障礙？別錯過MockFlow (上篇)、(下篇) Draw.io線上免安裝 繪製圖表好實用 Cacoo線上繪製圖表 還可多人協同設計 Cacoo X Google Drive 圖表管理更輕易 Sneakpeekit讓你隨手畫草圖 更真實的提案！Proto.io讓原型動起來 InVision簡化團隊工作的好幫手 從使用者到APP頁面設計準則 12個專業UX設計師的經典線框範例 撇步二：參加國內外社群、線上練功團、請教高人增進實力 學生時期我有稍微碰過 Photoshop 和 illustrator 來接點小案子，不過 Sketch 就是直接從頭學習。剛開始要同時熟練設計技術與 UI 設計理論，十分的忙碌，因此尋求其他高人指點就是件非常重要的事了！ 所幸在台灣非常便利，不論是線上與線下，都可以獲得許多設計的技能進補，像是： 線下社群 在台灣 UI 設計圈的朋友一定都知道 UI/UX Taipei，每個月都會有一場，目前主要由女人迷、Piccollage、Chocolabs、Snapask 共同舉辦，每一次的分享會都可以聽到許多設計新秀、設計前輩分享。 我總是在每次的 UI/UX Designers Night 獲得滿滿能量以及學習，不過每場都有名額限制，要搶要快。 公司文化 女人迷的工作夥伴有很好的 Feedback 習慣，例如每一次設計我都會邀請內部設計師（Merci 與 Anu）、 PM 團隊提供不同維度的建議，讓設計可以不斷精進。 善用目前職場上每位夥伴的建議與指導，能夠讓自己更快速成長。 線上練功 如果目前工作沒有機會設計介面，千萬別擔心，俗話說山不轉路轉！ 網路上有許多的社群會做每日練習挑戰，大家可以從練習Daily UI開始，另外也有Daily UX Challenge可以挑戰。 若對互動設計有興趣的夥伴，也可以試試100 Days CSS Challenge，許多網站上厲害的動畫其實都是 CSS 刻出來的。參加這類 Daily Challenge 活動，也可以吸收其他設計師們的設計精華！ 來源 最後，Facebook 線上社團也是很好的設計交流學習社群，以下分享幾個我自己有加入的社團： Taiwan UI/UX Designers：台灣最大的 UI/UX 設計師社團。 UI club：常常會有設計聚會、業界徵才的資訊，更著重在 UI 設計的討論。 UI 設計師精進會：同上，多為 UI 知識進補。 UI/UX designers：國際的 UI/UX 社團，常會有一些設計新知可以截取！ 字嗨：字體設計社團，文字在設計中是不可或缺的元素。 ► 推薦課程：Photoshop影像處理、Illustrator向量繪圖 撇步三：善用原本領域的優勢，創造更多討論空間 UI/UX 是一門很廣的學問，涵括心理學、可用性、設計、文案、分析等等，因此我覺得不必害怕自己正在一個全新的領域學習，每個人或多或少都有接觸過 UI/UX（只要你是人XD）只要善用過去所學、工作領域的技能，相信一定能為現在的設計加分。 來源 例如我過去有 PM 、電商行銷的經驗，因此在討論網頁資訊架構時，可以以過去 PM 的邏輯思考，提出與設計師不同脈絡的想法，讓需求的網頁架構更加清晰有理。 同時，過去在電商行銷經驗中非常看重數據，因此在製作網頁中的 Call to Action 按鈕時，也能夠更以目標導向去設計。（按鈕要很大很亮嗎？來啊，但我們要 AB test 看看成效唷^^！） 找到自己的專長與 UI/UX 領域中的相交點，加以努力，可以發現自己與其他設計師不一樣的優勢喔！ 總言之，現在開始學 UI/UX 絕對不晚。共勉之！ ► 推薦課程：創意視覺設計師、工業產品設計師、APP開發設計師、EC數位行銷 文章轉載自「女人迷設計實驗室 phd lab」，已取得作者授權同意，原文為：行銷、PM 也能轉戰 UI/UX 領域嗎？怎麼開始？​​​，作者為女人迷網站合作設計師Daisy Chang 痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w