設(shè)計(jì)師如何做設(shè)計(jì)走查

01.設(shè)計(jì)走查的作用

前陣子跟幾個(gè)同行交流，提到關(guān)于交互和UI的走查工作問題，所以特地整理了一下，給大家說說關(guān)于設(shè)計(jì)走查的幾個(gè)問題。

在很多設(shè)計(jì)師身上都存在一個(gè)現(xiàn)象，就是拿到需求或原型，然后設(shè)計(jì)完成之后，就以為沒自己什么事了，也不會(huì)主動(dòng)去找事情做，他們認(rèn)為到這里，自己的工作就完成了。

其實(shí)到這為止，設(shè)計(jì)師才做完一半的工作。為什么呢？

當(dāng)設(shè)計(jì)師把設(shè)計(jì)稿交給開發(fā)時(shí)，雖然已經(jīng)標(biāo)好注、切好圖（交互注釋也很完美），但是不代表開發(fā)能把界面表達(dá)的跟設(shè)計(jì)稿完全一樣，甚至?xí)泻艽笃?，所以設(shè)計(jì)師就要做好設(shè)計(jì)走查工作，盡量跟開發(fā)一起把頁面實(shí)現(xiàn)的更好，這里不僅僅說的是UI、也包括交互。

這樣不僅能提高產(chǎn)品的實(shí)現(xiàn)度，讓用戶體驗(yàn)更好，還能促進(jìn)團(tuán)隊(duì)的工作氛圍，畢竟大家的目標(biāo)還是一致的。

02.錯(cuò)誤觀點(diǎn)

當(dāng)中有一個(gè)朋友提到，設(shè)計(jì)走查應(yīng)該是測試同學(xué)的事情。

首先，我并不否認(rèn)這位朋友的觀點(diǎn)，但還是局限了。

這位朋友的原話是：“設(shè)計(jì)只要做好設(shè)計(jì)的工作，開發(fā)也必須做好自己的事情，很好的去實(shí)現(xiàn)設(shè)計(jì)稿，然后測試也要做好自己的工作，找到視覺、交互、開發(fā)的所有問題，這才是每個(gè)人真正的職責(zé)所在?！?/p>

三個(gè)字總結(jié)：理想化。

這是一件不大可能的事情，首先開發(fā)要很好的實(shí)現(xiàn)設(shè)計(jì)稿，前提是有一個(gè)不錯(cuò)的開發(fā)能力，同時(shí)如果還想在不需要設(shè)計(jì)的幫助下就實(shí)現(xiàn)好頁面，那開發(fā)本身就要有一個(gè)不錯(cuò)的設(shè)計(jì)功底，這樣就可以在獨(dú)立工作的情況下，相對完美的實(shí)現(xiàn)視覺稿。

但是做設(shè)計(jì)的同學(xué)都知道，即使兩個(gè)人設(shè)計(jì)水平相同，他們在臨摹完同一個(gè)頁面的時(shí)候也會(huì)有明顯的差別，更何況是開發(fā)用代碼去還原頁面呢？

再者，測試如果要同時(shí)找到所有的 UI、交互、開發(fā) Bug，遇到的問題會(huì)跟上述開發(fā)的問題一樣，同時(shí)需要的能力要更高。這是一件幾乎不可能的事情。（可能真有這么牛逼的人物存在，不過我至今沒見過。）

所以設(shè)計(jì)師做好設(shè)計(jì)走查，還是很有必要的。

03.如何做設(shè)計(jì)走查

那怎么做設(shè)計(jì)走查工作呢？

第一步，檢查頁面一致性。

包括頭部、尾部等位置是否完整統(tǒng)一，按鈕樣式、反饋狀態(tài)、報(bào)錯(cuò)等樣式是否統(tǒng)一；是否有缺少的場景和狀態(tài)，根據(jù)任務(wù)流程對場景和狀態(tài)進(jìn)行排查，保證設(shè)計(jì)的完整性。

第二步，確保方案的可用性和屏幕上的操作易于使用。

設(shè)計(jì)任務(wù)流程，進(jìn)行設(shè)計(jì)走查，在移動(dòng)App端，我們所設(shè)計(jì)的應(yīng)用是建立在手指點(diǎn)擊操作的基礎(chǔ)上進(jìn)行使用的。我們的手指不像鼠標(biāo)一樣能夠精確定位和響應(yīng)，所以我們需要在設(shè)計(jì)的過程中確?？牲c(diǎn)擊的區(qū)域能夠較為明顯的識別。