網站製作團隊分工合作
【一個網站的誕生】UI UX設計師和前端、後端工程師的工作|天矽科技網頁設計
網站開發
一個網站的誕生,整個網站架設的參與人員除了客戶(企業)以外,還會有從最一開始接洽的業務、PM專案經理、UI設計師、UX設計師、前端工程師與後端工程師,大家各司其職,以確保網站能夠順利建置並且上線。
不過並不是每一間網頁設計公司都會雇用這麼多專業的人員,許多中小型的網頁設計公司,會讓業務兼PM、UI設計兼UX設計、設計兼前端工程,或是前端工程兼後端工程...等,甚至有些小型網站公司或工作室,由於人手不足的緣故,會將其案件再發包給其他廠商配合製作,以加速網站的建置時間。
那麼,PM專案經理、UI設計師、UX設計師、前端工程師與後端工程師的工作內容會是什麼呢?
※ 天矽科技擁有健全的設計與開發團隊,不外包給其他廠商,客戶(企業)也不用怕網站維護找不到人!
PM專案經理
PM (Project Manager) 專案經理,其工作內容就是主導專案流程,負責客戶與團隊之間的溝通,將客戶想要的功能翻譯成工程師可以開發的功能,確認可行性後再與客戶確認細節,並與團隊估時、排程、測試、驗收…等。
簡單來說,專案經理就是客戶與設計師及工程人員的溝通橋樑,並同時扮演紀錄、追蹤專案的角色,當網站完成後也會協助進行測試,以確保開發與設計流程正確且沒有疑慮。
UI/UX設計師
網站的設計師又分成UI及UX設計師,一般我們都會將這兩個角色放在一起講,台灣有許多網站設計公司在應徵設計師時,也會直接應徵UI/UX設計師,將兩者合併招募,但其實這兩個是不一樣的東西,雖然兩者有其重疊的地方,但事實上仍是有差異。
- UI是「使用者介面設計」重視的是設計美學與操作便利性。
- UX是「使用者經驗設計」重視的是在網站的體驗過程。
▲UIUX設計師合併或分開,都有企業招聘
UI設計師
UI設計師注重的是「使用者介面設計」,目標在於提升兩端之間的互動效益,主要負責網站的骨架及表面兩個部分。
根據CakeResume的UI設計師工作範疇細分,細分為以下幾點:
- Mockup視覺稿、小樣:
在釐清客戶對於網站的需求後,UI設計師會開始繪製 Mockup視覺稿,將版面進行配色、動畫設定以及版面調整,Mockup的視覺設計會跟最終完成的網站風格一樣,不過Mockup只是圖片,沒有辦法操作功能。 - 切圖:
UI設計師會將Mockup切成便於製作程網站的圖片,比如icon、內容或按鈕等,再交由工程師開發程式。 - 標示文件:
在切圖上標示相關資料和數值,以利工程師開發設定。
UI設計師必備的軟實力:
- 探索問題、洞察分析能力
- 產品研究、技術趨勢分析能力
- 創意發想、美感
- 具有邏輯、溝通力及自學能力
資料來源:CakeResume|UI/UX 設計師的工作內容
UX設計師
UX設計師注重的是「使用者經驗設計」,目標在於優化使用者的體驗過程,主要負責網站策略,簡單來說就是負責網站用起來的感覺怎麼樣。
UI設計師需要利用各種使用者研究方法,洞察出使用者的習慣與行為,研究報告可能包含了使用者訪談、易用性測試、數據分析或測試。
許多人可能會覺得網站不是都長得差不多?其實沒有喔!不同的產業、不同的設計風格、不同的使用目的…等,使用者的習慣都會不一樣,比如男性使用者與女性使用者、銷售網站與工業網站、形象網站與活動網站,或是活潑風格的網站與沉穩風格的網站,都會有不同的使用行為與習慣。
UX設計師必備硬實力:
- 繪圖工具:Sketch、Photoshop、Adobe XD、Illustrator…
- 簡報、文書工具:Keynote、Word、Page
- 程式語言:HTML、CSS、JS
- RWD 設計 (網頁設計)
參考資料:CakeResume|如何成為 UI/UX 設計師?薪水、軟硬技能
延伸閱讀:UI UX是什麼?UI與UX設計,對網頁架設很重要!
前端工程師
前端工程師最主要的工作,就是將設計師所繪製的網頁畫面,透過撰寫HTML、CSS與JavaScript程式語言的方式搬到瀏覽器頁面上,讓使用者可以順利使用,以及伺服器資料連結、裝置瀏覽器運行和優化體驗及效能。簡單來說就是只要是在網頁上發生的,就跟前端工程師有關係。
- 前端工程師需要的技能包括:
HTML、CSS、jQuery、RWD、SASS/SCSS、Bootstrap、JavaScript、AJAX/JSON以及基本的SEO相關項目…等。
前端工程師不僅需要程式編程的能力,同時也需要具備設計學及色彩學的知識,跟設計師的工作多少會有些重疊的地方,但並不衝突,所以有些企業在徵人時,會將設計師與前端工程師合併徵招,徵聘「前端設計師」。
▲前端設計師與工程師都有徵招
後端工程師
後端工程師主要的工作就是「開發」。後端工程師會依據設計師及前端工程師所開發的框架與邏輯,進行伺服器資料庫的撈取與對應資料,並於網站上呈現正確的結果。
- 後端工程師需要的技能包括:
HTTP、C#、PHP、Python、Java、.Net、Django、MySQL、SQL、Linux、Git以及 Laravel…等。
後端工程師需要比前端更強大的程式編程能力、邏輯思考能力、設計與操作資料庫的能力,與此同時也需要了解一些前端的技術與技能,這樣才能在程式功能發生問題時立即排解,因此後端工程師大多都需要有「全端」的技能,才能更加機動的支援前線。