766培训网
电脑培训
交互设计的流程

交互设计的流程

发布时间 :2021-04-08 17:42:48 浏览量:0 收藏
导读:

交互设计主要可以分为五大流程:1.发现用户需要,建立明确需求;2.提出设计方案;3.制作设计原型;4.制作交互设计说明;5.用户测试与评估。

交互设计的流程

交互设计的流程

1、发现用户需要,建立明确需求。发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备。

确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户。

用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来。

这一步我们的目的是要知道:用户想要什么?

通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位。

2、提出设计方案。通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案。

这个阶段会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候需要要把小圆盘的圆心部分往下按,就能变成一个杯子。

互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的事项!

这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么。

同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用工具软件把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以。

3、制作设计原型。制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。

考虑到做交互是一个迭代过程,一般会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。

交互稿的制作过程,一般是要先做原型的,像一些视觉比较成熟且相对稳定的产品,会偏向做高保真模型,我们会整理一个控件库,这样能提高制作效率;做一个全新项目时,黑白稿线稿都是可用的方式,如果交互设计师能对大概的视觉效果有把握,也能做得精致些,同时,也要保证页面的合理性。

4、制作交互设计说明。交互说明书在整个设计过程中,也许只会占用小部分工作量,但是作用不小,它能帮助我们减少沟通成本,辅助交互稿描述设计理念,表达交互流程,更细致的展现我们的设计。

与做设计稿不同,交互说明这部分工作,需要我们更多了解它说明的对象,即产品经理、视觉设计师、开发人员的需求,从而达到真正的“辅助”效果,而不是盲目凭自己主观去长篇大论,否则我们要为此花费时间,而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。

5、用户测试与评估。产品基本功能实现后,我们会做用户测试,设计是很主观的,并且会受各种因素影响,所以我们的产品难免会存在一些意料之外的问题,通过招募用户来使用我们的产品,我们能收集到一些使用场景中发现问题的反馈,并把这些整理成优化点,完善我们的产品。

同时交互设计师也要多用自己的产品,保证上线内容与设计保持一致。

互设计有什么要素

1、用户:产品立项后,确定产品定位,去了解用户,互联网产品可能存在很多种用户,一定要以目标用户的研究为主,如网易云音乐的用户可能有学生、工人、音乐发烧友等,但更多是针对目标用户群体,对音乐喜好程度高,但年龄偏小的用户。从不同渠道去收集目标用户的需求、筛选需求、确定需求优先级,确保需求真实性。

2、行为&目标:使用产品时,不同用户可能有不同目标,一个用户也有可能有多个目标。研究用户的目标是为了确定定需求,清楚产品要满足多少个目标。交互计师在根据不同的目标去设计相应的行为,错误的目标、繁琐的路径都会导致用户放弃产品。

3、媒介:可以理解为产品形态,产品用 APP、网页、公众号、微信小程序、H5、宣传页等,还是其他形式,这属于媒介。不同的媒介有不同特点,一定要根据自己的业务类型来选择适当的媒介,同时应该考虑到性价比。

4、场景:场景是个很容易被忽视的问题,用户使用产品时的场景非常复杂,可能在嘈杂的地秩里,也可能站在路边、躺在床上等等。

大家熟悉的打车软件,一般都会有两个端,一个乘客端,一个司机端,司机端的用户是正在开车的司机,而司机为了安全一般会把手机固定在车载架上,这个场景就是司机端 APP 所处的主要场景,那么设计 APP时就考虑到车内光线的问题,司机操作便捷性和全性等问题。

交互设计的基本原则

1、示能。所谓的示能,就是指某些物体本身就有的、特定的交互方式,不需要解释,它直接就可以被感知到。

例如:一把椅子,不管它怎么设计,一定会有一个平面,咱们还是能认出它是一把椅子,可以坐人。这里面的“平面”,就是一种示能。一出现平面,人们就会自然地认为,这个地方是可以坐的。

2、意符。意符是一种提示,告诉用户可以采取什么行为。

例如:有些商场的大门上,会写上“推”或者是“拉”的提示,这个推和拉就是一种意符。

意符不仅可以用视觉的方式来展现,声音也可以起到意符的作用。

例如:门锁锁好的时候,会发出“咔嚓”一声。面包片烤好之后从面包机里跳出来的声音。这些声音都是一种意符,能传达给人某种信息。

3、约束、很多东西咱们以前都没用过,但为什么总是能很快上手呢?这就是约束在设计里起到的作用。

例如:比如一辆乐高的玩具摩托车,即便你以前没玩儿过,也能很快就把它组装起来。因为它的轮子只能装在前叉上,手臂只能装在小人的躯干上,每个部件的接口都不一样,可以执行的操作就那么几种,多尝试几次,就能把这个玩具摩托车组装好。

4、映射。比较的映射,就是控制开关直接安装在被控制的对象上。如果做不到这么直接的映射,那就尽量把开关装到被控制对象的附近。如果这也做不到,那就要让开关和被控制对象的空间分布保持一致。

例如:有两个灶眼的煤气灶,开关就会分别装到两个灶眼的旁边。墙面上的开关和屋顶的吊灯,要有明确的映射关系。

5、反馈。一个好的设计,一定要有及时的反馈。当然,反馈也不能太频繁,这会打扰到用户。

例如:很多遥控器按一下就会发出“滴”的一声,完成一个操作要按好几下遥控器,这时候连续的滴滴声就会搞得人心烦意乱。