UI/UX設計師工作滿一年心得

by Enn 阿元

轉眼間,轉職成介面設計已經滿一年了。

在這之前,我都是擔任美編、平面設計相關的工作,接觸到網頁設計和UI/UX領域還是頭一次,就很幸運的找到可以讓我一面工作一面學習技術的公司(感謝老闆)。轉職的動機,來自於對於數位生活這個時代趨勢的憧憬,畢竟手機、平板人人都有,什麼事情都仰賴Google,科技產業只會越來越興盛。

當然薪水也是考量之一,在台灣,科技業的薪水成長潛力就是比較高。

什麼是UI/UX?

UI指的是「使用者介面」,我們生活中會透過很多種介面來操控他背後的程式,例如電視遙控器就是一種介面;電腦或手機遊戲也有介面。我則因應現任的公司的服務領域,專門設計網頁與APP的介面。

UX是指「使用者體驗」,這是一個相對起來比較飄渺的詞,簡單來說就是配合產品使用者的習慣,將資訊安排得適當、容易使用。

UI/UX設計與平面設計的不同

(一)從紙張轉換到螢幕

轉行後我首先面對的是硬知識上的重新學習。

承載著設計作品的媒介一下子從紙張跳到螢幕。於是從計算印刷品尺寸、裝訂邊、出血範圍,變成學習配合不同的螢幕裝置,編排軟體的單位也從cm、mm變成了px和pt。

也因為不用碰印刷,再也不需要調配CMYK的數值,開始適應RGB的廣闊世界。RGB跟CMYK的色域不一樣,限制也變少,配色的自由度一下被解放,一開始還真有點不習慣。(有人也因為四色黑和疊印問題煩惱過嗎XD)

再者,我被從紙張有限的範圍解放出來,在無限的螢幕長度中,卻要開始在意:元件怎麼編排才符合使用者習慣、我的網頁在桌機與在手機上是否都能正常執行等等問題。

(二)習慣與程式碼為伍

因公司要求,職務上需要有網頁前端知識。html和CSS是基本、Javascript則是我進公司之後才開始學的。

RWD(響應式網頁設計)也是走網頁設計的必備知識,你的網頁必須在桌機、平板及手機上都能正常且順暢地瀏覽。基本上現在已經沒有網頁不做RWD了,連政府單位也拼命的官網推到改版的列車上。

計算機(電腦)被發明也不過百餘年,程式語言的進展卻日新月異。只要開始碰程式,就會深深覺得自己怎麼學都不夠。你可能一覺起來,吃飯用的工具就突然被淘汰了。(望向flash…)所以在這份工作中我養成時刻補充知識的習慣。其實各行各業的人都需要充實自己啦,只是在科技業這個壓力特別大。

但因為我的職務不是真正的前端設計師,所以vue.js那些高端技術,目前還不會…自己獨立切版倒是沒問題的。

(三)與工程師們溝通與合作

工程師,軟體開發公司的核心成員,是界面設計師要合作的對象。我們從接到產品需求、討論流程、UI畫面設計、最後到定稿切圖,中間會進行多次討論,以確保雙方對產品的認知有在同一個頻道上。

「隔行如隔山」的感嘆我從來沒有像現在這麼重,工程師的專業知識和能力對我來說真的是另一個境界。

因為專業的迥異,有時在某些點的看法上會大相徑庭。雖然說尊重你的同事是不二法門,討論時站在對方的立場也是老生常談。不過,我覺得再多的同理心,都不如嘗試著去了解對方的工作內容。不要說一定要跟他們一樣寫後台程式碼,多聊聊他們的工作流程或沒事科普一下程式概念,可以離他們的思考邏輯更近一些。

(四)不再是美美的就好

做平面設計時,最重要的是端出美觀又有底蘊的作品,首要目標是吸引眼球;但做介面設計,首先關注的是產品的「易用性」,也就是操作起來到底好不好用?流程是否順暢?當考慮不夠周全時,你的介面可能導致使用者點進一個無法回到上一頁的地方,或是因為找不到想要的功能而生氣。

且不論功能流程的部分,如果在一開始設計畫面的時候,對程式邏輯不熟,很有可能畫出一個根本實行不出來、只能擺著好看的東西。

成為UI/UX設計師後,斟酌於如何做出「美」的東西的時間大幅減少,取而代之的是大量思考、研擬操作流程,以及跟夥伴的討論/爭執(不只工程師,跟同部門設計師也是)。這一點,對我來說是跟以往最不一樣的地方。

小結

我在UI/UX領域目前還是超超初心者,踏進這一行後,無論是技術上還是心態上都有巨大轉變。雖然以前的美感經驗幫助我找到這份工作,但要做得稱職、有成就感,我認為以下幾點是必要的:

  • 保持學習的習慣,技術永遠有進步的空間
  • 適時放下對美的堅持,好看之前首先要好用
  • 依賴你的夥伴,這一行不太可能單打獨鬥

建立這些概念對我幫助很大,雖然要維持它們需要毅力XDD

也給對轉職UI/UX工作有興趣的朋友們參考囉。

5 comments
1

推薦閱讀

5 comments

Henry 20 3 月, 2020 - 4:29 上午

想冒昧請問
想知道使用什麼樣的軟體,自學UI 需要怎麼準備…

Reply
Enn 阿元 28 3 月, 2020 - 2:51 上午

HENRY:
目前UI界被使用最多的軟體有:Sketch、Adobe XD、Figma等,
但如果你還是個新手,我會建議你先不要太急著進入學習軟體的階段
就像學畫畫不要太早學操作Photoshop,手繪的基礎和好的審美能力才是根本
太執著軟體的操作反而會阻礙基本功的學習
UI也一樣,可以先從建立基本觀念開始,正確的認識UI要做什麼、要解決什麼問題開始
我會推薦看看Akane的網誌所分享的知識和心得,如:
https://blog.akanelee.me/2016/10/20/uiux-self-study-thinking/
先了解一下這個行業的狀況~相信對你入行的想法會有更多激盪
我之後會開始撰寫工作上會使用到的各種軟體和網站,如你有空,歡迎再回來看看^^

Reply
Henry 15 5 月, 2020 - 5:34 下午

謝謝你
希望我可以慢慢學習趁30歲前認識一下UI.
我是非本科的學生,想試試看學看看但不知如何著手

Reply
Patty 28 6 月, 2020 - 9:07 上午

Hello Enn,

感謝你的心得分享!
最近站在轉職懸崖(?),眾多考量下已決心往UX設計師目標邁進。
本身是行銷背景出身,零設計經驗下我目前規劃的必學技術工具為:Sketch、Illustrator、Invision、Principle
由於還需要時間磨練基本功,下一份工作正躊躇著是否先踏進科技相關公司理解產業環境,一邊學習比較好…QQ
然後最後一點「適時放下對美的堅持,好看之前首先要好用」感覺真的好難突破XD
我會努力衝看看的,期待下一篇好文~~

Patty

Reply
Enn 阿元 1 7 月, 2020 - 2:04 上午

Patty
謝謝你認真看QQ
轉行很辛苦,希望你的努力有好的收穫!

Reply

Leave a Comment