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
留言