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

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

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

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

用户分析

在一个完整的产品设计流程中,设计文档所针对的目标用户有:产品经理,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

总结

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,601评论 4 369
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,367评论 1 305
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,249评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,539评论 0 217
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,967评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,929评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,098评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,825评论 0 207
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,609评论 1 249
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,796评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,282评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,603评论 3 261
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,277评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,159评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,959评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,079评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,874评论 2 277

推荐阅读更多精彩内容