隨著網路的發展，網站設計不再只是靜態的頁面以供瀏覽，背後的技術發展也愈來愈快，這些複雜性導致進一步的專業化，不再是以往的從設計到程式一條龍全包辦，必須進行專業分工。因此現在網站設計、互動公司職位有了各式各樣的名稱，但每個職位究竟是在做些什麼，你知道嗎？

職稱看起來都很像，但實際上工作內容卻是天差地遠，設計各領域重疊性非常高，每家公司對相同職稱的工作內容定義也都不一樣，因此這篇文章主要是整理幾個可能都聽過，但實際差異卻不是很清楚的職稱職務來做介紹！

 

❶ UI 設計師（User Interface）

• 負責整個使用者介面的設計
• 從電腦版網頁的設計，到行動裝置（包含平板、手機等）各種的介面設計
• 針對介面的美感、圖片的選擇、按鈕的呈現、色系的搭配、配置的安排等外觀設計
• 考慮使用者便利性、專精於「怎麼呈現」

工作內容
介面視覺設計、資訊架構、介面互動設計、內容排版、風格定位

 

技能軟體
繪圖軟體，如：PS、AI、AE、Figma、Sketch
使用者介面設計原則，例：平衡原則、對比原則
不用會程式，懂邏輯就很好！

 

❷ UX 設計師（User Experience）

• 負責設計較符合使用者體驗的介面設計

• 除了美觀以外，要設計出符合使用者習慣的功能

• 透過測試過程來觀察使用者的行為

• 考慮的是「用起來的感覺」

工作內容
背景研究（Background Research）
競爭分析（Competitive Analysis）
訪談／問卷（Interview／Survey）
人物誌（Persona）
使用者使用旅程（User Journey）
互動地圖（Interaction Map）
線框圖（Wireframe）
低保真原型（Lo-fi Prototype）
易用性測試（Usability Test）
視覺稿（Mockup）
高保真原型（Hi-fi Prototype）

 

❸ 網站設計師
其實就是專門設計網站這個介面的 UI 設計師，需要具備平面能力與網站 UI 知識以外，近幾年網站設計師必備的就是 RWD 設計，這一點跟專注在產品、APP的 UI 設計師來說是比較大的差異。

工作內容
網站功能視覺化
網頁的介面（UI）設計
響應式網站設計（RWD）
使用者經驗設計
搜尋引擎最佳化（SEO）

 

網站設計師的特別之處

1. 需求場景的不同，跟APP、手機、產品的 UI 設計師相比兩者對應的載體不同，這會導致功能點的優先順序變動，進而影響到界面控件和訊息元素。

2. 網站可以隱藏用戶不太關注的元素，僅需在滑鼠游標 hover 時才展示出來。但手機沒有hover 的功能，同時面積又小，使得手機 UI 設計師必須學會更多藏訊息的方法。

3. 以現在技術發展來看，網站可以做到的視覺特效是遠大於其他裝置可以實現的，因此在特效功能上的展現是網站設計師的強項！

 

❹ 前端設計師（有前端能力的網站設計師！）
工作內容
網站功能視覺化
網頁的介面（UI）設計
響應式網站設計（RWD）
使用者經驗設計
搜尋引擎最佳化（SEO）
程式切版

 

跟網站設計師有什麼不同？
在網站領域裡，前端設計師還需要懂得基本的程式邏輯（HTML、CSS），利用程式邏輯去切版，方便工程師繼續接手專案。
前端設計在學這些技術時是偏向「網頁視覺動畫呈現」為導向。

 

為什麼需要前端設計師？
前端設計在設計 UI 時，就可以開始思考 CSS 模組化架構、JS 實作可行性等邏輯，由於前端設計師通常都具備一定的程式邏輯能力，是一個比較橫跨兩個領域的職位，在跟工程師對接的時候可以減少溝通成本、降低專案的時程。

 

以上職位的「定義、分類」也必須依據不同公司的規模階段、實際開出工作內容為主哦～