原型图的交互式说明是原型图内容要素的说明文。 清晰准确的交互说明，可以降低交互设计师与产品上下人员的沟通成本，提高协作效率； 避免项目延期重新开工。
原型图交互式说明的输出可以从宏观和微观两个层面展开分析。 宏观视角是指输出交互说明时应注意的事项，应用组件化思维提高输出交互说明的效率。 微观角度是指一张原型图应包含的交互式说明的具体内容。 本论文结合图例，主要说明宏观角度输出的相互说明应注意的地方。
宏观层面
1 .互动说明的文字必须简短精炼
请注意这里有个洞。 很多交互设计师似乎和我一样在实际项目中有这样的困惑。 产品需求文档功能点的逻辑说明已经相当全面，是否需要在原型图的交互式说明中重新编写？ 需要明确的是，在交互说明中简单说明交互的主要场景和各种状态就可以了，开发者困惑的话就会经常看到PRD。
上图描述了PRD的Banner功能，交互式说明只需要提取以下内容：
用户点击Banner图跳转到对应的页面；
Banner图少于2张时，不进行自动轮播，也不显示翻页点；
Banner图为2张以上时，进行自动轮播，显示与图像数对应的翻页点；
Banner图的最小张数为1，最大张数为5；
用户可以左右滑动Banner的图像进行切换，同时Banner每5秒自动轮播无限循环。
2 .页面元素的交互说明主要由以下模块组成：
元素设置、交互、跳转逻辑、限值、状态和状态之间的转换说明。 如下图所示，以上面Banner的功能点为例进行说明。
3 .页面内容尽量使用逻辑真实的数据
避免替代XX符号和无关的数据，这样写的交互式说明接近实际场景，容易产生代入感，让阅读的人清晰易懂。 搜索默认单词、导航制表符剪切和提供内容副本是联机后的实际数据，如下图所示。
4 .交互说明考虑到内容要素的特殊状态
包括界限值/错误提示/判断规则等在内，通过对话性的说明明确指出。 如下图1所示，同一页面标题为普通状态和极限状态； 下面的图2显示并说明了与上传文件的各种状态相应的复制提示。
5 .交互式说明的排版布局必须易于阅读
交互说明有多种布局方法，如将原型图的内容元素放在数字上，并将相应的交互说明放在原型图的下方。 或者，原型图在左侧，交互式说明在右侧，根据设计者的不同，元素和相应的交互式说明可以用连接线连接起来。
布局方式各有利弊，具体采用哪种布局方式取决于项目的情况和开发人员的阅读习惯。 下图是我平时习惯的输法。
6 .需要说明页面之间逻辑跳转的相关性
例如，单击某个按钮，跳转到哪个页面，就可以在交互式说明中清楚地写标签和页面名称。
7 .交互说明组件化
像设计的控件库那样，如果在项目中写太多交互式说明，既然元素可以调用控件库并快速使用，那么该元素的交互式说明也可以归类为签入，必要时可以直接检索，根据情况进行选择
例如，上述的“Banner图的交互说明”，可以保存在交互说明库中，以后需要绘制原型图时，可以直接取出根据情况进行微调。 其目的是在使用时快速调用，在修改时快速修改。
8 .页面的交互式说明建议平铺，不建议动态效果
原型图的动态效果适用于页面跳转演示，但不利于交互式说明的呈现，给可视设计器和开发带来麻烦。
9 .对话说明应根据具体情况不断调整完善
业务和产品临时调整需求或交互评审后，需要修改原型稿的，交互说明也应当相应修改。 另外，在项目进行过程中，如果交互式说明中发现遗漏，需要随时补充完善。
微观层面
一张原型图交互说明的具体内容实际上与交互自查表的内容相关。 可能包括特殊场景、操作和反馈、页面状态、数字限制、功能、过程、复制、效果、控件、框等。 这个手续整理后分享给大家。