PC端交互设计文档自查法

1.产品结构组成解析

产品主界面：主功能区，副功能区。除了描述功能区外，还需要描述关系。在时间充裕的情况下，可自行梳理一份产品结构导图。便于观者及自己更加透彻的了解产品。

2.操作流程

所有操作流程，从主到次。完整的操作流程是必不可少的，也是交互设计文档必须交代清楚的。这其实就是用户体验设计的侧重点。

如何把交互流程设计好。首先要自查一下，五个W原则：what where when who how 。用中文解释就是要清楚：本项目需要解决的是什么问题，在什么场景下，在什么时候，用户群体是哪些，有多少个解决方案，除此之外还要考虑有哪些限制性条件，通过层层筛选才最终确定一个最合适的方案。在这里，要强调是最合适的方案，因为在实际操作中，可能由于技术，产品规划，运营需求等限制，产出的不是一个理想化的产物，而是现阶段最合适的。

 

3.图文显示

完成交互流程设计后，到了需要完善的各个零部件，给予产品血肉，这里提到的其实就是把产品会遇到的情况进行罗列，并不需要像视觉那样把像素，间距标注。

a）文字数量最大值，最小值

b）文字超过高度或长度，怎么显示

c）命名规则

d）图文搭配情况

 

4.鼠标操作（按钮操作反馈）

在pc端的交互比移动端涉及的操作要多些，移动端只是手指与界面的交互（点击，双指缩放，长按拖动，再多些就是ios端的多指操作设定等），而pc端的变化会更多，鼠标，键盘快捷键，方向键都会影响到，而三者都会有联系，所以要熟悉了解各种的不同。根据产品设计描述相对应的详细反应。此处个人整合了下鼠标操作及一般反馈，观者可自行发现补充。

 

5.加载中反馈

文件，网页，应用，数据等的：打开中，加载成功，加载失败反馈。相当于对产品的最后一步补充，把会出现的极端情况整理归纳出来。准确地告诉开发人员，出现该情况，给予什么反馈。