程序员|如何写一个完整的交互说明文档？用户|管理|产品|品牌|阅流|视频

编辑导语：交互说明文档可以让项目人员更加快速地理解设计规划，进而推动后续项目的进行与落地。这也就要求交互说明文档的撰写需要清晰、明了、完整。本篇文章里，作者就如何书写一份完整的交互说明文档进行了总结，一起来看一下。

文章插图
在0到1的产品开发流程中，项目经理经历过需求阶段，开完需求评审会议后就开始投入到原型的制作了。原型是公司内部的产品使用说明书，所以画原型的时候，项目经理应该去思考如何能让UI和技术人员更快速、准确的理解原型的交互说明？
所以今天就来和大家分享一下，如何制作出一份完整的交互说明？
一、交互说明是什么？当产品经理把原型图画好时，旁边都会写上一些关于产品原型的一些规则或者是一些操作等等，这些都属于交互说明。所以可以把交互说明简单理解为是对产品原型的解释、强调、补充。
在公司内部，会把交互说明当成一个简单的、初步的产品使用说明书。我们可以把交互说明想象成一座桥，桥的一端站着项目经理，另一端站着UI设计师和程序员，通过桥的连接，能让产品经理把产品操作规则、限制条件、变化形式等，准确的让程序员和UI设计师了解，快速地投入到产品制作的工作中，设计出产品。
二、如何写一份完整的交互说明文档？当我第一次写交互说明的时候，我非常疑惑，到底交互说明要写什么内容呢？
做了几个项目之后，我的经验告诉我：首先，把自己假设成一个用户，当我在使用这个产品时，我希望这个产品能怎样的简化我的操作路径？
其次，我角色从用户变成产品经理，我希望让用户看到什么，使用什么功能？最后，我又从产品经理变成技术人员，这个功能到底可不可行？符不符合实际情况？根据这三种不同的身份，写出产品的交互说明。
1. 步骤一：统一思维为了让文档的视觉性更强，就需要做到一个统一。比如你的机模要统一，操作规则、字体大小行间距都需要统一，包括思维也要统一。
【程序员|如何写一个完整的交互说明文档？】统一思维，就是要把用户想象成猪，又笨又懒，不要认为用户肯定不会做这个错误，所以不写出来。要保证整个产品的严谨性，比如登录页面，如果你登录不了，那到底是手机出错，还是验证码出错，你都需要告诉用户，不然用户云里雾里登录得太麻烦，他就不登陆了，那你就失去了一个用户。
所以在写错误提醒说明的时候，只要说出错误的原因，也要给出解决的方法，让用户觉得你这个产品是人性化的，不会激起用户的愤怒感，从而继续使用产品。
2. 步骤二：明确每个要写的部分——页面、模块、交互说明我在工作中习惯把交互说明文档分成三个部分，第一个部分是页面，第二个部分是模块，第三个模块是交互说明。
首先，你需要把你构思的产品在文档里画出来，把产品的每一个页面都画到交互说明文档来，放在页面这个部分。
所有页面两种状态：一种是进入即可看见的状态，另一种是操作后状态（隐藏状态），只需要画一种状态即可，另一种状态的变化规则要写进交互说明。页面需要整洁清晰，布局统一。不需要花里胡哨的颜色，只需要简单的基础色黑白灰等就行。我们不是UI，不需要为产品上色，只要能区别即可。
然后，把每一个会变化的、需要解释说明的模块，单独拖到模块这一部分。接下去的交互说明呢，就是根据一个个模块来写的。
第三部分的交互说明一定要写得很详细，千万不要吝啬文字，要写清楚限制条件。