交互设计师如何证明用户体验设计的好处
关关 2018-06-29 来源 : 阅读 251 评论 0

摘要:作为一个交互设计的你,有没有过这样的时候,当你设计完成,把带交互的线框原型递给研发部门时,都会出现这样的场景:研发部门的同事会问你为什么这个按钮要摆在这?为什么这里点进去就变成B了,原来不是挺好的吗?希望阅读本篇文章以后大家有所收获,帮助大家对交互设计的理解更加深入。

作为一个交互设计的你,有没有过这样的时候,当你设计完成,把带交互的线框原型递给研发部门时,都会出现这样的场景:研发部门的同事会问你为什么这个按钮要摆在这?为什么这里点进去就变成B了,原来不是挺好的吗?为什么……

问题来了,你需要花大量功夫去解释并说服他们你这样做的原因,你这个设计有多么牛鼻,但是有时候你给的理由往往不那么强悍。

于是开始思考,有没有一个非常给力并且很科学的方法可以证明用户体验设计的好处?这个问题,可能每个做交互的人都想过,都被困扰过,尤其在只能手机平台。

交互设计路径分析

先用图形化的方式告诉大家这个方法的思路。用户使用你的APP一定是去满足一个他们的需求,或者说完成一个任务,达到一个目标。实心圆点代表这个目标。这个时候交互设计师的任务就是通过一个节点引导用户去完成这个目标。举例说:一个电商APP满足用户的最终需求是买下商品,这时就需要先让用户选择商品,然后提交订单,最终购买,并且这个目标是可循环的。

注意:双箭头表示可以返回到上一步。这就是一个任务路径。但是,如果一个产品的功能非常复杂且有多个主要功能时,用户要完成最终目标就得经过更多的节点,或者支任务。

你会发现整个路径变长了,本来你去人民广场只要走两步,现在你要走两万步,你什么心情?

同样多的支任务下,路径变短了。这种路径叫"径向路径",之前那个叫"线性路径"

径向路径就好比一个圆,中心是核心任务最终任务,当然在实际交互操作中并不能那么完美的就处于圆心。有意向的可以去看看博弈论,可以帮助理解这些原理。

交互设计路径分析在实际中的应用

从图中可以看到第一张图是最坑的线性路径,距离核心任务的路径太长,红色线代表没有告诉用户去哪,也没有告诉用户你从哪来。整个体验就是两个字:困惑。相比之下第二张图就让人舒服的多,用户无论走到哪都知道自己从哪来,要到哪去。

对此,用户体验的前辈们也提过相似的方法,Jim Kalbach写过的《用核心路径法设计页面》中列举了一个案例:当你隔着一片草坪想要到对面的巴士站点时,你是绕这草坪四周的人行道走过去,还是从中间穿过去呢?假如草坪是干的,也没有被禁止踩踏,那么你很可能会选择最近的路线——穿过草坪直接到巴士站点。如果之前有不少人也这么干过了,那么就会出现一条“走出来的路”作者讲到这个方法的灵感来源于城市道路规划:计划外的道路连接了两点之间的最短距离,被称为交通需求线,意思是人的自然行为和人为规划线路之间的差异。所以,页面设计的另一种方法,可以从核心内容入手,由内而外来设计,也就是径向路径。

运用交互设计路径分析的注意事项

确定核心内容——无论你是设计一个APP还是一个网站,一定要先弄清楚你的产品核心在哪,满足用户的什么核心需求并且把这些核心功能列出来。

反应出层级关系——路径图必须可以反应出层级关系,对支任务进行分组罗列。

反应出方向关系——从用户第一次使用产品的情景按照来路和去路设计,必须表现出路径的方向。

确保完场核心任务的路径最短——完成后将核心任务与支任务用不同颜色覆盖以检查是否是一个以用户为中心的设计。

动画效果——动画效果一定要能反应出来路与去路,否则再炫的动画作用也不大,因为你的用户已经迷路了。

如果你在实际操作中没有注意上面说到的几个要素,那么你的路径分析图就会让你产生困惑。

核心任务不只是包含一个功能,核心任务需要同时满足用户需求和商业需求,这些,希望能解决你的问题。


本文由职坐标整理发布,欢迎关注职坐标交互设计频道,获取更多交互设计知识!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:13167058313
小职老师的微信号:13167058313

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    ICP许可  沪B2-20190160

站长统计