如何構建系統化交互設計自查體系?
身為交互設計師的你,是否遇到過設計評審時發現細節不完善、辛辛苦苦想出來的創意被程序員/產品經理挑戰方案可行性,亦或是遺漏空界面等問題?
交付邏輯清晰完整的交互設計方案,是設計師專業技能的體現。完整的交互流程分三步:設計調研(前期)→設計實施(中期)→設計評估(后期)。
設計自查是設計評估環節中重要的一環, 設計自查是交互方案形成后,設計評審之前很重要的一步查漏補缺的環節,也是對輸出的交互方案低成本、靈活審查的一種方法。
有效的交互設計自查,能夠幫助設計師有效的提升系統化的交互設計思考緯度,還能降低發出文檔后的設計遺漏,并能總結出可供評估的設計評審依據。
當下都有哪些交互自查的方法呢?
根據經驗及對設計師的調研,我總結了以下三種:核對需求、直覺經驗、設計原則。
- 核對需求:在設計完成后再根據需求review的一種方式;
- 直覺經驗:是設計師對可能發生情況依據自身豐富設計經驗的預判;
- 設計原則:如蘋果公司的尼爾森10條可用性原則等都可供參考。
網上也會流傳各種版本的自查表,但不一定是適合你的項目,只有自己掌握了交互設計自查的方法,面對各類項目和問題才能迎刃而解。
那么,如何構建系統化交互設計自查體系呢?
5大緯度逐漸構筑交互設計自查體系
可以分為5大緯度逐漸構筑交互設計自查體系:提煉-收集-制作-實踐-補充。
第一步:構建網盤交互設計自查緯度
根據六大緯度,提煉30條自查標準。
第二步:收集提煉每個緯度下的自查標準
并對組內進行紙質發放,方便執行。
第三步:制作并對交互組內發放自查表格
第四步:將已完成的設計文檔與自查表格進行比對
在設計完成后,每個設計師根據自查表格進行核對走查,查漏補缺。同時遺漏點到自查表中。
第五步:補充遺漏及更新自查文檔
案例分析
接下來,通過2個案例來看看自查標準的應用。
案例1:文案是否有錯別字
可以看到產品上通常會看到兩個『帳號/賬號』,那么他們應該在什么場景下使用呢?
帳號,是一般的通用帳號,用于各類產品帳號體系中,貝字旁的賬號則是和金錢相關的功能,如:支付寶賬戶等。
第二個例子也很常見,登錄和登陸。在查閱字典后,我們對兩個登錄做了區分,左側的登錄是在做文案設計時經常用到的帳號登錄,右側的登陸則一般用于現實中的陸地登陸。
第三個例子是當交互過程遇到延遲或異常時,給用戶稍后重試的反饋時會經常看到的。稍后adv.一般需要結合動詞一起出現,而稍候本身就是動詞,可單獨使用。所以,大家只要記得用稍后需結合動詞 — 請稍后重試,用稍候時可直接使用即可。
案例2:是否關注空界面設計?
網頁端線上版本在網盤中沒有文件的時候,給予上傳引導提示。新版本中,我們加入了拖拽文件上傳這種便捷的傳輸形式,在自查過程中,我們發現除了一次性的新功能引導外,在原有的空界面引導中也可以告知用戶更便捷的上傳方式的存在。
要系統化構建交互設計自查體系,還需考慮到不同特性產品和萬千用戶,我們又該如何靈活自查呢?
如何靈活自查呢?
接下來,我們將從設計平臺、設計對象、科學技術三大緯度分享如何量身定制個性化的交互設計自查體系。
1. 設計平臺差異的自查方法及案例剖析
(1)移動設備
在講移動端的自查方法前,我們先來看看移動端區別于其他平臺的硬件特性,包括手機、iPad等移動移動設備,會包括觸摸屏、耳機孔、音量鍵、解鎖鍵等,安卓設備還會有返回鍵、菜單鍵等一些基礎按鍵。
那么在設計移動端的自查條例時,我們就需要考慮到相關的硬件差異的影響。
(圖片來源于網絡)
這里列舉一些移動端的自查案例給大家參考借鑒。
(2)PC/Mac端
電腦端的硬件特性包括鼠標(滾輪、左右鍵)、鍵盤(鍵盤上會有快捷鍵)、USB接口、電源接口等,那么在此基礎上我們就需要考慮到相關硬件的自查。同樣,舉一些電腦端自查標準為例。
(3)Web端
Web端更加依賴于瀏覽器特性,如視圖窗口大小等,同時web端還支持鼠標鍵盤操作,舉一些Web端自查標準為例。
2. 設計對象差異的自查方法及案例剖析
動手做設計前了解熟知設計對象對設計師來說是很重要的環節,網盤針對普通用戶和企業用戶推出了兩個緯度的網盤產品,分別是網盤和企業網盤,前者為普通網盤用戶提供便捷存儲、傳輸等功能,后者則主要滿足企業人存儲、協同合作的需求。
先來看看C類用戶和B類用戶的有哪些不同?
那么針對To C和 To B類用戶我們需要注意哪些呢?
以網盤企業版為例,為大家介紹對于To B類產品自查條例。
3. 技術變更帶來的自查方法及應用
隨著時代的前進技術不斷更新,交互設計師除了夯實自己的設計專業能力外,還需要耳聽八方接收方的信息咨詢。技術的變更對交互方式有著很大影響,如曾經的密碼解鎖在移動端輸入成本頗高,而指紋識別技術帶來的指紋解鎖則輕松解決了這一問題。在此同樣列舉一些設計自查標準,方便大家參考。
總結
交付邏輯清晰完整的交互設計方案,是設計師專業技能的體現。
不清晰的交互方案對設計師自身及項目都會有很大影響,不完整的文檔需要反復調整,調整的過程有可能影響項目進度。最重要的是,當一個設計師一而再,再而三的出現這些問題,你的專業性和影響力也會遭遇信任危機。
回到分享的內容,包括五步構建自查體系(提煉-收集-制作-實踐-補充),以及如何根據實際項目量身定制自查體系的三個拓展緯度的方法。
希望對你接下來的項目有所啟發。
作者:金璐,公眾號:金小米的學習筆記(ID:HelloJyn)
本文由 @金璐 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
依舊崇拜我的偶像,期待下一篇出個關于產品復盤的文章
感謝支持
可否分享下自查表呢
發鏈接容易被屏蔽,公眾號(hellojyn)回復自查表就有百度網盤鏈接啦~
為公眾號吸粉而已
這篇文章是我做幾年設計精心總結的,如果您能從中學到東西就自取,如果您有干貨也可以分享自己的,專業交流會不會?
求分享自查表~~~ ??
發鏈接容易被屏蔽,公眾號(hellojyn)回復自查表就有百度網盤鏈接啦~
賬號vs帳號,第一次發現這個 ??
小細節也要關注哦~
這個自查表能不能分享一下
發鏈接容易屏蔽,公眾號(Hellojyn)回復 自查表就有啦
很全面……