工作中遇到一個很棘手的問題，交互設計師和視覺設計師在做出高保真原型后提交給前端開發(fā)工程師，最后得到的web產(chǎn)物從細節(jié)上和布局上都和高保真原型有所差距，比如應該有鼠標手型的地方?jīng)]有鼠標手型，導致用戶不知道這個可點，又或者一行文字上下高低參差不齊，看起來就很廉價沒有品質(zhì)感。導致交互和視覺不得不放下手中的工作去一一核對這些問題，并指出給前端開發(fā)工程師讓其改正，最后發(fā)現(xiàn)其實這些問題都可以迅速的做好，那為什么前端開發(fā)卻不愿意在一開始的時候就做好這些工作？
從幾方面來看待這個問題：
1.過細的專業(yè)消磨掉“默契”。
相信大部分有一定互聯(lián)網(wǎng)經(jīng)驗的人都是做過前端開發(fā)工程師，在那個年代從設計到開發(fā)都是同一個人，所以完成的東西往往和預期的符合度比較高。因為在做前端開發(fā)的時候自己心里知道哪些地方應該加粗，哪些地方應該有間距，哪些地方應該讓用戶更突出地看到。但是現(xiàn)在大家分工越來越細，每個工種的能力也越來越專業(yè)化，所以導致了原來的那種“默契”也越來越消失掉。前端想要做的就是寫出牛B的代碼，最好是能夠超越google產(chǎn)品的技術水平。但是往往越專業(yè)就越偏離真正做產(chǎn)品的目的。之前一次討論中，一位前端同事說對他們來講，代碼的整齊比用戶看到的頁面整齊更加重要。我不反對代碼整齊的確體現(xiàn)了前端的專業(yè)性，但是換句話講代碼整齊是前端的基礎，對前端的要求是不管用戶看到的頁面有多復雜，有多絢麗，你們的代碼還是依然要那么整齊，這才是最牛B的。
2.等待中的溝通。
項目中為了能夠保證質(zhì)量，通常都會用產(chǎn)物傳遞的方式來幫助每個角色的溝通。我也一直“致力于”制定和update各式各樣的規(guī)范，但是我發(fā)現(xiàn)，無論你的產(chǎn)物多詳盡，總會在傳遞過程中消耗一部分，導致后端的角色無法完整真正理解你的初衷。幸好在傳遞的過程中增加了會議溝通的形式，但是一個會議讓所有人能夠理解并且提出建議是不大可能的。那除了產(chǎn)物傳遞和會議以外，我們還能做什么？我們需要的是主動溝通。工作中有句話，能夠用IM的，絕不用郵件，能夠用電話的，絕不用IM，能夠當面溝通的，絕不用電話。這就是最好的溝通方式，當然經(jīng)驗告訴我們，每次溝通完之后，必須用郵件抄送所有人來做個溝通記錄，以免大家事情太多最后忘掉。但是溝通又會引發(fā)一個問題，前端、視覺往往是等著交互和需求方去找他們溝通，也就是后置角色一直都是等著前置角色來找他們溝通，其實這個是錯的。所謂的溝通是相互的，不要等！當后置角色發(fā)現(xiàn)問題時應該主動及時地找到對應的前置角色去把問題解決了，這樣的方式一定可以把那些疑惑和不確定都彌補掉。
3.不夠統(tǒng)一的產(chǎn)品思想。
在每個專業(yè)角色的領域大家都在說往前走，意思就是不要停留在技術層面，要往前往遠看。從后臺一直到產(chǎn)品規(guī)劃，大家都有往前進的趨勢。當然這和社會的現(xiàn)狀有關，往往代碼工程師會羨慕前面的設計師甚至是需求方，只要口頭說說，他們就要做很多工作，誰都希望做上游。我不反對往前走，但是我希望大家能夠擺清定位，所謂的往前走是希望每個角色的思想是統(tǒng)一的，不僅能夠有出色的專業(yè)能力，而且能夠站在更高的角度去看產(chǎn)品，并把自己的專業(yè)能力反應在產(chǎn)品上?，F(xiàn)在大多數(shù)人都在嚷著說我們要往前走，要去挑戰(zhàn)上游的專業(yè)能力，但是我想問問這些人，你們自己的專業(yè)能力夠出色了么？如果連最基本的web可用性都沒注意起來（例如鼠標手型表示可點擊，元素間的對齊，大區(qū)域指示有助于用戶找到目標等），你們怎么可能往前走，怎么可能把自己的專業(yè)能力應用地更出色。
4.沒有規(guī)劃的技術。
所謂規(guī)劃，大家都會想到產(chǎn)品前期的市場調(diào)研，其實每個角色都應該對自己的工作進行規(guī)劃。我經(jīng)常遇到問題是，當前端開發(fā)工程師完成的產(chǎn)物沒有達到設計師的要求時，前端開發(fā)總會說這個什么dom結構、什么js本身都不支持等等，甚至有時候需要優(yōu)化和升級的時候才發(fā)現(xiàn)，前端把代碼寫死了，根本不可能有優(yōu)化，只能重寫。面對這些問題時，應該兩個解決辦法，一個是在做之前主動找上游溝通整個產(chǎn)品的方向和目標，并把它落實在技術中，預留好接口和開放結構，從而使升級優(yōu)化成為可能。另外一個是認真仔細讀懂交付產(chǎn)物說明，看清每種狀態(tài)和分支情況，當發(fā)現(xiàn)問題時應該在做之前向別人提出，從而大家可以一起來找到新的解決方案，不要等到完成時再說什么都做不了。
5.細節(jié)決定成敗，要體現(xiàn)專業(yè)能力必須以細節(jié)為基礎。
一開始說的前端開發(fā)做的產(chǎn)品細節(jié)上的不完善，有個前端的同事說，要做他們感興趣的東西，他們才能注意起這些問題。的確在前端的領域?qū)慾s比寫css更令人興奮和有動力。那我只能覺得，產(chǎn)品不是兒戲，更不是因為你感興趣而去做的。創(chuàng)新的東西人人喜歡，但并不是每個人都可以創(chuàng)新，你一味等著上游的角色給你令人激動的工作，那只能說明你本身并不適合這份工作，所謂的創(chuàng)新就是在專業(yè)領域做比別人更專業(yè)的事。另外，我不否認寫css比js更枯燥，但是這并不意味著css就不重要，其實更多時候css比js重要很多，很多web2.0的網(wǎng)站用的就是css去引導用戶，描述產(chǎn)品等。并不是交互和視覺一直關注這些布局和細節(jié)的問題，換句話講，這個都是基礎的東西，應該前端開發(fā)工程師本身的意識提高，才能讓大家關注更多體驗的問題。我也希望不要再這些基礎的領域繞來繞去，好好做產(chǎn)品，做好自己的角色，做到完美！
最后我想說的是不要認為web設計就是粗糙低劣的，好的web設計更能夠提現(xiàn)產(chǎn)品的品質(zhì)感，我們要升級體驗就必須把基礎做好，把這些細節(jié)都處理好，我們才有可能有精力去做創(chuàng)新，去做體驗。
