編輯導(dǎo)語(yǔ)：設(shè)計(jì)驗(yàn)收是設(shè)計(jì)師都會(huì)經(jīng)歷的工作流程，但這其中也夾雜著許多問(wèn)題。本篇文章作者分享了有關(guān)設(shè)計(jì)驗(yàn)收的工作經(jīng)驗(yàn)，從驗(yàn)收前、驗(yàn)收中、驗(yàn)收后展開(kāi)分析，列舉了具體的解決方法，感興趣的一起來(lái)學(xué)習(xí)一下，希望對(duì)你有幫助。

設(shè)計(jì)驗(yàn)收是每個(gè)設(shè)計(jì)師都會(huì)經(jīng)歷的工作流程。你可能也曾被這些問(wèn)題困擾：

• 前端開(kāi)發(fā)的設(shè)計(jì)稿還原度，反復(fù)校對(duì)浪費(fèi)大量時(shí)間；
• 線上界面效果差，被認(rèn)為是設(shè)計(jì)稿的質(zhì)量有問(wèn)題；
• 設(shè)計(jì)驗(yàn)收后的問(wèn)題很多，怎么才能向開(kāi)發(fā)清楚地表述檢查出的問(wèn)題？

這些問(wèn)題都是常見(jiàn)現(xiàn)象。開(kāi)發(fā)的設(shè)計(jì)稿還原度也一直是很多團(tuán)隊(duì)在努力提升和克服的工作問(wèn)題。目前暫時(shí)沒(méi)有捷徑來(lái)完成設(shè)計(jì)驗(yàn)收，本文會(huì)分享些實(shí)用的工作經(jīng)驗(yàn)，希望對(duì)你有幫助。

一、驗(yàn)收前：從源頭減少問(wèn)題的產(chǎn)生

設(shè)計(jì)稿還原度低的一個(gè)重要原因是開(kāi)發(fā)對(duì)于設(shè)計(jì)稿的細(xì)節(jié)忽略或理解有誤。在設(shè)計(jì)稿的交接過(guò)程多花些力氣，在驗(yàn)收時(shí)就會(huì)更省力。你可以嘗試以下方法：

1. 重視設(shè)計(jì)交接過(guò)程

重視設(shè)計(jì)稿的設(shè)計(jì)說(shuō)明和與開(kāi)發(fā)溝通質(zhì)量，消除雙方的信息差。這樣做一是可以保證開(kāi)發(fā)對(duì)于細(xì)節(jié)理解得準(zhǔn)確無(wú)誤，二是如果有開(kāi)發(fā)難以實(shí)現(xiàn)的效果，可以提前找好替代方案。

2. 總結(jié)共性問(wèn)題

在設(shè)計(jì)走查中出現(xiàn)的問(wèn)題如果具有共性，就可以進(jìn)行總結(jié)和沉淀，使用規(guī)則或組件進(jìn)行約束。

• 總結(jié)基礎(chǔ)規(guī)則：設(shè)計(jì)師可以總結(jié)開(kāi)發(fā)常會(huì)出現(xiàn)的高頻問(wèn)題，比如間距、字號(hào)、字重和顏色等細(xì)節(jié)問(wèn)題，整理出基礎(chǔ)規(guī)則列表，避免類似問(wèn)題的一再發(fā)生。
• 沉淀通用組件：設(shè)計(jì)與開(kāi)發(fā)在組件層面完成一致性對(duì)齊，在組件上的細(xì)節(jié)分毫不差，在實(shí)際應(yīng)用中就可以減少很多二次修改的時(shí)間，開(kāi)箱即用，減少錯(cuò)誤的出現(xiàn)。
• 對(duì)齊 Design Tokens：Design Tokens 作為設(shè)計(jì)規(guī)則的底層架構(gòu)，可以被用作設(shè)計(jì)稿和開(kāi)發(fā)稿的溝通語(yǔ)言。Design Tokens 相當(dāng)于將設(shè)計(jì)組件進(jìn)一步拆解，使其原子化，將組件的每一種屬性都轉(zhuǎn)變?yōu)橐粋€(gè)前端變量。Token 本質(zhì)上就是找到了組件、屬性和代碼之間的對(duì)應(yīng)關(guān)系，統(tǒng)一了樣式和前端語(yǔ)言，使組件和設(shè)計(jì)系統(tǒng)可以被快速管理。你也可以在我之前的文章中看到對(duì)于 Token 的更詳細(xì)的描述。

3. 加強(qiáng)開(kāi)發(fā)的自查能力

在完成開(kāi)發(fā)后，先進(jìn)行一輪開(kāi)發(fā)自查，自查的方式以開(kāi)發(fā)習(xí)慣為主。這就好像是你在考試交卷前，自己檢查一遍試題答案再交卷子，以減少錯(cuò)誤率。

比如，設(shè)計(jì)師可以和開(kāi)發(fā)一起做一份基礎(chǔ)的開(kāi)發(fā)自查表單，在完成設(shè)計(jì)稿開(kāi)發(fā)之后，可以先針對(duì)開(kāi)發(fā)表里的內(nèi)容進(jìn)行自查。當(dāng)這些基礎(chǔ)內(nèi)容沒(méi)有問(wèn)題之后，再交由設(shè)計(jì)師做更深一步的走查。

再比如有些小廠開(kāi)發(fā)人數(shù)不多，設(shè)計(jì)師也可以嘗試著給開(kāi)發(fā)做基礎(chǔ)的自查培訓(xùn)，介紹設(shè)計(jì)過(guò)程中的關(guān)鍵細(xì)節(jié)，提升開(kāi)發(fā)的細(xì)節(jié)感受力。

二、驗(yàn)收中：整理好設(shè)計(jì)驗(yàn)收記錄

設(shè)計(jì)稿的驗(yàn)收問(wèn)題要注意整理和存檔，最好使用公開(kāi)的實(shí)時(shí)文檔，或項(xiàng)目排期進(jìn)度看板，全員可見(jiàn)，作為重要的工作證據(jù)和追溯資料。

通常來(lái)說(shuō)，設(shè)計(jì)驗(yàn)收的輸出物沒(méi)有嚴(yán)格標(biāo)準(zhǔn)，設(shè)計(jì)師可以結(jié)合自己的工作狀況和習(xí)慣，自行處理和輸出，但要注意幾點(diǎn)：

1. 明確目標(biāo)

設(shè)計(jì)驗(yàn)收記錄中需要說(shuō)明問(wèn)題出現(xiàn)的原因和想要達(dá)到的目標(biāo)，讓相關(guān)人員明確需要完成哪些工作，工作完成的標(biāo)準(zhǔn)是什么，以及應(yīng)該何時(shí)完成工作。

2. 實(shí)時(shí)同步

設(shè)計(jì)驗(yàn)收結(jié)論要共享和同步給所有相關(guān)人員，并在相關(guān)人員完成任務(wù)后及時(shí)更新進(jìn)度。

3. 做好存檔

每次的驗(yàn)收結(jié)論命名以日期結(jié)尾，做好存檔。每輪驗(yàn)收和驗(yàn)收出的每一個(gè)問(wèn)題都要指定到唯一負(fù)責(zé)人，便于問(wèn)題修改、溝通和追責(zé)。

三、驗(yàn)收后：以制度，克人心

如果驗(yàn)收效果實(shí)在不佳，就要追責(zé)到人，除了督促開(kāi)發(fā)完成修改，還要對(duì)其工作產(chǎn)生的問(wèn)題究其原因。

可以建立簡(jiǎn)單的評(píng)價(jià)體系和精神或物質(zhì)上的獎(jiǎng)懲制度，對(duì)開(kāi)發(fā)的工作質(zhì)量進(jìn)行評(píng)估，以制度規(guī)范行為。

工作態(tài)度是感性而難以約束的；但是工作質(zhì)量卻是可以使用數(shù)據(jù)統(tǒng)計(jì)、通過(guò)分?jǐn)?shù)換算進(jìn)行評(píng)價(jià)和判斷的。

舉個(gè)夸張點(diǎn)的例子，如果將開(kāi)發(fā)在設(shè)計(jì)驗(yàn)收時(shí)的錯(cuò)誤數(shù)量和嚴(yán)重程度，與其工作的績(jī)效考核掛鉤，相信每個(gè)人都會(huì)做到謹(jǐn)小慎微，認(rèn)真對(duì)待。

作者：元堯，微信公眾號(hào)：長(zhǎng)弓小子；

本文由@ 元堯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。