在日常工作中，你是否曾遇到過這種情況，辛辛苦苦做出來的設(shè)計(jì)稿，投產(chǎn)上線后效果完全變了一個(gè)樣呢？為了避免這種情況，我們要格外重視設(shè)計(jì)走查。本文作者對設(shè)計(jì)走查進(jìn)行了分析，一起來看一下吧。

在我們?nèi)粘９ぷ髦校欠窠?jīng)常會(huì)遇到這樣一種情況，自己辛辛苦苦做出來的設(shè)計(jì)稿，投產(chǎn)上線后效果完全變了一個(gè)模樣，感覺像是被“卸妝”。不僅視覺上有很多問題，交互上也存在不少錯(cuò)誤。為了避免這種情況，設(shè)計(jì)走查我們一定要格外重視。

一、什么是設(shè)計(jì)走查呢？

設(shè)計(jì)走查通常又叫：還原度檢查、視覺Review、設(shè)計(jì)驗(yàn)證等。其目的是保證實(shí)際開發(fā)落地實(shí)現(xiàn)的效果與設(shè)計(jì)稿的效果保持一致。

在一個(gè)項(xiàng)目開發(fā)的流程中，設(shè)計(jì)走查與測試一樣是產(chǎn)品上線前的最后一個(gè)步驟，類似于一件商品上市前的質(zhì)量檢測。

另外就是，很多人容易把設(shè)計(jì)走查和體驗(yàn)走查二者混淆。

首先，設(shè)計(jì)走查和體驗(yàn)走查在項(xiàng)目所處的階段是不一樣的，設(shè)計(jì)走查通常是在項(xiàng)目開發(fā)完成后的測試階段進(jìn)行的，而體驗(yàn)走查則貫穿于整個(gè)產(chǎn)品生命周期；其次，設(shè)計(jì)走查和體驗(yàn)走查側(cè)重點(diǎn)也有所不同，設(shè)計(jì)走查重點(diǎn)是確保頁面設(shè)計(jì)細(xì)節(jié)的還原度；而體驗(yàn)走查則是站在更高的維度，以《設(shè)計(jì)法則》為標(biāo)準(zhǔn)，發(fā)現(xiàn)產(chǎn)品在功能、界面及流程上的易用性、一致性和美觀性的問題。

二、大眾對設(shè)計(jì)走查的誤區(qū)

關(guān)于設(shè)計(jì)走查，很多人存在一種錯(cuò)誤觀點(diǎn)：設(shè)計(jì)師只負(fù)責(zé)美美噠，走查是測試人員的事。

其實(shí)則不然，因?yàn)樵谠O(shè)計(jì)過程中，并不是說你把設(shè)計(jì)稿做得很完美，標(biāo)注和切圖完整地交給開發(fā)小哥哥之后就完事了，其實(shí)這時(shí)候設(shè)計(jì)工作才完成了一半而已，如果開發(fā)還原出來的效果跟設(shè)計(jì)稿差距較大的話，設(shè)計(jì)也是要負(fù)很大責(zé)任的，因?yàn)楦M(jìn)開發(fā)還原也是我們的工作內(nèi)容之一。所以對設(shè)計(jì)師的要求除了設(shè)計(jì)能力之外，落地能力也至關(guān)重要。

三、為什么要做設(shè)計(jì)走查？

設(shè)計(jì)走查可以幫助我們在投產(chǎn)上線前檢查出各方面問題，它是我們產(chǎn)品上線前的必要保障。

如果沒有經(jīng)過設(shè)計(jì)走查來保證質(zhì)量，那么許多產(chǎn)品問題在上線前得不到發(fā)現(xiàn)和修復(fù)，落地效果與實(shí)際設(shè)計(jì)相差甚遠(yuǎn)。用戶得不到更好的用戶體驗(yàn)，輕則耗費(fèi)更多時(shí)間，重則直接影響用戶放棄使用該產(chǎn)品，可能還會(huì)導(dǎo)致其他不可預(yù)見的問題。

四、怎么做設(shè)計(jì)走查

設(shè)計(jì)稿交付后，我們還需要實(shí)時(shí)跟進(jìn)項(xiàng)目的進(jìn)度，了解當(dāng)前項(xiàng)目開發(fā)的時(shí)間節(jié)點(diǎn)，根據(jù)開發(fā)給出的時(shí)間排期，在計(jì)劃提測時(shí)間介入走查。如果開發(fā)反饋有延期風(fēng)險(xiǎn)，我們需要跟產(chǎn)品及時(shí)了解原因，然后評(píng)估是否對設(shè)計(jì)有影響。

1. 找問題

當(dāng)功能移測，測試同學(xué)跑完一遍流程后，其實(shí)我們就可以進(jìn)入設(shè)計(jì)走查階段了，這里可以采用先大到小，由淺入深的策略，主要是從以下三個(gè)方面進(jìn)行檢查：

1）整體業(yè)務(wù)流程

雖然這個(gè)過程基本都會(huì)被測試團(tuán)隊(duì)在第一輪的時(shí)候查驗(yàn)出來，但為了避免有遺漏，我們最好還是先把全流程跑一遍以避免發(fā)生問題。

2）交互內(nèi)容

當(dāng)流程跑完，這個(gè)時(shí)候就可以進(jìn)入到交互細(xì)節(jié)的檢查。我們可以結(jié)合交互說明進(jìn)行逐條驗(yàn)證：一般我們的交互說明已經(jīng)非常詳盡，包含各類異常狀態(tài)和細(xì)節(jié)交互。因此我的建議是在驗(yàn)證的時(shí)候可以結(jié)合我們之前的交互說明一一對照驗(yàn)證，避免某些部分被遺漏或者忽略。

3）視覺內(nèi)容

最后就是檢查是前端頁面的設(shè)計(jì)稿效果是否和設(shè)計(jì)稿一致，包括色彩、字體、布局、排版等細(xì)節(jié)。通過全局通用、功能動(dòng)效、視覺規(guī)范快速定位到問題并提出問題。視覺還原一直是開發(fā)和設(shè)計(jì)難以達(dá)成一致的重災(zāi)區(qū)。視覺走查還原目前主要靠設(shè)計(jì)師的“像素眼”，比較耗費(fèi)精力。

2. 問題記錄

當(dāng)我們把走查問題都找出來之后，因?yàn)楹芏鄦栴}都是點(diǎn)狀的，為了便于后期的問題跟進(jìn)，這個(gè)時(shí)候我們就需要借助設(shè)計(jì)走查文檔來完成。通常一份完整的走查文檔包含：功能模塊名稱、設(shè)備環(huán)境、問題描述、問題截圖、對應(yīng)設(shè)計(jì)稿、問題優(yōu)先級(jí)、對應(yīng)開發(fā)、問題處理狀態(tài)、驗(yàn)收結(jié)果等。