如何構建系統化交互設計自查體系？

微信公眾號（金小米的學習筆記）中回復「交互自查表」獲得完整自查文檔

這篇筆記中你能收穫：

1. 完整的交互設計流程用到的方法 2. 設計評估之交互自查方法的構建 3. 設計自查的緯度及30條自查標準

身為交互設計師的你，是否遇到過設計評審時發現細節不完善、辛辛苦苦想出來的創意被程序員/產品經理挑戰方案可行性，亦或是遺漏空界面等問題？

交付邏輯清晰完整的交互設計方案，是設計師專業技能的體現。完整的交互流程分三步：設計調研（前期）→設計實施（中期）→設計評估（後期）。

設計自查是設計評估環節中重要的一環， 設計自查是交互方案形成後，設計評審之前很重要的一步查漏補缺的環節，也是對輸出的交互方案低成本、靈活審查的一種方法。

有效的交互設計自查能夠幫助設計師有效的提升系統化的交互設計思考緯度、還能降低發出文檔後的設計遺漏，並能總結出可供評估的設計評審依據。

當下都有哪些交互自查的方法呢？根據經驗及對設計師的調研，我總結了以下三種：核對需求、直覺經驗、設計原則。

• 核對需求：在設計完成後再根據需求review的一種方式；
• 直覺經驗：是設計師對可能發生情況依據自身豐富設計經驗的預判；
• 設計原則：如蘋果公司的尼爾森10條可用性原則等都可供參考；

網上也會流傳各種版本的自查表，但不一定是適合你的項目，只有自己掌握了交互設計自查的方法，面對各類項目和問題才能迎刃而解。

那麼，如何構建系統化交互設計自查體系呢？ 可以分為5大緯度逐漸構築交互設計自查體系：提煉-收集-製作-實踐-補充。

第一步 構建網盤交互設計自查緯度

根據六大緯度，提煉30條自查標準。

第二步 收集提煉每個緯度下的自查標準

並對組內進行紙質發放，方便執行。

第三步 製作並對交互組內發放自查表格

第四步 將已完成的設計文檔與自查表格進行比對

在設計完成後，每個設計師根據自查表格進行核對走查，查漏補缺。同時遺漏點到自查表中。

第五步 補充遺漏及更新自查文檔

接下來，通過2個案例來看看自查標準的應用。

案例1 文案是否有錯別字

1.1 可以看到產品上通常會看到兩個『帳號/賬號』，那麼他們應該在什麼場景下使用呢？帳號，是一般的通用帳號，用於各類產品帳號體系中，貝字旁的賬號則是和金錢相關的功能如支付寶賬戶等。

1.2 第二個例子也很常見，登錄和登陸，在查閱字典後，我們對兩個登錄做了區分，左側的登錄是在做文案設計時經常用到的帳號登錄，右側的登陸則一般用於現實中的陸地登陸。

1.3 第三個例子是當交互過程遇到延遲或異常時，給用戶稍後重試的反饋時會經常看到的。稍後adv.一般需要結合動詞一起出現，而稍候本身就是動詞，可單獨使用。所以，大家只要記得用稍後需結合動詞 — 請稍後重試，用稍候時可直接使用即可。

案例2 是否關注空界面設計？

網頁端線上版本在網盤中沒有文件的時候，給予上傳引導提示。新版本中，我們加入了拖拽文件上傳這種便捷的傳輸形式，在自查過程中，我們發現除了一次性的新功能引導外，在原有的空界面引導中也可以告知用戶更便捷的上傳方式的存在。

要系統化構建交互設計自查體系，還需考慮到不同特性產品和萬千用戶，我們又該如何靈活自查呢？

接下來，我們將從設計平台、設計對象、科學技術三大緯度分享

如何量身定製個性化的交互設計自查體系

一. 設計平台差異的自查方法及案例剖析

1.移動設備。在講移動端的自查方法前，我們先來看看移動端區別於其他平台的硬體特性，包括手機、iPad等移動移動設備會包括觸摸屏、耳機孔、音量鍵、解鎖鍵等，安卓設備還會有返回鍵、菜單鍵等一些基礎按鍵。那麼在設計移動端的自查條例時，我們就需要考慮到相關的硬體差異的影響。

（圖片來源於網路）

這裡列舉一些移動端的自查案例給大家參考借鑒。

2. PC/Mac端。電腦端的硬體特性包括滑鼠（滾輪、左右鍵）、鍵盤（鍵盤上會有快捷鍵）、USB介面、電源介面等。那麼在此基礎上我們就需要考慮到相關硬體的自查。同樣，舉一些電腦端自查標準為例。

3.Web端。Web端更加依賴於瀏覽器特性，如視圖窗口大小等，同時web端還支持滑鼠鍵盤操作，舉一些Web端自查標準為例。

二. 設計對象差異的自查方法及案例剖析

動手做設計前了解熟知設計對象對設計師來說是很重要的環節。網盤針對普通用戶和企業用戶推出了兩個緯度的網盤產品，分別是網盤和企業網盤，前者為普通網盤用戶提供便捷存儲、傳輸等功能，後者則主要滿足企業人存儲、協同合作的需求。先來看看C類用戶和B類用戶的有哪些不同？

那麼針對To C和 To B類用戶我們需要注意哪些呢？以網盤企業版為例，為大家介紹對於To B類產品自查條例。

三. 技術變更帶來的自查方法及應用

隨著時代的前進技術不斷更新，交互設計師除了夯實自己的設計專業能力外，還需要耳聽八方接收方的信息諮詢。技術的變更對交互方式有著很大影響，如曾經的密碼解鎖在移動端輸入成本頗高，而指紋識別技術帶來的指紋解鎖則輕鬆解決了這一問題。在此同樣列舉一些設計自查標準，方便大家參考。

總結

交付邏輯清晰完整的交互設計方案，是設計師專業技能的體現。

不清晰的交互方案對設計師自身及項目都會有很大影響，不完整的文檔需要反覆調整，調整的過程有可能影響項目進度，最重要的是，當一個設計師一而再，再而三的出現這些問題，你的專業性和影響力也會遭遇信任危機。

回到分享的內容，包括五步構建自查體系（提煉-收集-製作-實踐-補充）以及如何根據實際項目量身定製自查體系的三個拓展緯度的方法。

希望對你接下來的項目有所啟發。

微信公眾號（金小米的學習筆記）中回復「交互自查表」獲得完整自查文檔

推薦閱讀：