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

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

一、自查表1.0的題目

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

1. 建立自查表1.0時(shí)的部分思路：

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

2. 存在的題目

文檔使用路徑長(zhǎng)

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

閱讀體驗(yàn)不佳

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

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

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

二、自查表2.0的建立

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. 設(shè)計(jì)評(píng)審后

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

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

2. 設(shè)計(jì)完成后

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

3. 新人培訓(xùn)時(shí)

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

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

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

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

盼望今天的分享可以給大家?guī)?lái)一點(diǎn)思路，建立切實(shí)可用的自查表，早日達(dá)到「手上無(wú)表，心中有表」的境界。

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

圖片素材作者：Anna Salazar