交互设计是一个复杂的工程，在实施过程中即使是有经验的交互设计师也难免疏漏。而结果就是被开发、产品等diss，甚至被质疑专业性。

为此我查阅了很多专业设计的总结，可总觉得不“顺手”。本着“实用才是硬道理的原则”此，站在巨人的肩上，总结了以下的交互设计自查清单（仅限于Web端交互说明部分）。

这次分享的是1.0版本，以后还会继续迭代。我把交互说明部分内容总结为三方面前置条件、数据展示、交互说明分别对应了who、what、how三个问题。

Who丨前置条件

前置条件，回答了当前页面谁能看到的问题，主要是用户账号的登录状态及页面状态。

举个栗子，大鱼想开车去西藏玩，前置条件是他有驾照且在有效期内（未扣满12分）。

What丨 数据展示

数据展示，回答了用户能看到的是什么的问题。

告诉用户Ta在哪：大鱼抬头看见路牌知道自己出了上海。为了让用户清楚自己所处的位置，必须告诉Ta所处的页面，这样Ta才不会“慌张”。

看到的内容是什么：不同路段对车速、车型的限制不一样，开车的看得懂。所以需要告诉开发不同字段分别是什么意思、显示区域、以及规则如何等。

看到的内容从何来：大鱼看到了一个广告牌，当然这个是商家出钱做的。在设计工作的对接中有必要跟开发定义清楚数据从何而来。

How丨 交互说明

交互说明，回答了能做什么的问题。主要包括触发对象、操作行为、交互结果三方面。

继续沿用签名的例子，大鱼饿了，停车去吃饭。

触发对象：车门是触发对象。在产品中就是用户操作的控件，可以是按钮、导航、输入/选择框。

操作行为：下车关车门是行为。在产品中就是操作手势如单击、右击等。

交互结果：车门“咔”的一声关上了是交互结果。在产中就是表单校验、操作成功、失败的提示等。

更多详细的内容请移步看思维导图。

交互设计自查表1.0_Web

---

每日精进，尽心致胜。我是大鱼酱，6月每周更一篇，这是2018年的第17篇文章。感谢您的关注和阅读。