经验总结：如何写出一份专业的交互设计文档？（五）

上篇文章 给大家介绍了非功能性需求板块的内容，接下来的内容就是页面交互流程图，一起来看看吧！

9. 页面交互流程图

1）交互稿结构怎么组织

交互稿的结构依赖于产品架构图，把各个页面的功能层级表现出来很容易地找到就行，可以从【平台-功能-页面-子页面-子页面分支】这个维度去搭建树形结构，结构搭好完后剩下的就是对文档的命名了。
2）每页交互稿的内容

一般而言，交互页面顾名思义就是页面内容、交互说明，那么具体要包含哪些内容才能把交互页面说清楚呢？
页面标题：告诉别人这个页面是什么？导航栏标题，让页面标题常驻；

界面标题：方便交互稿中的互相索引，比如“回到界面B状态”；

界面内容：建议尺寸为375*812px，内容黑白灰稿为主，要便于阅读；

设计说明：逻辑关系、元素状态、小微流程，都可放在设计说明中；

流程线：说明界面间逻辑关系，可使用软件自带流程线；

链接：指向其他页面，比如支线流程，开发同学阅读起来会很方便。

3）交互说明写什么？

接下来就要开始我们交互文档最为关键的部分了，如何书写交互说明呢？

记得刚开始写交互说明的时候不知道要写些什么，写完之后总感觉哪里不对劲，却又发现不了问题在哪里，能咋办呢？就是很绝望呀！后面就请教同事要怎么写交互说明才不会被怼呢，然后他就直接发给我的一份交互说明自查表，这里也做了一些整理供参考。
另外我们交互说明应该尽量写得详细些，这样最终的验收效果也会比较好。
4）交互说明中不写什么

商业逻辑相关：不写为什么要实现这个功能，解决了什么问题等一些在交互说明里与产品实现无关的内容，这是需求分析阶段该做的；

视觉规范相关：不写视觉规范规格标注，各司其职专心做自己的事情，术业有专攻；

研发代码相关：不写功能代码实现逻辑和规则等。

10. 废纸篓

废纸篓，被称为是交互文档的“后悔药”。在改了很多稿的交互稿中你永远不知道哪一稿才是最终稿，所以，请把你遗弃的稿子放这里！万一老大很喜欢第一稿呢…

基本上交互设计文档所包含的内容就是这些了，还是有点复杂的，下篇文章会进行一个简单的总结，帮助大家消化这些内容，感兴趣的小伙伴可以去看看。

以上就是“经验总结：如何写出一份专业的交互设计文档？（五）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。