天矽科技 line

天矽部落格最新的網路趨勢資訊

部落格

【一個網站的誕生】UI UX設計師和前端、後端工程師的工作|天矽科技網頁設計

部落格:【一個網站的誕生】UI UX設計師和前端、後端工程師的工作|天矽科技網頁設計

 

網站的架設,是一個團隊的分工合作共同完成的,尤其是全客製化的網站,它不像套版只要套上去就完事,而是依賴業務、專案經理、UI/UX設計師與前後端工程師的共同努力開發設計,最後才能獲得一個符合企業需求的網站。

目錄
網站開發
PM專案經理
UI/UX設計師
前端工程師
後端工程師

 

 

 一個網站的誕生,整個網站架設的參與人員除了客戶(企業)以外,還會有從最一開始接洽的業務、PM專案經理、UI設計師、UX設計師、前端工程師與後端工程師,大家各司其職,以確保網站能夠順利建置並且上線。

網站開發團隊

 不過並不是每一間網頁設計公司都會雇用這麼多專業的人員,許多中小型的網頁設計公司,會讓業務兼PM、UI設計兼UX設計、設計兼前端工程,或是前端工程兼後端工程...等,甚至有些小型網站公司或工作室,由於人手不足的緣故,會將其案件再發包給其他廠商配合製作,以加速網站的建置時間。

 那麼,PM專案經理、UI設計師、UX設計師、前端工程師與後端工程師的工作內容會是什麼呢?
 

※ 天矽科技擁有健全的設計與開發團隊,不外包給其他廠商,客戶(企業)也不用怕網站維護找不到人!

▲天矽科技團隊


 

 

 PM (Project Manager) 專案經理,其工作內容就是主導專案流程,負責客戶與團隊之間的溝通,將客戶想要的功能翻譯成工程師可以開發的功能,確認可行性後再與客戶確認細節,並與團隊估時、排程、測試、驗收…等。

網站專案經理


 簡單來說,專案經理就是客戶與設計師及工程人員的溝通橋樑,並同時扮演紀錄、追蹤專案的角色,當網站完成後也會協助進行測試,以確保開發與設計流程正確且沒有疑慮。

 

 

 網站的設計師又分成UI及UX設計師,一般我們都會將這兩個角色放在一起講,台灣有許多網站設計公司在應徵設計師時,也會直接應徵UI/UX設計師,將兩者合併招募,但其實這兩個是不一樣的東西,雖然兩者有其重疊的地方,但事實上仍是有差異。

  • UI是「使用者介面設計」重視的是設計美學與操作便利性。
  • UX是「使用者經驗設計」重視的是在網站的體驗過程。
     
UIUX工作

▲UIUX設計師合併或分開,都有企業招聘

 

UI設計師

 UI設計師注重的是「使用者介面設計」,目標在於提升兩端之間的互動效益,主要負責網站的骨架及表面兩個部分。

UI設計師

 根據CakeResume的UI設計師工作範疇細分,細分為以下幾點:

  • Mockup視覺稿、小樣:
    在釐清客戶對於網站的需求後,UI設計師會開始繪製 Mockup視覺稿,將版面進行配色、動畫設定以及版面調整,Mockup的視覺設計會跟最終完成的網站風格一樣,不過Mockup只是圖片,沒有辦法操作功能。
  • 切圖:
    UI設計師會將Mockup切成便於製作程網站的圖片,比如icon、內容或按鈕等,再交由工程師開發程式。
  • 標示文件:
    在切圖上標示相關資料和數值,以利工程師開發設定。
     

 UI設計師必備的軟實力:

  • 探索問題、洞察分析能力
  • 產品研究、技術趨勢分析能力
  • 創意發想、美感
  • 具有邏輯、溝通力及自學能力
     

資料來源:CakeResume|UI/UX 設計師的工作內容

 

UX設計師

 UX設計師注重的是「使用者經驗設計」,目標在於優化使用者的體驗過程,主要負責網站策略,簡單來說就是負責網站用起來的感覺怎麼樣。

 UI設計師需要利用各種使用者研究方法,洞察出使用者的習慣與行為,研究報告可能包含了使用者訪談、易用性測試、數據分析或測試。

UX設計師

 許多人可能會覺得網站不是都長得差不多?其實沒有喔!不同的產業、不同的設計風格、不同的使用目的…等,使用者的習慣都會不一樣,比如男性使用者與女性使用者、銷售網站與工業網站、形象網站與活動網站,或是活潑風格的網站與沉穩風格的網站,都會有不同的使用行為與習慣。
 

 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…等。

 後端工程師需要比前端更強大的程式編程能力、邏輯思考能力、設計與操作資料庫的能力,與此同時也需要了解一些前端的技術與技能,這樣才能在程式功能發生問題時立即排解,因此後端工程師大多都需要有「全端」的技能,才能更加機動的支援前線

 

回上一頁
信箱
客服
Line@