网易可用性优化实录！如何让你的交互设计自查表真正用起来？

网易UEDC – 徐恺 ：相信同都尝试过建立自查表，但最后是否有真正利起来呢？这一次就和大分享一，我们团队的自查表的迭代优过程和结果。

一、自查表1.0的问题

首先，我们还是要了解一优前自查表的表现（如图）：

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

• 交互计的一些基本法则，如架构要理、层要简等，是计需要掌握的基础理论，而的查表建立更侧重解决计对殊景、交互细节容易遗漏的问题，所以在内容上以景列举和说为主。
• 自查表均分为两个部分：场景完成性和流程完性，这是设计师常容易遗漏。
• 邮箱师四平台需同时规划，每平台的特性所差异，因此四平台各自建立了单独的自查表，内通用的，也差异的，方便各平台设师分别查看。

2. 存在的问题

文档使用路径长

因为使用 Excel 电子文档，虽对内容进行扩展很方便，但是每次要找到和打开个文档是一个漫长的程，「在电脑桌面/某个文件夹找到个文档 – 双击打开 – 等待程序启动文档打开」每一步在增加使用成；

阅读验不佳

首先整个文档结构没有处理，一眼看不懂，导致设计师对内容缺少一个整的认，查找来也比累；其次，内容阅读同时包含横向和纵向的结构，有时还需要操滚动条，样读来也比累；

内容更新不及时

个不用说，没有人用，自也不有人来关心它的更新，导致很新的设计问题没有反应在上面。而且一共有四份文档，每改一个地方，要同时改四份，想想个工就不轻松。

二、自查表2.0的建立

锁定问题，就看果决，里我从两个方面来对自查表进行优化：文档式和内容结构。

1. 文档格式：从线上到线下

我希望份自查表以让设计师随用随取，而不需要一个复的查找等待的程，么，我想到的一个比的办法就是以打印出来，从上业转为下业，直接放在手边，时不时就以拿出来瞄上一眼，还以根据需要进行标注。

而在此基础上，也对内容计提出了一些要求，比如所有内容必须承载在一张 A4纸的大上，甚至最好不要超过1页，否则还要页或双面查，也不方便。

2. 内容结构：马里奥的交互自查表

内容结构的计，重要的一步就是对查项的整理和类。但同，也考虑另外一个

问题：邮箱大师涉及自查项关键词有几十项，如何让设计师更好文档结构留下印象，甚至记住它们呢？这里，我引用了款经典游戏《里奥》界来配合内容结构搭和介绍。

如上图所示，是张经典里奥游戏画，而在这里，我们可以把这个画拆解为3大部分：背景环境（蓝天白云部分）、游戏路径（城堡障碍部分）、操作色（里奥本体）。

而借此，应自查表3大模板：

• 环：硬件环、软件环、邮箱环（邮箱大支持各种类型的邮箱，而不同邮箱下，支持的功能存在或多或少的差异）
• 流程路径：入口、页和控件、前进表现、后退表现、提示信息
• 用户操作：手势、鼠标、键盘、其他（Touchbar、触控板、语音）

然后，在大框架基础上，再进进步细化，如流程路径部分：

• 以游戏起点和终点，对应用户操作的入和结果
• 以关卡页，应用户页和控件设计
• 以角色的后退，对应用户的下一返回操作
• 界面示信息，对应各类界面示引导

以上，是希望借张图让大家能够回忆起自查表体结构，便记忆和定位内容。

结构确认好后，便依照分类将需设师注意的信息填入框架内。这些信息多以关键词的形式存，毕竟设师还对自己的产品一了解的，自查表中的关键词只达到提示的目的即可（这样也了节省空间，毕竟压缩到一页纸）。每一细节点这里就不一一介绍了，因不同的产品设的关键词必然不同，关于内，还需家根据自己的产品以及设时常遇到的问题，自己去完善。后品如下：

PS：设分析后思考两部分后一优化的时候加的，主希望设师一确认需求分析否完整，以及考虑自己的设否还优化的空间。

三、使用场景与总结

至此，自查表的结构设就完了，但整体的可用性优化作可还差一，那就团队内推广新的自查表，团队员再一次沟通新表格的设思使用方法，以确保家对新的自查表所了解并愿意使用它。这里，提帮家打印好表格，并准备一辅的 PPT 也必的作。

最后，为大总结一这份自查表的一些适场景。

1. 设计评审后

往往在设计评审后，都会暴露设计上大大小小的一些问题，这个时候，妨拿自查表，看看这些问题是否都有记录，如果没有，就一项，如果已经有了，就重标记一。既是强自己的记忆，又同时在为档做补充，一时间后，可把标记的容，再更到电子档上（如一个版本结束后，更一次）。

以下是我自己在几代自查表上做的批注：

2. 设计完成后

这个说，自查表建立的目的就是为了设计师自己检查交互场景和细节的。为么放在后面，就是想要醒大对之前已经注过的错误要格外注意一。

3. 新人培训时

这个算是衍生来的一种使场景，团队人一般对产结构和功还都是很了解，自查表上一些键词是很好的习辅助工具。导师可通过名词解释的方式，向同介绍相的知识点，帮助快速了解，如：

• 师帐什么？什么作用？
• 么是 IMAP协议，么是 POP3协议？么情况要注意这些协议的差别？
• 产品文案有哪规范……

于自查表的优过程就介绍到这里，表格容依然会断改进，大供看法和建议。

工具的建立最终还是为人服务，「能用来」是很基础也很重要的一个要求，先用来，之在际使用程中，不断的进行优化改进，以匹个人或项目团当下的需求，让其能正为大家决问题。

希望今的享可以给大家带来一点思路，建立切实可用的查表，早日达「上无表，心中有表」的界。

欢迎关注作者「网易UEDC」微信公众号：

图片素材作者：Anna Salazar