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

Jyn
14 評論 15451 瀏覽 125 收藏 11 分鐘

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

交付邏輯清晰完整的交互設計方案,是設計師專業技能的體現。完整的交互流程分三步:設計調研(前期)→設計實施(中期)→設計評估(后期)。

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

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

當下都有哪些交互自查的方法呢?

根據經驗及對設計師的調研,我總結了以下三種:核對需求、直覺經驗、設計原則。

  • 核對需求:在設計完成后再根據需求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協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 依舊崇拜我的偶像,期待下一篇出個關于產品復盤的文章

    來自北京 回復
    1. 感謝支持

      回復
  2. 可否分享下自查表呢

    來自廣東 回復
    1. 發鏈接容易被屏蔽,公眾號(hellojyn)回復自查表就有百度網盤鏈接啦~

      回復
    2. 為公眾號吸粉而已

      來自山東 回復
    3. 這篇文章是我做幾年設計精心總結的,如果您能從中學到東西就自取,如果您有干貨也可以分享自己的,專業交流會不會?

      回復
  3. 求分享自查表~~~ ??

    來自北京 回復
    1. 發鏈接容易被屏蔽,公眾號(hellojyn)回復自查表就有百度網盤鏈接啦~

      回復
  4. 賬號vs帳號,第一次發現這個 ??

    來自廣東 回復
    1. 小細節也要關注哦~

      來自北京 回復
  5. 這個自查表能不能分享一下

    來自河南 回復
    1. 發鏈接容易屏蔽,公眾號(Hellojyn)回復 自查表就有啦

      回復
  6. 很全面……

    來自山東 回復