“前端”是指軟件的表現(xiàn)層或者用戶界面(UI)。前端工程師主要使用 Web 技術(shù)實(shí)現(xiàn)UI。前端工程師與 Web 開(kāi)發(fā)人員的主要區(qū)別在于,前者需要構(gòu)建交互式應(yīng)用程序,而后者主要構(gòu)建專注于內(nèi)容的網(wǎng)站。如果前端工程師從事 iOS 等其他平臺(tái)的開(kāi)發(fā)工作,他們可能被稱為 UI 工程師或者 iOS 工程師。如果開(kāi)發(fā)過(guò)程非常重視設(shè)計(jì),他們也可能被稱為 UX 工程師。
作為一名前端工程師,弊端很明顯。
按鈕無(wú)法點(diǎn)擊?找前端。搜索結(jié)果不滿意?即使是源數(shù)據(jù)的問(wèn)題,用戶也認(rèn)為是前端的錯(cuò)。用戶只會(huì)上報(bào)那些他們看到的錯(cuò)誤。前端工程師開(kāi)發(fā)的東西就是被用戶所見(jiàn)的,因此一切都是前端的錯(cuò)。作為前端工程師,很難向用戶解釋清楚。用戶不關(guān)心問(wèn)題是否與數(shù)據(jù)或者 API 服務(wù)有關(guān),他們只知道在瀏覽器中搜索蘋(píng)果,那么搜索結(jié)果就應(yīng)該是蘋(píng)果的照片。
軟件工程師最主要的時(shí)間不是用來(lái)寫(xiě)代碼,這可能會(huì)讓你非常吃驚。實(shí)際上,他們把更多的精力花在了溝通上。前端工程師是離用戶最近的開(kāi)發(fā)人員,他們往往是最能把握用戶需求的人。
具有良好 UI 效果的產(chǎn)品能夠更容易獲得用戶的信任。信任度會(huì)直接轉(zhuǎn)化為收入,網(wǎng)站頁(yè)面的加載時(shí)間每增加一秒就會(huì)丟失10%的用戶。
前端工程師竭盡全力對(duì)加載時(shí)間進(jìn)行毫秒級(jí)的縮減,就像波音公司的工程師減輕飛機(jī)重量一樣。例如,Stripe Billing 的主頁(yè)在移動(dòng)3G網(wǎng)絡(luò)下的加載時(shí)間不到1秒。下載到你設(shè)備中的數(shù)據(jù)包比谷歌主頁(yè)的還小,它是出了名的輕量級(jí)網(wǎng)站。那么,它是如何在頁(yè)面中嵌入高分辨率視頻的呢?
當(dāng)你仔細(xì)觀察開(kāi)發(fā)人員工具時(shí),你會(huì)看到“視頻”只是簡(jiǎn)單的 HTML,網(wǎng)站將它們精心組合在一起并使用 CSS 進(jìn)行動(dòng)畫(huà)處理。HTML 和 CSS 比視頻輕量級(jí)得多,因?yàn)樗鼈冎皇歉嬖V瀏覽器如何呈現(xiàn) UI 的文本指令。無(wú)論屏幕尺度分辨率如何,該技術(shù)都可以呈現(xiàn)很好的效果。即使放大界面,視頻依然很清晰。這項(xiàng)工程能夠提供很好的用戶體驗(yàn)。
性能只是優(yōu)秀 UI 效果的眾多方面之一。
用戶在移動(dòng)設(shè)備上逗留的時(shí)間最長(zhǎng),那么如何在移動(dòng)設(shè)備上提供更好的 UI 效果呢?前端工程師可以針對(duì)4種尺寸的 iPhone 和數(shù)百種尺寸的 Android 手機(jī)適配 UI,而無(wú)需為每種尺寸的設(shè)備構(gòu)建單獨(dú)的 UI。
對(duì)于中國(guó)的14億用戶怎么辦呢?前端工程師可以構(gòu)建國(guó)際化框架,以便翻譯人員可以輕松將應(yīng)用程序翻譯成其他語(yǔ)言。想要具有包容性并遵守 ADA 可訪問(wèn)性標(biāo)準(zhǔn)嗎?前端工程師可以讓用戶通過(guò)鍵盤(pán)和屏幕閱讀器訪問(wèn)整個(gè)應(yīng)用程序。
應(yīng)用程序的眾多受眾和環(huán)境使前端工程師的工作變得困難。然而學(xué)校并沒(méi)有教授這些技能,前端工程師不得不持續(xù)學(xué)習(xí),用最 新的技術(shù)來(lái)應(yīng)對(duì)不斷變化的平臺(tái)。
前端工程師不僅僅是工程師,他們利用自己的設(shè)計(jì)直覺(jué)和用戶共鳴提升用戶界面的人性化。在我看來(lái),這一點(diǎn)將使那些杰出的前端工程師從普通工程師中脫穎而出。而在日常工作中,前端工程師需要與產(chǎn)品經(jīng)理和設(shè)計(jì)師進(jìn)行良好協(xié)作,需要平衡需求和實(shí)施難度,以滿足用戶需求,并以最少的審核周期解決錯(cuò)誤和不一致問(wèn)題。
設(shè)計(jì)直覺(jué)和用戶共鳴很難量化。對(duì)于我曾經(jīng)合作過(guò)的許多優(yōu)秀的前端工程師來(lái)說(shuō),這兩者已經(jīng)深入他們的靈魂。前端工程師接受的教育往往是跨學(xué)科的。他們喜歡顛覆已經(jīng)被精心設(shè)計(jì)的產(chǎn)品。他們還有充滿創(chuàng)造性和藝術(shù)性的愛(ài)好。有些學(xué)校,比如斯坦福大學(xué),會(huì)教授藝術(shù)與工程的融合。關(guān)于設(shè)計(jì)直覺(jué)和用戶共鳴的教授方法,我很樂(lè)意聽(tīng)取大家的意見(jiàn)。
像所有最 優(yōu)秀的其他工程師一樣,優(yōu)秀的前端工程師只對(duì)偉大的產(chǎn)品或者擁有前端大牛的團(tuán)隊(duì)感興趣。那么,你是否擁有優(yōu)秀的 UI 產(chǎn)品,是否擁有前端大牛?Stripe 已經(jīng)擁有了優(yōu)秀的 UI,并且其前端團(tuán)隊(duì)非常強(qiáng)大,因此它才能吸引 FANG 公司以及各大名校的前端人才。
打造一個(gè)高效的前端團(tuán)隊(duì)需要提供充滿競(jìng)爭(zhēng)力的薪酬。為前端工程師設(shè)置過(guò)低的薪酬存在風(fēng)險(xiǎn)。因?yàn)閱T工流動(dòng)成本很高,不能順利完成產(chǎn)品的風(fēng)險(xiǎn)將導(dǎo)致更多問(wèn)題,其消耗的預(yù)算也更多,有些得不償失。