美文网首页Javaon的个人地盘设计方法
交互设计文档模板项目总结

交互设计文档模板项目总结

作者: Javaon | 来源:发表于2016-08-08 13:17 被阅读3179次

    对于一个交互设计师来说,其输出的产物中很重要的一个部分就是交互设计文档。设计文档的存在就是为了让后续的开发人员呢能够更好的理解交互设计师的设计想法,并且留下文字的存档。所以,一份交互设计文档写的好坏可以在很大的程度上决定了最终设计的产品的输出产物的质量。

    在我现在的团队中,正好遇上了和多人共同参与一个新的项目的设计,所以,为了能够统一我们输出的交互文档的样式和标准,所以,就有了这次由我设计我们团队内部的设计文档模板的机会。

    对于文档模板的项目,我依然想要使用我们平常在工作中经常会使用到的手段,即从用户分析,需求调研,设计,评审的方式来进行。这样可以更好的保证我们所输出的模板是真正有价值和意义的,而不是我们设计团队内部自己意淫出来的。

    用户分析

    在一个完整的产品设计流程中,设计文档所针对的目标用户有:产品经理,UI设计师,前端人员,后端人员,测试人员。
    这些人希望从交互设计文档中得到的东西是不尽相同的,就如产品经理,他并不是很关心你具体的细节上的设计,他更加关心的是你的功能流程是否正确,操作使用的设计上是否简洁。而开发人员更加侧重的则是细节上的设计,以及后台逻辑问题。
    我们面对的是这么多不同的用户,所以,在一份交互设计文档中,我们需要针对不同的用户来撰写不同部分的设计说明,以来达到一份文档面向所有的对接人员的目的。

    需求调研

    针对不同的用户,根据调研和平时工作中的总结,对不同的用户,他们对于交互设计文档的有如下的需求:

    产品经理

    产品经理是在前期和交互设计师对接的角色,设计文档的存在就是为了让我们和他对于所设计的界面进行讨论。所以,其对于设计文档的需求会在于 功能流程的走通,信息展示的正确,操作的方便,对业务流程的正确把握

    UI设计师

    UI设计师是为了对于交互文档中设计的低保真界面进行视觉上的设计的工作,所以,对于交互文档,他们所期望能从中得到的是一份 界面完整,页面中不要有过多的干扰性质的说明的文档

    开发人员

    在所有的对接人员中,开发人员是会最依赖设计文档的人群,他们在工作的过程中,会需要交互设计文档提供详细的设计说明,来让其创造出符合交互设计师想法的界面。这是极其重要的一环,如果我们在设计的过程中没想清楚如何设计,或者没有把想法化成文字记录下来,那么最后产出的效果可能和我们心中所想的会差距甚远。

    所以,在项目中,花了很多时间和开发人员来讨论该如何撰写文档,他们给了我十分多的反馈信息。总结下最主要的问题有如下几点:

    • 设计说明不够详细,对于很多问题没有说明,甚至没有考虑到
    • 页面之间的跳转关系没有说明清楚
    • 文档中的目录结构不够清晰准确
    • 文档中需要高保真设计的部分,交互设计师没有很好的推动
    • 对文档的修改没有做好记录和备案

    设计部分

    根据上述对于针对的各个角色的分析,我们得到了各个对接人员的需求。因此我们需要针对不同的人员来设计交互文档的不同的模块内容。

    最终,文档模板的内容包括有:更新说明;设计分析;页面设计内容;设计自检表

    更新说明

    更新说明的存在是为了在交互设计的层面,对于每次评审后的修改,需求变动的修改,对于设计上的变动,进行记录,从而方便开发人员,测试人员做好修改和版本的追踪记录。


    屏幕快照 2016-08-07 下午3.18.27.png

    设计分析

    设计分析部分的内容是交互设计师在前期对于业务的分析时的产出物,内容包括有:业务背景;用户角色;设计目标。业务流程图;功能流程图;信息架构图。

    屏幕快照 2016-08-07 下午3.18.40.png 屏幕快照 2016-08-07 下午3.19.00.png 屏幕快照 2016-08-07 下午3.19.16.png 屏幕快照 2016-08-07 下午3.19.27.png

    页面设计内容

    在页面设计中,最重压的事情就是设计说明的内容,这部分的内容主要是对接开发人员,前端人员和后端人员,需要能够得知设计上对于页面内设计,逻辑规则,数据内容的规划。同时,需要设计人员在撰写说明的时候,采用以页面元素为维度的书写方式,这样能够很方便开发人员在开发的过程中,能够快速查找自己想要的内容

    屏幕快照 2016-08-07 下午3.24.58.png 屏幕快照 2016-08-07 下午3.25.06.png

    设计自检表

    在最后的部分,其实是不属于交互设计文档的部分。而是模板中提供给内部设计人员的一份设计自检表。在设计的过程中,我们都需要一份自检表来帮助自己快速而全面的对于页面内的设计进行检查。
    所以,在模板中放入了设计自检表的内容,是为了提供给内部人员,将其作为一个协同的产物,由设计人员一同来完善这份表格。达到对于内部设计质量的提升。

    屏幕快照 2016-08-07 下午3.25.28.png

    总结

    最终,交互设计文档模板的撰写规则就是如此。文档模板的存在是为了能够更好的提升组内设计的质量。
    而对于个人来说,在这次撰写的项目中,感到最有意义的事情就是能够通过分析整个流程中各个人员对于交互文档的需求,在实际环境下,切实的为不同的人员考虑,写出一份可以帮助到大家提升工作效率和质量的文档。
    设计师的存在就是为了能够不断的改善现状,为大家提供一个更美好的事物。这就是这次项目带来的最大的收获和成就感。

    相关文章

      网友评论

      本文标题:交互设计文档模板项目总结

      本文链接:https://www.haomeiwen.com/subject/arkkcttx.html