超实用交互自查清单

在做交互稿的时候，偶尔会遇到漏掉一些状态被发（zhuo）现（bao）的情况，对于一向以高标准要求自己的笔者来说也是很尴尬呢 。于是笔者就萌生了做一份交互设计清单的想法，可以用来检查自己的交互是否完备。

在做这份清单的时候，有两个考虑：一是希望这份清单能真正实用，而不只是纸上谈兵；二是希望这份清单能尽可能全面。由于精力、经验有限，难免会遇到纰漏的地方，欢迎大家一起指正，共同讨论。

组织交互设计清单，大概有这么几个维度：一种是按照具体控件/功能，如输入框、按钮等来组织；一种是按照使用情景，如网络特性、从A到B的状态等来组织。笔者从运用方便的角度思考了一下，认为以上的维度在使用时都需要先判断当前页面的具体元素，然后再根据元素是否符合标准来判断，因此效率不高。笔者尝试从下面的角度来组织：

发现→了解→操作→跟进

这是之前笔者总结的几乎适用所有功能的使用流程：用户先发现/注意到一个新功能，然后对其进行了解，之后采取一定的操作，操作之后进行跟进（如买东西后查看物流信息）。另有少量功能不需要跟进，这里还是按照最全的流程去考虑。

根据这个流程来组织清单，最大的好处是，你在使用清单进行走查的时候，可以一步步按照流程涉及的页面递进进行。另外，这个流程本身也是一个清单：确保你的功能的流程设计是完整的。

下面根据流程，依次总结一下每一步的清单：

一、发现

- 功能的入口位置、显著程度、展现形式是否恰当；

- 是否需要新手引导；

- 从A到B的过渡：

    - 点击瞬间（网络问题、动效、频繁点击）；

    - 载入中（网络问题、载入时间、可否取消）；

    - 过场动画

二、了解

- 对于内容：

    - 网络问题无法加载；

    - 没有内容；

    - 大量内容；

    - 内容获取失败；

    - 数据过期；

    - 缓存内容；

    - 状态改变导致内容改变（来到新城市）；

    - 加载动效；

三、操作

- 网络问题

- 从A到B的过渡（同一）

- 操作前默认提示；

- 操作异常状态（如：格式错误）

- 操作后反馈；

- 操作失败情况（提示 & 出路）

四、跟进

- 是否清楚在哪跟进

以上就是根据流程总结的交互自查清单。欢迎指出遗漏，共同讨论进步。

---

欢迎关注我的微信公众号：新设计青年，及时收取设计和个人成长方面的文章。