前數(shù)日與最近名動(dòng)江湖的UCDChina小女孩Angela及某圈內(nèi)人士在某店內(nèi)烤肉論道，偶然聊到此話題。換個(gè)更動(dòng)聽(tīng)的說(shuō)法，前端開(kāi)發(fā)是屬于“研發(fā)”還是“產(chǎn)品”？此問(wèn)題涉及公司的職能架構(gòu)體系，也就會(huì)牽涉到跨部門(mén)的團(tuán)隊(duì)協(xié)作。

　　產(chǎn)品質(zhì)量有一定高要求，但沒(méi)有專職“前端開(kāi)發(fā)”工程師的產(chǎn)品團(tuán)隊(duì)里，常見(jiàn)研發(fā)工程師以需求難度工作量、項(xiàng)目進(jìn)度等理由推翻設(shè)計(jì)成果。好點(diǎn)的反饋給設(shè)計(jì)師，設(shè)計(jì)師們重新降級(jí)設(shè)計(jì)再交付；差點(diǎn)的直接改掉設(shè)計(jì)，造成產(chǎn)品質(zhì)量不可控。所以，我一直的觀點(diǎn)都是“前端開(kāi)發(fā)”歸屬于“產(chǎn)品”范疇，Angela他們兩位意見(jiàn)正好相反。包括用戶體驗(yàn)的要素模型，我個(gè)人意見(jiàn)早就改成六層了，最表面再加個(gè)“語(yǔ)義層”，湊齊Strategy, Scope, Structure, Skeleton, Surface, Semantic共六個(gè)S，緣分?。Ｐ偷认敕ǔ墒旌笤俑模?。

　　這是一段很有趣的討論，上到前十年，下到后十年都有涉及。因?yàn)槲也蛔觥扒岸碎_(kāi)發(fā)”并已遠(yuǎn)離互聯(lián)網(wǎng)大公司很久，所以個(gè)人觀點(diǎn)存在推論的假設(shè)，想聽(tīng)聽(tīng)前端開(kāi)發(fā)工程師的切身體會(huì)，尤其各位還在江湖的“大公司”同行。個(gè)人觀點(diǎn)如下：

　　第一，交付物方面，我認(rèn)為做產(chǎn)品的最終產(chǎn)出物就應(yīng)該是高保真的頁(yè)面原型，而不是一堆圖形，更不是一堆文檔。注意，我說(shuō)的是頁(yè)面原型，而不是頁(yè)面圖形。另外，這個(gè)低保真、高保真業(yè)內(nèi)并無(wú)統(tǒng)一規(guī)范，我所指的“高保真頁(yè)面原型”是與線上流程無(wú)誤、視覺(jué)無(wú)異、內(nèi)容無(wú)錯(cuò)，并且代碼可以直接嵌數(shù)據(jù)開(kāi)發(fā)的版本?；谶@樣的標(biāo)準(zhǔn)，肯定需要專業(yè)前端工程師。

　　第二，團(tuán)隊(duì)協(xié)作方面，我認(rèn)為前端工程師解決最多的應(yīng)該是“交互”問(wèn)題，前兩年很火的一個(gè)詞——AJAX便是例證?？梢哉f(shuō)AJAX重新讓Javascript煥發(fā)了第二春，得到了重視，它最直觀的價(jià)值便是改善了網(wǎng)民的交互體驗(yàn)，比如浮動(dòng)層和無(wú)刷新調(diào)數(shù)據(jù)。也就是說(shuō)前端工程師應(yīng)該與“交互設(shè)計(jì)”職能緊密配合，當(dāng)然不能跨部門(mén)了（海外很多交互設(shè)計(jì)師的職能列表里就有Javascript）。我知道前端不是只有Javascript，但我不認(rèn)為只懂css,xhtml可以叫“前端工程師”，因?yàn)槟鞘亲鰓eb design的基本技能。
　　
　　第三，管理方面，我認(rèn)為產(chǎn)品方面必須有一位大頭領(lǐng)（如產(chǎn)品副總裁、產(chǎn)品總監(jiān)）全面負(fù)責(zé)產(chǎn)品質(zhì)量，包括“前端開(kāi)發(fā)”職能。因?yàn)楫a(chǎn)品設(shè)計(jì)的所有輸出都必須經(jīng)過(guò)“前端開(kāi)發(fā)”表現(xiàn)出來(lái)，否則無(wú)法準(zhǔn)確評(píng)估設(shè)計(jì)質(zhì)量。如果“前端開(kāi)發(fā)”是在“研發(fā)”并歸屬于另外位大頭領(lǐng)（如技術(shù)副總裁、技術(shù)總監(jiān)）負(fù)責(zé)考核，設(shè)計(jì)交付物很可能成為互相推諉的炮灰，反正我肯定不會(huì)干。一個(gè)職能歸屬于哪個(gè)體系，這個(gè)看似皆可的表象之下其實(shí)暗流涌動(dòng)，具體諸位自己參悟吧，沒(méi)法說(shuō)太細(xì)。

　　基于以上見(jiàn)解，從全局（產(chǎn)品質(zhì)量保證）考慮我建議“前端開(kāi)發(fā)”歸屬產(chǎn)品線。順便提一下我是計(jì)算機(jī)背景，有編程功底，可以手寫(xiě)結(jié)構(gòu)表現(xiàn)層xhtml,css代碼，行為層jquery類似的類庫(kù)略懂。對(duì)信息內(nèi)容方面有感覺(jué)，圖形化方面功底相對(duì)弱，純邏輯層面的產(chǎn)品設(shè)計(jì)職能也算是實(shí)踐了好幾年。

　　十年前我們做網(wǎng)頁(yè)設(shè)計(jì)都是可視化的，使用的不管Frontpage還是Dreamweaver基本與Photoshop無(wú)異，很少有人去關(guān)心什么代碼。到后來(lái)Web Standard設(shè)計(jì)思想的引入，我們懂得了Web頁(yè)面有結(jié)構(gòu)、表現(xiàn)、行為三層之分，層次分明的種種好處，徹底顛覆了“頁(yè)面仔（前端開(kāi)發(fā)前身）”的價(jià)值。再后來(lái)就是上文提到的AJAX，促使市場(chǎng)更加重視“前端開(kāi)發(fā)”這個(gè)職能職位，包括有獨(dú)立的團(tuán)隊(duì)來(lái)做事。但長(zhǎng)期以來(lái)，“頁(yè)面仔”地位一直就是個(gè)玩笑，戲稱為比設(shè)計(jì)師多懂點(diǎn)代碼，比工程師多懂點(diǎn)設(shè)計(jì)。據(jù)我所知，目前幾乎所有有實(shí)力組建“前端開(kāi)發(fā)”團(tuán)隊(duì)的公司都把它歸屬于“產(chǎn)品”部門(mén)，或者“產(chǎn)品設(shè)計(jì)”職能體系之下。

　　十年之后預(yù)測(cè)我曾經(jīng)提過(guò)，寄希望于HTML5和CSS3，可以直接承擔(dān)大部分表現(xiàn)層“視覺(jué)設(shè)計(jì)”職能，只不過(guò)這兩個(gè)家伙成熟差不多要十年，包括最近很火的移動(dòng)互聯(lián)網(wǎng)產(chǎn)品也離不了這兩位。就目前CSS2的能量來(lái)說(shuō)，我認(rèn)為只要審美不太差的web designer也能做出“視覺(jué)效果”不錯(cuò)的頁(yè)面。從事物發(fā)展規(guī)律來(lái)看，這個(gè)技術(shù)領(lǐng)域?qū)?lái)會(huì)很吃香，學(xué)這門(mén)手藝人會(huì)越來(lái)越多，相應(yīng)的專業(yè)水準(zhǔn)要求肯定會(huì)水漲船高。而在技術(shù)標(biāo)準(zhǔn)日趨成熟的將來(lái)，“前端開(kāi)發(fā)”與產(chǎn)品設(shè)計(jì)其他職能會(huì)綁的更緊密，包括如果要做“敏捷設(shè)計(jì)”或“產(chǎn)品規(guī)范”，也必須“前端工程師”的緊密配合。

　　最后，對(duì)于認(rèn)為“XX工程師”就是歸屬“研發(fā)”團(tuán)隊(duì)的觀點(diǎn)我完全不認(rèn)同，寫(xiě)代碼就叫“工程師”理由有點(diǎn)牽強(qiáng)。目前我認(rèn)為優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)師一定要懂得寫(xiě)html,css代碼，而將來(lái)如果不懂html,css代碼的新手會(huì)很難找到我們這行的工作（中國(guó)人多?。?。