實戰經驗！交互設計師如何做好設計走查的工作？

@呆呆丶L?：前陣子跟幾個同行交流，提到關于交互和 UI 的走查工作問題，所以特地整理了一下，給大家說說關于設計走查的幾個問題。

1. 設計走查的作用

在很多設計師身上都存在一個現象，就是拿到需求或原型，然后設計完成之后，就以為沒自己什么事了，也不會主動去找事情做，他們認為到這里，自己的工作就完成了。

其實到這為止，設計師才做完一半的工作。為什么呢？

當設計師把設計稿交給開發時，雖然已經標好注、切好圖（交互注釋也很完美），但是不代表開發能把界面表達的跟設計稿完全一樣，甚至會有很大偏差，所以設計師就要做好設計走查工作，盡量跟開發一起把頁面實現的更好，這里不僅僅說的是UI、也包括交互。

這樣不僅能提高產品的實現度，讓用戶體驗更好，還能促進團隊的工作氛圍，畢竟大家的目標還是一致的。

2. 錯誤觀點

當中有一個朋友提到，設計走查應該是測試同學的事情。

首先，我并不否認這位朋友的觀點，但還是局限了。

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

三個字總結：理想化。

這是一件不大可能的事情，首先開發要很好的實現設計稿，前提是有一個不錯的開發能力，同時如果還想在不需要設計的幫助下就實現好頁面，那開發本身就要有一個不錯的設計功底，這樣就可以在獨立工作的情況下，相對完美的實現視覺稿。

但是做設計的同學都知道，即使兩個人設計水平相同，他們在臨摹完同一個頁面的時候也會有明顯的差別，更何況是開發用代碼去還原頁面呢？

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

所以設計師做好設計走查，還是很有必要的。

△ 交互設計過程，出自《專業設計師有哪些必知的設計流程》

3. 如何做設計走查

那怎么做設計走查工作呢？

一. 檢查頁面一致性

包括頭部、尾部等位置是否完整統一，按鈕樣式、反饋狀態、報錯等樣式是否統一；是否有缺少的場景和狀態，根據任務流程對場景和狀態進行排查，保證設計的完整性。

二. 確保方案的可用性和屏幕上的操作易于使用

設計任務流程，進行設計走查，在移動App端，我們所設計的應用是建立在手指點擊操作的基礎上進行使用的。我們的手指不像鼠標一樣能夠精確定位和響應，所以我們需要在設計的過程中確?？牲c擊的區域能夠較為明顯的識別。

三. 確保文本易于閱讀

文本內容是大部分產品的重要組成部分，所以文本的排版是非常重要的（很多人說中文排版不好看，那是因為你不會用中文排版的方式去做排版）。確保文字清晰、易閱讀是在文字處理上的必須保證的。

四. 注意顏色對屏幕的影響

Androind 不同的屏幕在色彩飽和度上有較大的差異，比如三星的屏幕亮度和飽和度都比一般機型要偏高。所以在進行設計的時候，選擇的顏色一定要適中，不要偏色。

五. icon 的使用

icon 是代替文字標識的一種圖形，它的價值意義就在于簡化文字，通過圖形來表達功能含義。所以設計的 icon 如果不能表達好，就會造成一定的識別障礙，這也是為什么我們說設計 icon 是考驗一個設計師功底的技能。

六. 動效的使用

動效這塊是產品中比較高規格的一個存在，所以在使用的過程中一定要謹慎，不能隨意加入多余的動效，導致在使用產品的過程中出現問題。

當然，雖然我只說了這六點，但是還有許多其他的東西需要注意，包括新功能提示、熱區的控制等等，這些都是需要設計師去定義的。所以我說開發和測試有時候沒辦法發現這些問題，那設計師做走查的這項工作就必不可少了。

4. 走查遇到的問題

有的設計師說：“我們都做好走查工作了，可是開發還是實現的有問題，再溝通就變成吵架了?！?/p>

如果到這一步為止，你的任務完成的很好了，實現來說一般不會有什么問題。如果是一些小差別，實在沒辦法溝通，那可能是開發的問題，也可能是你的設計并不現實，讓開發實現的代價很大，所以要綜合考慮實現因素，不要把責任推給別人，認為就是開發的問題。

同時，希望大家在工作中多投入自己的精力，做好自己的工作，不要完成表面工作就自以為做的很好了。說實話，還差得遠呢~

歡迎關注作者的微信公眾號：「呆呆U理」

「設計走查的實戰經驗文章合集」

1. 建立丨《看了都說好！如何建立交互設計自查表？》
2. 實戰丨《專業干貨！超實用四步走幫你搞定智能硬件異常CASE》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com