国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

还在为写「交互文档」发愁吗?

发布时间:2019/08/01标签:   UI设计经验      设计      设计规范      交互/原型    点击量:

原标题: 还在为写「交互文档」发愁吗?

知行合一,知道如何思考怎么获得实操性,如何去思考,很重要。

第一章????交互文档基础概念

一.、什么是「交互文档」?

交互文档也称DRD,是用来告诉别人「页面设计细节」的一个说明文档。

包括页面跳转逻辑、页面交互逻辑、页面显示状态等细节的说明。

二、为什么要写交互文档?

交互设计师的工作就是完善细节设计,那你设计的这些细节应该如何告诉开发呢?口述当然是不行的了,第一是记不住,第二是会理解错误,第三就是最重要的一点,没有历史记录。

现在办公用的聊天软件非常多,但是所有企业依然使用邮件的方式沟通,这正是因为邮件可以作为沟通证据保存下来,没有沟通记录就等于没说,交互文档也是一个道理,你要把你做的所有细节都写下来,给其他人发邮件,告诉对方要做什么、要怎么做。

三、交互文档给谁看?

给产品经理看:交互逻辑、交互方式,需要与产品经理确认。产品经理是把控整个产品的一个角色,任何事情他都需要做到心里有数,包括交互设计。

给UI设计师看:交互设计会包含很多状态、很多细节、很多页面,UI设计师要确保每一个状态、每一个页面都画出来,这样在开发的时候才不会漏掉东西。

给开发人员看:代码逻辑和我们普通说话的逻辑不同,说话的时候可以是点击这里跳转页面,而程序员需要知道点击什么位置,使用什么方式跳转到哪一个页面,中途需要判断哪些规则,如果中途失败怎么办…因此交互文档就更重要了。

给测试人员看:测试岗位也称QA,属于研发部门旗下的一个岗位(很多小公司没有这个岗位),你需要把你所有的设计细节都告诉他,然后他去测试一遍最终效果与你设计的是否完全一致(不包括UI)。

第二章????交互文档结构 一、交互文档的结构

一个完整的交互文档包含了:

1.项目背景:

现在看到的这个文档,是需要经过团队很多岗位一起讨论才能执行的(重点是讨论,也称为需求评审),seo方案模板,很多公司的产品经理都是拍脑门儿想的需求,这会导致整个团队往错误的方向走,因此介绍需求背景十分重要,中级ui设计师,让大家统一目标,之后在讨论中大家才能提出更好的意见;

同时,产品经理也应该告诉大家,这次是做完整的优化,还是快速迭代的方式,接下来的计划是怎么样的,周期是多长..(这是产品经理需要做的事情);

除此之外,项目背景还为将来翻看历史留下记录,半年后你再看这个需求,当时做了什么、为什么做、都有谁参与,一下就很清晰了。

2.需求列表

需求列表指的是你接下来要做哪些「功能点」,用简单的文字描述,在哪个环节要做什么事情,包含哪些页面、哪些系统。

3.更新记录

刚才说过,这个文档是拿来给大家讨论的,只要讨论就会有修改,因此每一次修改的记录都应该写在这里面,不仅仅是会议记录,更重要的是你为什么要做成现在这样,当你的领导问你为什么不用另一种更好的方案时,你可以拿出更新记录说:我们当时也用过这个方案,但是技术提出这个方案开发周期太长,所以我们选择了一个临时方案。

4.信息架构图 / 业务流程图

这两个是产品经理在设计初期要画好的,不需要我们做什么。

以上「大多是」产品经理要做的事情,下面才是交互设计师要做的重点内容:

5.设计方案

这里写的就是交互细节,页面如何跳转、页面包含哪些元素,有哪些规则、哪些状态等,全都要在这里写清楚;

通常都会在每个页面左上角写上页面名称,或者写这是哪个页面的什么状态;

页面中每一个按钮的点击效果以及点击后出现的页面、样式,都要展示出来;

要把规则写在下面,什么时候能点、点了以后显示什么等..

版权信息Copyright ? IT技术教程 版权所有??? ICP备案编号:鲁ICP备09013610号