作者:张云钱(从前端到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欢迎油茶人投稿,提供有价值的资讯、线索、点子及建议。
注明:本站内容及数据部分来自互联网及公开渠道,如有侵权请及时联系我们。 ===================================================================================================================