最近我們做了一次全新改版的項(xiàng)目。作為此次項(xiàng)目的設(shè)計(jì)師，從項(xiàng)目的前期分析、設(shè)計(jì)、交付開(kāi)發(fā)、驗(yàn)收上線，整個(gè)流程，在項(xiàng)目走查驗(yàn)收階段我們?cè)O(shè)計(jì)師投入了30人/天！占了設(shè)計(jì)師整體投入的50%！在我們覺(jué)得應(yīng)該設(shè)計(jì)投入最少的階段，卻占了我們大量的工作 且最后還原度也遠(yuǎn)不達(dá)預(yù)期。
在這個(gè)項(xiàng)目中我遇到了哪些問(wèn)題：
技術(shù)設(shè)計(jì)沒(méi)有達(dá)成共識(shí)，技術(shù)對(duì)交互體驗(yàn)層面和視覺(jué)層面的問(wèn)題敏感度很低
還原問(wèn)題反饋不及時(shí)，有些問(wèn)題項(xiàng)目后期驗(yàn)收的時(shí)候才暴露
前期對(duì)還原度工作評(píng)估不準(zhǔn)確，導(dǎo)致后期發(fā)現(xiàn)問(wèn)題 來(lái)不及修改
還原問(wèn)題不單單是設(shè)計(jì)師把設(shè)計(jì)稿做的多精準(zhǔn)，標(biāo)注的多仔細(xì)，這么簡(jiǎn)單就能解決的。是設(shè)計(jì)和開(kāi)發(fā)，團(tuán)隊(duì)之間的合作共識(shí)問(wèn)題。我把整個(gè)和開(kāi)發(fā)對(duì)接工作分為前中后三個(gè)階段，在這里從頭來(lái)梳理一下，聊一聊設(shè)計(jì)師和開(kāi)發(fā)如何高效對(duì)接，也是對(duì)自己的一次復(fù)盤(pán)總結(jié)。
在評(píng)審環(huán)節(jié)，設(shè)計(jì)師本人一定要將自己的設(shè)計(jì)稿進(jìn)行宣講、幫助開(kāi)發(fā)理解。注意給技術(shù)講述一些適配要求、設(shè)計(jì)規(guī)范、交互狀態(tài)及動(dòng)效等，同時(shí)解答技術(shù)同學(xué)的一些疑問(wèn)，這樣就能將一些可預(yù)見(jiàn)的問(wèn)題解決掉，解決后期的溝通成本。
有一些地方有多種實(shí)現(xiàn)方式，如果前期沒(méi)有跟開(kāi)發(fā)溝通清楚，就會(huì)導(dǎo)致最終實(shí)現(xiàn)的效果存在誤差，比如：下方這個(gè)tab項(xiàng)，單給一張圖，開(kāi)發(fā)根本不知道設(shè)計(jì)師想要的實(shí)現(xiàn)方式是什么，固定間距還是固定菜單寬度，還是每項(xiàng)平分寬度，最后很大可能就會(huì)按照自己的理解去做了，導(dǎo)致出現(xiàn)重復(fù)返工的現(xiàn)象
再比如一些點(diǎn)擊熱區(qū)，如果不手動(dòng)標(biāo)明，有可能就做的很小
下圖是我們手動(dòng)標(biāo)注的熱區(qū)
每個(gè)開(kāi)發(fā)負(fù)責(zé)的具體頁(yè)面模塊不一樣，別人對(duì)具體了解程度也不會(huì)不一致，所以在評(píng)審會(huì)議上，一定要具體開(kāi)發(fā)者在場(chǎng)，如果對(duì)應(yīng)開(kāi)發(fā)沒(méi)有發(fā)表意見(jiàn)，設(shè)計(jì)師可詢問(wèn)，確保他已經(jīng)理解需求。
設(shè)計(jì)師在講解自己的要求后，開(kāi)發(fā)也要及時(shí)反饋是否有還原困難，如：是否有技術(shù)限制？是否有組件改動(dòng)困難（牽一發(fā)而動(dòng)全身）？實(shí)現(xiàn)成本過(guò)高（投入產(chǎn)出的性價(jià)比不夠）？等意見(jiàn)和原因，設(shè)計(jì)師也可拋出之前是否遇到過(guò)類似的阻礙，幫助開(kāi)發(fā)去了解。
評(píng)審過(guò)程的問(wèn)題和重要講解點(diǎn)，一定要記錄下來(lái)，會(huì)議中開(kāi)發(fā)提出的一些問(wèn)題及解決方案、或者沒(méi)有達(dá)成共識(shí)的地方，記錄下來(lái)等領(lǐng)導(dǎo)決策，在會(huì)議結(jié)束后以郵件形式、或wiki文檔發(fā)送前端們，抄送產(chǎn)品，確保會(huì)議內(nèi)容的傳達(dá)到位。后面也好跟蹤。
還有一點(diǎn)就是，我們之前遇到的情況，在宣講會(huì)上 講解的一些要求，開(kāi)發(fā)在做的時(shí)候可能就忘記了，讓開(kāi)發(fā)改他認(rèn)為設(shè)計(jì)沒(méi)有明確要求、會(huì)有點(diǎn)難推動(dòng)，就會(huì)搞得雙方都有抱怨。有會(huì)議記錄也可避免此類情況發(fā)生
在前面我們做了詳盡的溝通和評(píng)審，但有時(shí)也避免不了在開(kāi)發(fā)過(guò)程有些問(wèn)題才發(fā)現(xiàn)暴露。這個(gè)就需要開(kāi)發(fā)同學(xué)能重視還原問(wèn)題，積極溝通反饋，和設(shè)計(jì)確認(rèn)商議 是否有其它可替代方案，切勿自己發(fā)揮，等到后期驗(yàn)收的時(shí)候才說(shuō)出問(wèn)題可能會(huì)影響進(jìn)度。
開(kāi)發(fā)者在完成自己負(fù)責(zé)的模塊界面時(shí)，可自己對(duì)齊設(shè)計(jì)稿自查一遍，參考【3.1驗(yàn)收標(biāo)準(zhǔn)】的表格，可幫助判斷問(wèn)題，在此階段也可發(fā)給設(shè)計(jì)者確認(rèn)效果。
3.1、測(cè)試同學(xué)確保交互和視覺(jué)還原度至少在70%左右
這里可以提前在項(xiàng)目排期階段，設(shè)計(jì)師將所需的驗(yàn)收工時(shí)同步給技術(shù)和測(cè)試，將驗(yàn)收時(shí)間考慮進(jìn)去
為什么要求測(cè)試同學(xué)保證還原度至少在70%呢？
因?yàn)槿绻灰鬁y(cè)試走查還原度，設(shè)計(jì)驗(yàn)收的時(shí)候就會(huì)有大量的問(wèn)題，最后變成設(shè)計(jì)在測(cè)試界面而不是驗(yàn)收。設(shè)計(jì)師不像測(cè)試對(duì)整個(gè)流程的測(cè)試配置那么熟悉方便，反復(fù)驗(yàn)收需要測(cè)試和設(shè)計(jì)不斷配合，雙方的工作量都會(huì)加大。
理想的狀態(tài)應(yīng)該是測(cè)試整個(gè)流程走通，視覺(jué)和交互還原問(wèn)題也要著重測(cè)試，設(shè)計(jì)和產(chǎn)品在測(cè)試沒(méi)什么大問(wèn)題后再進(jìn)行驗(yàn)收。
參考【驗(yàn)收標(biāo)準(zhǔn)】的表格，可幫助判斷還原問(wèn)題
最好是提前知道模塊的開(kāi)發(fā)者，這樣驗(yàn)收的時(shí)候一對(duì)一進(jìn)行模塊的打版驗(yàn)收效率更高
技術(shù)對(duì)功能上的BUG，可以自己很好的判斷哪些是嚴(yán)重的緊急的，但對(duì)于視覺(jué)和交互層面的感知就比較低。在提問(wèn)題單的時(shí)候，我們可以幫他標(biāo)注出優(yōu)先級(jí)，告知開(kāi)發(fā)哪些是比較嚴(yán)重的需要優(yōu)先修改的，不然 開(kāi)發(fā)自己很難判斷，可能就會(huì)挑一些比較好改的先改了，重要的問(wèn)題反而被擱置了。尤其在項(xiàng)目時(shí)間比較緊張的時(shí)候，有優(yōu)先級(jí)標(biāo)注 開(kāi)發(fā)能夠看出哪些是可以為項(xiàng)目進(jìn)度做出妥協(xié)的，哪些是必須要修改的。
設(shè)計(jì)提BUG單的不能簡(jiǎn)單的說(shuō)這里出錯(cuò)了，請(qǐng)參考設(shè)計(jì)標(biāo)注重新調(diào)整。要直接給出正確的尺寸、增多少、減多少、這樣可幫助技術(shù)提高更高效率，也能避免開(kāi)發(fā)自己去看又出現(xiàn)誤差、又要返工修改。
設(shè)計(jì)師在驗(yàn)收過(guò)程中容易遇到的一個(gè)比較頭疼的問(wèn)題就是，技術(shù)和產(chǎn)品小伙伴可能因?yàn)轫?xiàng)目上線時(shí)間緊，覺(jué)得視覺(jué)還原和頁(yè)面交互體驗(yàn)上的問(wèn)題不重要不給予修改，優(yōu)先保障功能上線。
除了這些原因，設(shè)計(jì)側(cè)也在檢討總結(jié)，自己有哪些做的不足的地方，所以 以上文檔也是對(duì)接下來(lái)工作的優(yōu)化方案。設(shè)計(jì)還原度也是日?？己酥唬枰蠹抑匾?，好的產(chǎn)品要嚴(yán)格把控精心打磨，希望這次的總結(jié)、相關(guān)流程和經(jīng)驗(yàn)，在接下來(lái)工作中能夠提升設(shè)計(jì)驗(yàn)收效率和還原度。
