【UXRen原创】沟通如此简单—交互设计和开发之间的沟通方式
作者：张云钱（从前端到UI到UE到PM，现任上海某互联网公司，产品经理。个人微信号：944352559）
最近公司在开发一款App产品，开发这边隔三差五的找交互设计师要一份《交互设计规范》。 结果交互设计师这边提供了一份文档之后，又要修改，再改，继续修改的循环之中…
作为产品经理的我，实在看不下去了。因为我之前做产品经理的时候，就没有这份《交互设计规范》的文档。 再说了《交互设计规范》不就是PRD里面的用例说明部分吗？不就是Axure里面可以自动导出的word说明文档吗？
发现问题： 《交互设计规范》怎么改了一次又一次，开发都不接受呢？
协调方案： 用开发的思路来撰写《交互设计规范》
方案一、撰写文档的人员，需要懂得或写过如下一种代码：JavaScript，java，PHP，iOS，Android……
只要会如上代码中的一种，那么div+css就当然会写了。如下是我之前写过的div+css代码：
根据我的经验，我在书写JavaScript实现banner的动态切换效果的时候，最需要理顺的就是这3点：function之间的逻辑流程，page之间的跳转逻辑，button和文本框的动态交互细节描述。
换位思考一下：如果我在开发这些代码的时候，我需要的一份文档里面，最核心的部分就是：用开发的思维方式来写就好。
形式不限：至于这个思维的表现形式，可以写在产品需求文档里面，也可以用Axure直接制作高保真的动态交互效果，也可以单独出一份《交互设计规范》。
如下是我之前写过的js代码的截图，实现banner之间的动态切换效果：
方案二、如果用Axure制作的交互原型，自动导出交互设计的word文档，再加以文字图片的修改。也是可以的。
Axure里面的用例说明的面板如下： 这些面板里面的关键词，就是《交互设计规范》文档里面需要特别说明的关键词。
Axure里面自动导出交互设计规范的文档，截图如下：
方案三、撰写文档的人员，如果没有开发的经历或者不懂开发的思路。那就按照开发的要求，开发要啥就写啥，从而在开发的指导下制定《交互设计规范》的文档模板，模板主要包括如下三个要点：
- 主要功能的Visio流程图
- 复杂页面的跳转逻辑图
- 按钮和文本框的交互描述
至于文档的形式，可以不限。可以是word或excel或PPT。
总之，我的建议：
撰写《交互设计规范》文档的人员，需要学一些简单的代码，学会用开发的思路来沟通，然后就可以不用拘泥于上面的这些形式了。
顶部图片来源：http://images.sixrevisions.com
===================================================================================================================
不知不觉UXRen社区官网已经一岁半了， 在这里小编要感谢那么一如既往支持本站的油茶人。
UXRen.cn欢迎油茶人投稿，提供有价值的资讯、线索、点子及建议。
注明：本站内容及数据部分来自互联网及公开渠道，如有侵权请及时联系我们。 ===================================================================================================================
赞一个
写些什么玩意，没人捧场自己鼓掌，也是醉了
自己鼓掌，是起到抛砖引玉的作用。建议你看看我的文章：我的文章发表在pmcaff上【产品经理做什么？】 http://www.pmcaff.com/forum.php?mod=viewthread&tid=18429&extra=page1
你写得出来吗？人家把工作的心得写下来，我做为初学者觉得很有用，在实际工作中，知道怎么有效的去解决类似问题~~，所有麻烦你不要再这装B。。。。。@呵呵哒
这篇文章《沟通如此简单—交互和开发的沟通方式》已经被如下网站转载了。【UXren】http://uxren.cn/?p=21540【推酷】http://www.tuicool.com/articles/Afuuaaz【洛派设计】http://blog.sina.com.cn/s/blog_15282c38c0102wnkd.html本文作者：张云钱，从前端代码—>到Ui设计—>到交互设计到—>产品经理。现任上海某互联网公司，产品经理。个人微信号：944352559
支持原创
厄
这文章，这立场，乍一看以为开发写的。一点看不出作者在设计上的造诣啊天 = =