網(wǎng)易可用性優(yōu)化實錄！如何讓你的交互設(shè)計自查表真正用起來？ ... ...

網(wǎng)易UEDC – 徐愷 ：信賴不少同窗都嘗試過建立自查表，但最后是否有真正行使起來呢？這一次就和大家分享一下，我們團隊所用的自查表的迭代優(yōu)化過程和效果。

一、自查表1.0的題目

首先，我們照舊要了解一下優(yōu)化前自查表的體現(xiàn)（如下圖）：

1. 建立自查表1.0時的部分思路：

• 交互設(shè)計的一些基本法則，如架構(gòu)要合理、層級要精簡等，是設(shè)計師必要掌握的基礎(chǔ)理論，而我們的自查表建立更側(cè)重解決設(shè)計師對特別場景、交互細節(jié)容易遺漏的題目，所以在內(nèi)容上以場景列舉和說明為主。
• 自查表均分為兩個部分：場景完成性和流程完備性，這是設(shè)計師通常容易遺漏的方面。
• 郵箱大師有四個平臺必要同時規(guī)劃，而每個平臺的特征有所差異，因此為四個平臺各自建立了單獨的自查表，內(nèi)容有通用的，也有差異的，方便各平臺設(shè)計師分別查看。

2. 存在的題目

文檔使用路徑長

由于使用了 Excel 電子文檔，雖然對內(nèi)容進行擴展很方便，但是每次要找到和打開這個文檔都是一個漫長的過程，「在電腦桌面/某個文件夾找到這個文檔 – 雙擊打開 – 等待程序啟動文檔打開」每一步都在增長使用成本；

閱讀體驗不佳

首先整個文檔結(jié)構(gòu)沒有處理好，第一眼看不懂，導致設(shè)計師對內(nèi)容缺少一個團體的認知，查找起來也比較累；其次，內(nèi)容閱讀同時包含橫向和縱向的結(jié)構(gòu)，偶然還會必要操作滾動條，如許讀起來也比較累；

內(nèi)容更新不及時

這個不用說了，都沒有人用，天然也不會有人來關(guān)心它的更新了，導致許多新的設(shè)計題目沒有反應(yīng)在上面。而且一共有四份文檔，每改一個地方，都要同時改四份，想想這個工作就不輕松。

二、自查表2.0的建立

鎖定題目后，就看假如解決了，這里我從兩個方面來對自查表進行優(yōu)化：文檔格式和內(nèi)容結(jié)構(gòu)。

1. 文檔格式：從線上到線下

我盼望這份自查表可以讓設(shè)計師隨用隨取，而不必要一個復雜的查找等待的過程，那么，我想到的一個比較好的辦法就是可以打印出來，從線上作業(yè)轉(zhuǎn)為線下作業(yè)，直接放在手邊，時不時就可以拿出來瞄上一眼，還可以根據(jù)必要進行標注。

而在此基礎(chǔ)上，也對內(nèi)容設(shè)計提出了一些要求，比如所有內(nèi)容必須承載在一張 A4紙的大小上，甚至最好不要超過1頁，否則還要分頁或雙面查看，也不方便。

2. 內(nèi)容結(jié)構(gòu)：馬里奧的交互自查表

內(nèi)容結(jié)構(gòu)的設(shè)計，很緊張的一步就是對自查項的整頓和分類。但同時，我也考慮到另外一個

題目：郵箱大師涉及的自查項關(guān)鍵詞有幾十項，如何讓設(shè)計師更好的對文檔結(jié)構(gòu)留下印象，甚至記住它們呢？這里，我引用了一款經(jīng)典游戲《馬里奧》的界面來配合內(nèi)容結(jié)構(gòu)的搭建和介紹。

如上圖所示，是一張經(jīng)典的馬里奧游戲畫面，而在這里，我們可以把這個畫面拆解為3大部分：背景環(huán)境（藍天白云部分）、游戲路徑（城堡停滯部分）、操作角色（馬里奧本體）。

而借此，對應(yīng)自查表的3大模板：

• 環(huán)境：硬件環(huán)境、軟件環(huán)境、郵箱環(huán)境（郵箱大師支持各種類型的郵箱，而不同郵箱下，支持的功能存在或多或少的差異）
• 流程路徑：入口、網(wǎng)頁和控件、前進體現(xiàn)、后退體現(xiàn)、提醒信息
• 用戶操作：手勢、鼠標、鍵盤、其他（Touchbar、觸控板、語音等）

然后，在大框架的基礎(chǔ)上，再進行進一步細化，如流程路徑部分：

• 以游戲起點和盡頭，對應(yīng)用戶操作的入口和效果
• 以關(guān)卡網(wǎng)頁，對應(yīng)用戶的網(wǎng)頁和控件設(shè)計
• 以角色的前進后退，對應(yīng)用戶的下一步和返回操作
• 以界面提醒信息，對應(yīng)各類界面提醒指導

以上，是盼望借一張圖就讓大家能夠回憶起自查表的團體結(jié)構(gòu)，方便記憶和定位內(nèi)容。

結(jié)構(gòu)確認好后，便依照分類將必要設(shè)計師細致的信息填入框架內(nèi)。這些信息大多以關(guān)鍵詞的情勢存在，畢竟設(shè)計師照舊對本身的產(chǎn)品有肯定了解的，自查表中的關(guān)鍵詞只要達到提醒的目的即可（如許也是為了節(jié)省空間，畢竟要壓縮到一頁紙上）。每一個細節(jié)點在這里就不逐一介紹了，由于不同的產(chǎn)品設(shè)計的關(guān)鍵詞必然不同，關(guān)于內(nèi)容，照舊必要大家根據(jù)本身的產(chǎn)品以及設(shè)計時常碰到的題目，本身去完美。最后制品如下：

PS：設(shè)計分析和最后思考兩個部分是在后期進一步優(yōu)化的時候加上的，重要盼望設(shè)計師進一步確認需求分析是否完備，以及考慮本身的設(shè)計是否還有優(yōu)化的空間。

三、使用場景與總結(jié)

至此，自查表的結(jié)構(gòu)設(shè)計就完成了，但是團體的可用性優(yōu)化工作可還差一步，那就是在團隊內(nèi)推廣新的自查表，和團隊成員再一次溝通新表格的設(shè)計思路和使用方法，以確保大家對新的自查表有所了解并樂意使用它。這里，提前幫助大家打印好表格，并預備一個輔助的 PPT 也是需要的工作。

最后，為大家總結(jié)一下這份自查表的一些適用場景。

1. 設(shè)計評審后

每每在設(shè)計評審后，都會暴露出設(shè)計上大大小小的一些題目，這個時候，不妨拿出自查表，看看這些題目是否都有記錄，假如沒有，就加一項，假如已經(jīng)有了，就加重標記一下。既是增強本身的記憶，又同時在為文檔做增補，一段時間后，可以把標記的新內(nèi)容，再更新到電子文檔上（如一個版本結(jié)束后，更新一次）。

以下是我本身在幾代自查表上做的批注：

2. 設(shè)計完成后

這個不用說，自查表建立的目的就是為了設(shè)計師本身檢查交互場景和細節(jié)的。為什么放在后面，就是想要提示大家對之前已經(jīng)批注過的錯誤要格外細致一下。

3. 新人培訓時

這個算是衍生出來的一種使用場景，團隊新人一樣平常對產(chǎn)品結(jié)構(gòu)和功能還都不是很了解，自查表上一些關(guān)鍵詞是很好的學習輔助工具。導師可以通過名詞詮釋的體例，向新同窗介紹相干的知識點，幫助其快速了解，如：

• 大師帳號是什么？有什么作用？
• 什么是 IMAP協(xié)議，什么是 POP3協(xié)議？什么情況下要細致這些協(xié)議的差別？
• 產(chǎn)品文案有哪些規(guī)范……

關(guān)于自查表的優(yōu)化過程就介紹到這里，表格內(nèi)容依然會賡續(xù)改進，也迎接大家提供看法和建議。

工具的建立最終照舊為人服務(wù)，「能用起來」是很基礎(chǔ)也很緊張的一個要求，先用起來，之后在現(xiàn)實使用過程中，賡續(xù)的進行優(yōu)化改進，以匹配小我或項目團隊當下的需求，讓其能真正為大家解決題目。

盼望今天的分享可以給大家?guī)硪稽c思路，建立切實可用的自查表，早日達到「手上無表，心中有表」的境界。

迎接關(guān)注作者「網(wǎng)易UEDC」的微信公眾號：

圖片素材作者：Anna Salazar