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