交互设计路径分析

1 评论 27696 浏览 15 收藏 7 分钟

如何用科学的方法证明用户体验设计的好处?通过交互设计路径分析来解决你的问题

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

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

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

 交互设计路径分析

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

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

你会发现整个路径变长了,本来你去人民广场只要走两步,现在你要走两万步,你什么心情?聪明的设计师,就会有了下图:

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

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

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

 

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

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

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

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

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

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

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

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

如果你在实际操作中没有注意上面说到的几个要素,那么你的路径分析图就会让你产生困惑,如图:乱七八糟的路径导致没能直观的反应出设计的优劣性。

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

本文来源:艾艺信息

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!