LCCNET 聯成電腦

m_nav_line m_nav_line

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

icon_fb icon_twitter icon_google LINE it!
article_main_img

文、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

本網站使用相關網站技術以確保使用者獲得最佳體驗,通過使用我們的網站,您確認並同意本網站的隱私權政策。欲了解詳情,請參閱 隱私權政策