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

作者: VPatsy (Patsy)   2019-10-29 01:15:36
板上首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工作有興趣的朋友們參考囉。
作者: hiweeiii (魏哈哈)   2019-10-29 01:40:00
推 謝謝分享~想請問薪資XD
作者: wang0920 (熊大爺)   2019-10-29 08:17:00
ux跟ui其實不太一樣,ux更複雜,要去了解使用者習性跟喜好還有跟pm之間的溝通,我剛好是反過來做了8年ux/ui,現在反而從事純平面,現在覺得很輕鬆,加油啊!不過相對薪資平面是少了1萬多,ui/ux薪資還是高點。
作者: is1128 (想不出來)   2019-10-29 09:11:00
(舉手)要做UI/UX設計師要會繪圖嗎?曾經聽過一個朋友說 UX/UI 設計師其實不需要會畫圖邏輯概念要好+還不錯的美感才是重點,會不會畫圖在其次
作者: a880081 (Chi)   2019-10-29 10:22:00
作者: sleepwu ( )   2019-10-29 10:45:00
不用看數據嗎? 不做A/B test嗎?
作者: hsiaochung (sunshine的麵包)   2019-10-29 11:21:00
感謝分享 之前也是做網站相關有點想再回到相同領域工作
作者: ellaconan (Jing)   2019-10-29 12:56:00
感謝分享 願意教的公司真的很好耶
作者: yokyo95 (歐嗨)   2019-10-29 15:21:00
謝謝分享!但有心朝這個方面轉職的行銷人不知道該如何切入...有點苦惱
作者: waterrrrr (waterrrrr)   2019-10-29 16:24:00
謝謝分享!
作者: funmix (小光)   2019-10-29 16:42:00
想請教薪資 謝謝!
作者: LuMya   2019-10-29 17:58:00
年資大概多久月薪才有機會破50k?
作者: holameng (I need a big hug)   2019-10-29 19:07:00
謝謝分享,之前也對這個很好奇
作者: wang0920 (熊大爺)   2019-10-29 21:36:00
回樓上:其實要求美感的是視覺設計,例如網頁視覺,會簡易切板跟前端工程師合作,有些公司視覺設計跟ui,ux設計是分開不同部門不同人設計,因為性質是不一樣,企劃比較偏向ux設計規劃,但是視覺設計去做ui設計的非常容易上手,只要有動線與介面設計就很好上手,企劃會給ux方向然後用ui去改善介面薪資如果還會刻code大概50k以上是可以到,如果是視覺大約45k
作者: sleepyyyy (愛睡覺)   2019-10-29 22:01:00
請問沒有相關經驗的人一開始要怎麼入門
作者: ychiii (岐)   2019-10-29 23:27:00
謝謝分享!也蠻好奇這個領域~想請問您在轉職過程有沒有比較難克服的障礙或是不適應/不喜歡的部分呢?
作者: waterrrrr (waterrrrr)   2019-10-30 00:09:00
可以許願一篇如何轉職或是使用工具嗎 ♀
作者: chiick (雞暴北)   2019-10-30 00:29:00
好棒q_q我也蠻想接觸這方面的美術知識 但是是遊戲介面方面而且遊戲業的ui/ux薪資很漂亮 可以考慮看看很多認識的ui美術都是5.6字頭
作者: kogreece (Kenji Black)   2019-10-30 00:43:00
寫的不錯用心,推
作者: em1234 (em)   2019-10-30 01:00:00
感謝分享 真的很好奇大家怎麼培養UI UX的美感的?
作者: yunzl1225 (日勻)   2019-10-30 01:29:00
謝謝分享!
作者: Jeniberg (與世界接軌)   2019-10-30 20:51:00
作者: SeasoningP   2019-10-31 02:43:00
最近剛入行UI,想請問如何開始學寫程式,需要做到怎樣的地步跟前端配合呢?謝謝
作者: wang0920 (熊大爺)   2019-10-31 10:33:00
做ui麻煩請多去了解「Material Design」的規則,還有ios的「Human Interface Guidelines」這樣你跟工程師一起作業才不會被嫌到臭頭。
作者: lovefeel (不想說)   2019-11-01 01:00:00
謝謝分享
作者: wuchiou (wuchiou)   2019-11-02 11:56:00
謝謝分享
作者: sailormona (Monsta)   2019-11-05 21:51:00
想補充一下 網頁跟App跟遊戲的UI/UX設計還是差蠻多的選一條自己有熱情的路走吧
作者: kangan987 (Jon.Snow)   2019-11-14 13:50:00
Javascript 才是核心,HTML跟CSS懂了之後套框架去改就好至於Jquery是Javascript的簡寫而已。

Links booklink

Contact Us: admin [ a t ] ucptt.com