交互设计中的设计方案记分对比法

   今天@言覃某人 给同学们介绍一个特别高效实用的方法,当遇到场景较多或团队有争议的设计点都可以用这个方法,帮交互设计师们理清思路,达成共识并做出最可能正确的设计决定。

  交互设计中,为什么需要这种方法?

  在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起争议的,因为团队成员不一定都能快速了解全部的场景和因素,于是只能根据自己能够想到的个别场景与因素来对设计作出判断,最终团队之间形成意见分歧,每个人都不能宏观地掌握所有的场景和因素,这时,就很可能做出错误的设计决定,同时也影响团队士气。

  所以,我们需要一种共同建立文档的方式,把所有要考虑的场景和因素都一一罗列并讨论筛选,再在这基础上模拟用户可能产生的行为路径,接着沿着行为路径寻找体验好与不好的地方,好的加分,不好减分,最后得出不同设计方案的最终得分,得分高的为推荐方案。

  什么时候适合用?

  遇到某个设计点:

  >场景较多

  >用户状态较多

  >对这个产品影响较少,没有时间和人力进行详细的用户研究

  团队中:

  >已经形成少数几个待选设计方案

  >对方案有争议

  >长时间讨论不出结果

  >团队成员为设计师,没有受过专业用户研究培训

  为什么不用A/B Test?

  成本问题,A/B Test为时间和人力成本较高的方法;

  需要专业知识,从征集用户、过程监控到最后数据处理,都要求有较为专业的用研人员支持;

  所以,A/B Test适合较为重要的设计点,有较多的时间和人力成本支撑下才能进行,本方法则适合影响较小但又较为复杂的设计点,不适合交由用研团队研究,只能由设计师团队本身去解决的问题。

  所以本方法并不是严谨的定量研究,而是快速敏捷的定性研究,目的是让交互设计师们理清思路,达成共识并做出最可能正确的设计决定。

  如何进行?

  以下以我个人最近碰到的一个设计问题介绍怎么运用这种方法。

  遇到问题的设计点是浏览器的账号登录的交互设计,在网络不佳的情况下,登录页的提示交互应该如何?

  经过比较长时间的讨论,得出3种有争议的设计方案:


  禁止进入登陆页面,并toast提示网络不佳。主要考虑因素在于是:网络不好时不浪费用户时间与精力填写账户与密码。

  允许进入登陆页面,不提示网络不佳,直到输入完毕点击登陆时再弹toast。主要考虑因素在于是:鼓励用户登录,即使网络不稳定也让用户尝试登录。

  允许进入登陆页面,并toast提示网络不佳。主要考虑因素在于是:平衡以上两种方式,一进来就提示,让用户知道网络不佳,让用户自行选择填与不填。

  另外一点值得注意的是,本浏览器登录没有记住账号密码功能,填写的账号密码在退出时会自动清空。本讨论建立在账号密码记录功能暂时缺失的情况下进行设计。

  场景因素分析

  分析用户是在什么场景下进入登陆的,影响的场景的因素主要提取了两个,网络不佳状况与急切程度。

  网络不佳状况:长期50%、短期50%

  长期网络不佳场景指用户长期处于没有网络信号环境,如需要长时间处于没信号的餐厅、洗手间等;

  短期网络不佳场景指用户处于移动状态,如汽车、地铁、步行中,用户无法预测网络什么时候恢复;

  由于没有实际数据支撑,只能根据用户群体特性猜测,两种情况出现频率都为50%

  急切程度:急10%、不急90%

  急切程度指用户是否很急切想要登录成功。浏览器的登录与否并不影响正常使用,不影响搜索这个可能比较急需的功能,用户群体属性也是比较休闲的人群;但也不排除用户新安装浏览器,又需要紧急同步书签浏览某个网站的这种比较特殊的情况。

  由于没有实际数据支撑,只能根据用户群体特性猜测,两种情况出现频率为1:9

  以上两种因素叠加起来,就会有4种具体场景,分别为:

  长期、急

  短期、急

  长期、不急

  短期、不急

  然后根据场景因素出现的频率相乘,得出每个具体场景出现的频率:

  长期50% x 急10% =5%

  短期50% x 急10% =5%

  长期50% x 不急90% =45%

  短期50% x 不急90% =45%

  行为路径分析

  交互设计研究的问题本质上什么场景下产生什么行为,所以场景确定之后,就要分析场景下会产生什么行为。这时我们把三个方案逐一放到4个具体场景里面,看分别产生什么行为。

  以方案2为例,在“长期、急”的具体场景中,我们认为用户的行为路径如下:

  用户没发现网络不佳,输入了账号密码;

  发现登陆不了,退出;

  心急再进入尝试一次;

  发现账号密码没有记录,所以重新输入

  还是登陆失败,无可奈何放弃

  行为路径确定后,我们开始评价行为路径中的体验优缺点,优点加分,缺点减分:

  整个过程浪费用户时间 -1

  允许用户尝试,缓解焦躁情绪 +1

  第四步,发现账号密码没有记录,所以重新输入,体验不好 -1

  所以方案2在“长期、急”的具体场景中的评分为(-1+1-1)乘以该具体场景的出现频率5%,等于-5%,即0.05。再用同样的方法得出方案2在其他具体场景中的得分,相加就可以得出方案2的总分。

  以下是所有方案在4种具体场景下的行为路径分析与得分。


  得分乘以出现概率得到总分


  Done!大功告成,方案一看来是比较合适的方案。但值得注意的是,方案1和3在乘场景出现几率之前是得分相同的,所以我们可以清晰地看到在场景对设计方案的影响,由于场景的出现几率只是大致猜测,所以当场景出现几率变化时你应该也能判断出各个方案的分数的变化趋势,以便于根据变化及时作出方案的变化。

  总结

  在这个例子中,用户的急切程度是影响设计决策的重要因素,乍看起来方案2是更符合用户预期的,但如果能考虑到登录对浏览器并不是急切需要的功能这点,再结合其他众多考虑因素的话,方案2反而是不太好的设计。所以单凭快速直觉思考设计问题有时候并不一定都是可靠的,因为快速直觉有时候是片面的,人会根据主观意识扭曲客观现实。在这个例子中,第一直觉通常容易高估登录对浏览器的急切程度,从而错误地选择方案2,但当你冷静分析的时候会发现,其实登录并不是那么紧急,那么应该去考虑方案1或3。

  这种方法不仅仅是对比方案解决争议的工具,更重要的是有助设计师培养理性思考和逻辑思维的能力。我并不是否认直觉和感性思维在设计中的作用,在评价行为路径的体验优缺点时就用到了直觉和感性思维,这时需要设计师扮演普通用户去直觉地感性地体验设计的好与不好。但在场景分析时,设计师就不能使用直觉和感性思维,而是应该转换为数据和逻辑导向的理性思维。

  这就是为什么交互设计通常由工业设计专业背景的人来做,而不是其他设计类专业,因为工业设计的理科和艺术占比比较均衡,这和交互设计是相似的。工业设计在造物层面用到理性思维,用户体验层面用到感性思维;交互设计也是类似,不过造物层面不是遵循物理的逻辑,而是遵循互联网技术、感知科学、心理学、社会学和统计学等学科的原理。交互设计还是水挺深的,虽然是新生学科,未来的发展方向充满了各种可能性。

时间: 2024-07-29 14:45:59

交互设计中的设计方案记分对比法的相关文章

如何发现交互设计中的思维盲区?

  作为入行不久的交互设计师,我发现自己在交互设计的实践中无法顾及到方方面面,是存在思维盲区的.其中有欠缺经验的原因,也有自身知识局限的问题.进入开发阶段后,每次需要修改交互时,心里都会有些惭愧,感觉为小伙伴们带来了不必要的工作量. 然而现实中,交互设计的改动是难免的(因此一般一个项目会不断迭代交互文档),尤其是在时间安排紧促.产品需求不清晰的情况下.怎样在交互设计阶段尽可能思考周全,减少视觉设计与开发的返工呢?抱着提升自我.拯救伙伴的态度,我结合自己在移动端app的项目经验进行了一些总结.这并

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优

交互设计中如何增加趣味性、提升愉悦度?

  「好的产品关注功能,优秀的产品关注情感」 趣味性.愉悦度,这些都是针对用户情感化设计的领域. 功能.实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐.愉悦.悲伤.美- 花.大海.春天.小屋- 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开.接受者会投入不同的情绪去理解这样一个组合. 上面这些名词就像我们在设计过程当中所遇到的各种元素,按键.菜单.icon.动态效

通过实例说明交互设计中的正确表达

看到smashing上的一篇博文,取例说明一下交互设计中的正确表达,真实感表达和创意表达.实例来源:http://www.smashingmagazine.com/ ... xamples-and-trends/ 页面表达意思清晰明了,无歧义和费解之处.这也是对交互设计的保底要求了.如下图实例:   交互设计中的真实感表达 在内容正确表达的前提下,部分修饰内容模拟一些来源于现实的真实感效果.可以获得用户熟悉的认知习惯,有安全感.如下图实例:照片和便笺有一定的卷边效果,带来了一定的真实感且并不多余

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

“灰色”在Web交互设计中的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

Web交互设计中“灰色调”的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

交互设计中如何简化复杂操作?

  作为交互设计师的你,可能会听产品经理说过:"我们的产品支付成功率很低,很多用户下了单,但没有完成付款,好郁闷."或是"听到用户反馈说很难用,操作很复杂,我该怎么办?" 今天就来介绍几个简化复杂操作的好方法 >>> 下面你要做的,就是要简化复杂的操作流程. 1.减少冗余步骤和干扰项 人们在处理信息.学习规程和记忆细节方面的能力是有限的,选项越多,步骤越长,用户需要耗费的注意力和理解力就越多.一个人面临的选择越多,所需要做出决策的时间就越长.复杂的

交互设计中的默认值

寒冷的冬日到陌生环境中往往会碰到水温调节,剧情一般是这样的:你调节到一个自认为合适的刻度,放了一段时间水后发现还是冷的,于是慢慢放大热水,几次调解后索性将热水开到最大,结果太烫,放大冷水,太冷,放小冷水,太烫,放小热水--最后合适了,咱们即使没有感冒也开始记恨这个淋浴器.比较合理的是一种叫 "恒温龙头"的产品,它给定一个用户不需要预设的默认水温:打开就是38度,这个值是我们洗澡的舒适点,不过你要是觉得冷了,顺时针变热,反之逆时针变冷,变热有阀值温度40度,这个温度以上会烫伤皮肤,实在想