Loading...

UI/UX 設計師、產品設計師是打造產品的關鍵人物。想設計一個體驗良好的數位產品,設計師到底需不需要學程式?ALPHA Camp邀請到畢業校友,前新加坡旋轉拍賣(Carousell )產品設計師 Rita 分享他的看法:

「設計師學程式,可以降低設計與實作的落差,不僅有助與工程師協作,更能加速產品的開發效率!」

這篇帶大家了解,她如何成為產品設計師、產品設計師的工作內容,以及擁有程式技能,在設計領域有哪些應用。

資管系畢業,從創業接案到成為產品設計師

一直以來,我都對設計很有興趣,設計如何讓使用者完成一趟流程。我是資管系畢業的,曾在外商公司擔任技術顧問,也跟朋友一起去美國創業過。回台灣後,我仍懷抱創業夢想,為了增加收入,我開始寫程式接案。

接案過程中,我自學設計,嘗試幫客戶把網頁做得更好看。但我發現自學有天花板:我沒辦法知道其他人怎麼做設計、產業實務又是怎麼做的。為了進一步學習,我報名了 ALPHA Camp 產品設計課程。

ALPHA Camp 產品設計課程有許多業界大神授課,學習相當精實,除了產品設計的知識外,我也學到了 prototyping 及相關技術能力。原本我打算回去創業,但一封來自旋轉拍賣的信,改變了我的規劃。

拿到新加坡 Carousell 產品設計師 offer

有一天我打開信箱,發現旋轉拍賣 Carousell 在徵求使用者進行訪談。學了產品設計後,我想看看業界實務怎麼做,於是報名前往台北辦公室進行訪談。

訪談結束,我進一步詢問對方新加坡旋轉拍賣的工作環境、招募資訊。對方看我對產品設計很有興趣,便邀請我找時間多聊聊。剛從 ALPHA Camp 畢業的我,就帶著當時做的 Project 與他們分享我的思路。很幸運的我獲得面試機會、也錄取了,一個月後決定搬去新加坡!

成為產品設計師:工作內容、所需技能

產品設計師的一天

產品設計師的工作是設計產品,但首先需要了解:

  • 團隊想達成的目標是什麼
  • 為了達成該目標,發現什麼問題

接著,產品設計師會針對問題進行研究,並提出相應設計:

  • 設計:如產品 Wireframe 設計、Prototype 設計,並與團隊討論設計
  • 使用者訪談:深入瞭解使用者的內在需求,常用方法如問卷調查、主題式訪談/發散式閒聊、可用性測試、焦點團體座談等

以旋轉拍賣為例,目標是讓大家快樂的買賣,但我們發現的問題是:大家都不想刊登家裡不用的物品。這時候怎麼做?產品設計師會進行研究,藉由使用者訪談去了解為什麼使用者不想刊登物品。

產品設計師也會查看數據,了解有多少人在刊登。另外也會進行團隊討論:和工程師討論產品架構可以做哪些改變,或與產品經理、數據分析師討論哪些是優先設計項目。

上述是產品設計師的主要工作內容。其餘工作項目則是協助工程師測試做好的 app 或 web,給予工程師回饋;或與其他同儕設計師分享最近的設計想法、遇到的挑戰,進行良性的交流討論。

成為產品設計師所需的技能

產品設計師想要打造一款好產品,具體需要什麼樣的能力?沒有設計背景,能成為產品設計師嗎?我的看法是:

工作經歷比設計學歷重要

產品設計師需具備設計背景、設計學歷嗎?我認為有相關工作經歷會更重要!由於產品設計是近幾年才興起的一門學問,在我們團隊中,沒有任何人有產品設計背景,大家都是從工作中學習。

因此,找到第一份跟產品設計相關的工作是關鍵。如果可以跟第一個產品設計公司證明自己有能力,進去學兩三年,一定會比在學校學到的更多。

解決問題的能力

作為產品設計師,不一定要執著於很會選配色字型,但最重要的是怎麼解決問題。

抽絲剝繭拆解問題、解決問題是最重要的技能:有哪些方案可以系統化解決問題?為什麼要選擇這個設計來解決問題?

我建議可以多做不同的練習:參加黑客松、接案、做不同的 case study,培養自己解決問題的能力。

通過實戰打造Web App產品,培養解決問題能力

溝通能力

能夠溝通,在職場上是最大的資產。有些設計師畫圖很美,但跟別人合作起來卻不太愉快,原因是沒有好好溝通,常常自己說的跟做出來的不一樣。

設計師越早讓其他人知道自己的設計方向越好,大家才有機會給回饋,讓設計符合團隊成員的需要。因此,想建立團隊間的信任,好的溝通絕對有幫助。

UI/UX 設計師 vs 產品設計師的差異

UX 設計師、UI 設計師和產品設計師,這些工作角色之間有什麼區別?在此釐清職責差異:

  • UX 設計師:負責解決問題的發想。首先了解商業上想實現的目標,接著觀察使用者的困難點,最後思考解決方式,規劃設計在哪裡呈現、如何呈現。
  • UI 設計師:專注於將問題解決方案,跟現有產品介面與功能做結合。使用顏色或設計凸顯重點,達成一致的設計樣式。
  • 產品設計師:跟 UI/UX 設計師相比,涵蓋範圍更大,對產品的擁有權更強。平常會看產品數據,另外除了針對介面的設計,也可能透過其他實體活動、email 活動增進對使用者的了解。

因此,我會更傾向把自己定位為帶著設計技能的「產品人」,而不是產品設計師。

(延伸閱讀:UI/UX設計師學程式 SOHO族進階前端網頁能力)

擁有技術背景對設計工作的影響

設計師學程式,有哪些好處?我認為擁有程式背景的設計師,具有 3 個優勢,但也有一個需注意的地方:

優勢一:了解產品開發的技術限制

設計師不一定需要會寫程式,但如果能夠了解程式是如何運作的,知道做什麼功能比較困難或簡單,或是做了工程師可能會反彈,那就可以事先找工程師聊聊,和對方預估時程、了解困難。如此一來,能夠給予工程師尊重,建立起彼此的信任感。

優勢二:更有效與工程師溝通

有少數工程師,當跟對方說想做這個功能,他會直接回絕,表示「不可能啦!」但有程式背景的設計師,就會知道不是不可能實現,只是做多久的問題。這時候,設計師就可以進一步詢問細節:可能會碰到什麼後端服務,大概會做哪些事,與對方進行有效的溝通討論。

優勢三:Prototype 工具使用測試

設計師常需要做 Prototype 來測試使用者是否能理解設計。Prototype 用意是快速得到回饋,所以大部分的 Prototype 都是紙筆畫示意圖給使用者參考。然而當 Prototype 越擬真,就越需要程式背景。例如像聊天功能這種需要一來一往的互動,很難讓使用者自行想像。

這時候如果設計師懂程式,會使用以 JavaScript 為基礎的 Prototype 工具來模擬,就能得到使用者最真實的反應。

須注意:傾向選擇開發容易的解決方案,影響產品決策

這是擁有程式背景的設計師需要注意的一點。當設計師懂程式,會知道提出一個需求背後可能會花多少時間,進而影響判斷。像是我發現當有方案 A 跟方案 B,兩個開發難度差很多的情況下,我會傾向選擇簡單的方案,方便工程師開發。

但如果總是做簡單的那個方案,最後可能變成疊床架屋,無法打造很好的系統化體驗。我認為設計師大部分時間還是要堅持使用者體驗,要讓使用者可以長久共存,而不是總是採取暫時性的解決方案。

結語

擔任產品設計師這幾年來,我從一開始不擅長產品 UI 設計、做擬真的 Prototype,最後成長到被主管肯定技能,期待我進一步去做更有影響力的事。

如何影響公司決策到我認定的重要價值,將產品的使用者體驗拉回到情感層面,這些都是蠻困難的挑戰。接下來,我期待自己去訴說能夠打動人心的故事。

開拓自己的科技職涯可能性,3分鐘小測驗找到你的程式學習入口

成為企業渴求的程式人才!

在家學會 JavaScript 網路開發

全新「全端 Web App 開發」課程,給你看得見的學習成效!
超過 90% 轉職成功,400 位來自亞洲各國的 ALPHA Camp 校友,畢業後達成轉職、創業、出國工作的夢想!

3 分鐘選課指南

給期待創新改變的你

前端x後端x全端 完整工程師技能樹

90% 學生轉職成功,職涯競爭力更上層樓
最專業的「全端 Web App 開發」課程,上班族邊工作也能同時培養第二專長!

3 分鐘選課指南

學期一|程式設計入門

零基礎也學得會的程式入門課!

開始學帶得走的技能,為自己未來的成長鋪路

學期二|掌握網頁開發

系統化學習 JavaScript

實作打好前後端基礎,成為扎實的網頁開發者

學期三|軟體工程師養成

養成業界接軌的實戰能力

前端/全端工程師專修路徑,完成技能與求職準備,成為業界即戰力