UI/UX設計師工作滿一年心得
板上首po,一直以來默默吸收很多前輩的經驗,這邊野人獻曝一下我的UI/UX工作小心得
。
有網誌好讀版,只差一張照片:
http://enntang.com/ui-one-year/
以下心得
轉眼間,轉職成介面設計已經滿一年了。
在這之前,我都是擔任美編、平面設計相關的工作,接觸到網頁設計和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工作有興趣的朋友們參考囉。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.174.4.5 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Salary/M.1572282939.A.872.html
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 01:20:21
推
10/29 01:40,
4年前
, 1F
10/29 01:40, 1F
小妹不才只有3開頭,工作地點在南部,工作環境優所以綜合起來還可以,當然未來不排
除繼續爭取往上調...
推
10/29 08:17,
4年前
, 2F
10/29 08:17, 2F
→
10/29 08:17,
4年前
, 3F
10/29 08:17, 3F
→
10/29 08:17,
4年前
, 4F
10/29 08:17, 4F
推
10/29 08:21,
4年前
, 5F
10/29 08:21, 5F
大部分聽到都是平面轉介面,前輩的選擇很特別,很有興趣了解您的心路歷程XD
推
10/29 09:11,
4年前
, 6F
10/29 09:11, 6F
→
10/29 09:12,
4年前
, 7F
10/29 09:12, 7F
→
10/29 09:12,
4年前
, 8F
10/29 09:12, 8F
的確在工作上不太需要繪畫,真需要在產品放插畫的時候可以透過買圖庫或是委外。規劃
介面和部門間溝通是頂多需要勾勒wireframe。
我自己是會畫畫啦,前分工作需要,現在是興趣+副業接案XD
推
10/29 10:22,
4年前
, 9F
10/29 10:22, 9F
謝謝您的推(敬禮
推
10/29 10:45,
4年前
, 10F
10/29 10:45, 10F
UX每間公司實作在專案開發上的方法不同。我們是新創公司,沒有前輩帶,這部分還在摸
索中...
您說的這兩項我都還在努力研究基本知識...
推
10/29 11:21,
4年前
, 11F
10/29 11:21, 11F
→
10/29 11:21,
4年前
, 12F
10/29 11:21, 12F
其實做網站很好玩!但偶爾程式被奇怪的bug卡住會很氣XD
推
10/29 12:56,
4年前
, 13F
10/29 12:56, 13F
我超幸運的><當初真的是小白狀態下入行
推
10/29 15:21,
4年前
, 14F
10/29 15:21, 14F
→
10/29 15:21,
4年前
, 15F
10/29 15:21, 15F
明白您的苦惱!其實google UI UX 自學有蠻多神人都有分享學習和面試技巧,我弱弱的
沒有像他們那麼厲害的底子,憑著轉行渴望,拿著平面設計作品集就腦衝了
如果大大有心準備的話可能會比當時的我強哦
我再想想能不能直接再寫一篇當初是怎麼準備的(但真的沒有太高深的技巧和知識背景就
是了...)
推
10/29 16:24,
4年前
, 16F
10/29 16:24, 16F
謝謝您的閱讀哦:)
推
10/29 16:42,
4年前
, 17F
10/29 16:42, 17F
我上面回文有提,南部3開頭,好想加薪啊啊啊(吶喊
推
10/29 17:58,
4年前
, 18F
10/29 17:58, 18F
這問題我也好想知道啊QAQ
推
10/29 19:07,
4年前
, 19F
10/29 19:07, 19F
嘿嘿,我也還是新手,可以一起學習~
推
10/29 21:36,
4年前
, 20F
10/29 21:36, 20F
→
10/29 21:36,
4年前
, 21F
10/29 21:36, 21F
→
10/29 21:36,
4年前
, 22F
10/29 21:36, 22F
→
10/29 21:36,
4年前
, 23F
10/29 21:36, 23F
→
10/29 21:36,
4年前
, 24F
10/29 21:36, 24F
→
10/29 21:36,
4年前
, 25F
10/29 21:36, 25F
沒錯喔,美編轉ui的優勢非常明顯,幾乎只要學會新軟體(sketch或Adobe XD)就直接上
工。但對於使用者體驗能夠顧及多少,就是很大的挑戰...(我目前卡在這關努力中)
→
10/29 21:37,
4年前
, 26F
10/29 21:37, 26F
→
10/29 21:37,
4年前
, 27F
10/29 21:37, 27F
這應該是台北薪資QQ
推
10/29 22:01,
4年前
, 28F
10/29 22:01, 28F
網路上關於ui ux 自學轉職的文章很多哦!我也推薦對岸的優設網
https://www.uisdc.com
很多紮實的設計教學,我直接放瀏覽器書籤沒事就看,受益良多,不得不說中國的介面設
計和互聯網產業真的強(但我反共反併吞!)(歪樓
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 22:56:58
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 23:16:14
推
10/29 23:27,
4年前
, 29F
10/29 23:27, 29F
推
10/29 23:32,
4年前
, 30F
10/29 23:32, 30F
→
10/29 23:32,
4年前
, 31F
10/29 23:32, 31F
比較不習慣的是開始要為產品寫一堆文件和畫流程圖,也就是做視覺設計的時間減少了 Q
Q
推
10/30 00:09,
4年前
, 32F
10/30 00:09, 32F
有考慮要另寫一篇喔XD 謝謝建議
推
10/30 00:29,
4年前
, 33F
10/30 00:29, 33F
→
10/30 00:29,
4年前
, 34F
10/30 00:29, 34F
→
10/30 00:30,
4年前
, 35F
10/30 00:30, 35F
希望我之後也可以五字頭XD
推
10/30 00:43,
4年前
, 36F
10/30 00:43, 36F
謝謝~
推
10/30 01:00,
4年前
, 37F
10/30 01:00, 37F
不外乎多看別人的作品吧,我自己是Pinterest, Behance常駐,Dribble偶爾開一下
推
10/30 01:29,
4年前
, 38F
10/30 01:29, 38F
推
10/30 20:51,
4年前
, 39F
10/30 20:51, 39F
謝謝上面兩位大大的支持
推
10/31 02:43,
4年前
, 40F
10/31 02:43, 40F
→
10/31 02:43,
4年前
, 41F
10/31 02:43, 41F
做網頁設計的話,前端三寶html, css, Javascript必備,前兩者建議熟稔用法,後者可
以先有概念,再一面工作一面加強。不知道你只是負責設計版面,還是要兼顧切版呢?要
切版的話JS和JQuery都要會,才能實作出較完整的網頁流程喔
推
10/31 10:33,
4年前
, 42F
10/31 10:33, 42F
→
10/31 10:33,
4年前
, 43F
10/31 10:33, 43F
→
10/31 10:33,
4年前
, 44F
10/31 10:33, 44F
沒錯,不過這部分我還不太紮實,努力補強中QQ
推
11/01 01:00,
4年前
, 45F
11/01 01:00, 45F
也謝謝您支持~
※ 編輯: VPatsy (115.82.224.61 臺灣), 11/02/2019 08:55:30
推
11/02 11:56,
4年前
, 46F
11/02 11:56, 46F
→
11/05 21:51,
4年前
, 47F
11/05 21:51, 47F
→
11/05 21:51,
4年前
, 48F
11/05 21:51, 48F
→
11/14 13:50,
4年前
, 49F
11/14 13:50, 49F
→
11/14 13:50,
4年前
, 50F
11/14 13:50, 50F
→
11/14 13:50,
4年前
, 51F
11/14 13:50, 51F
Salary 近期熱門文章
PTT職涯區 即時熱門文章