美文网首页为解决问题而设计的思考产品经理设计学习
交互设计流程的“闭环”问题(下)

交互设计流程的“闭环”问题(下)

作者: 妖叶秋 | 来源:发表于2016-01-27 20:02 被阅读1348次

上篇交互设计流程的“闭环”问题(上)讲到了的是打通断头路的问题,这篇继续讲讲剩下的两种方法。

2、设置延长线

如果说打通断头路更多是站在用户的角度去进行设计,那么设置延长线除了是为用户考虑之外,还有一部分是为了产品本身考虑的。具体做法就是,当原来的任务已经完成的时候,但这时候又推荐一些任务给你做,流程变得比原来更长了,这个新加入的刘晨就是我所说放入"延长线"。乍一看,这好像违背了交互设计的简洁性,无端端把流程变长了,就不需要考虑流程的用户流失率吗?当然不是,关于这一点,还让我细细说来。

之前在手机管家实习的时候,正巧是手机管家从5.x到6.x的升级改版项目。这里稍微解释一下,手机管家是一款工具型应用。你可以把手机管家当成瑞士军刀,是一堆工具的合集。在5.x的版本遇到有个问题就是,部分功能的渗透率非常低(注:渗透率就是一个功能的使用率)。通过调研分析,得出两个方法,其中一个就是整合功能,把原先20多项的功能整合到10多项,减少选项的确有助于让用户做出选择。第二种就是这里讲的“设置延长线”的方法。具体的做法就是通过高渗透率的功能去带动低渗透率的功能。比如说,在某个操作完成之后,除了结果反馈以及完成按钮之外,可以推荐用户做另外一些操作。通过这种流程的优化去带动其他的功能,从而提高整体功能的渗透率。如下图:

完成页的推荐任务

你可能会说,那这样不会有问题么?流程不会变得很长很长么?结果反馈页不会变得很复杂么?

关于结果反馈页的问题。没错,页面会变复杂,但是页面简单并不是我们的目的。我们的目的是通过页面去引导用户,所以可以通过页面内容的大小对比、颜色对比来解决页面复杂的问题。同时,交互设计是一个平衡用户需求和商业需求的职位,所以,有时候为了商业需求也需要牺牲一点用户体验。

第二个是流程变长的问题。这个问题是这样子的,用户可以选择像之前那样直接完成任务即可,所以我们只是增加了选择成本而已。其次,如果我们推荐的功能刚好是用户需要的,那么用户当然会很乐意继续操作下去。最后,不是每一项操作完成之后都会紧跟着一些推荐功能。当流程过长时,我们可以关闭这个“设置延长线”的功能,只留下结果反馈元素和“完成”按钮。

小结一下,设置延长线相当于把应用不同模块之间做一个串联,一是可以提高功能模块的渗透率,二是如果串联的功能恰好是用户需要的,那么同时也会提升用户体验。只是,怎么样“恰好”推荐到用户喜欢的功能,这个需要多方调研以及用数据做支撑才行。

3、开辟新岔路

一般来说,正常的流程应该是线性的,这样的流程最简单,用户使用起来也没什么压力和成本。但是,这仅仅只是正常的流程。交互设计需要考虑复杂的异常流程,这也就导致了好的流程更像一张网,有无数的岔路,每个岔路还可能有岔路,岔路走着走着可能又回到原点,最终,所有的路径都会汇集到一个或者多个终点。

这是普通的情况,但是也有特殊的情况。比如说我现在要讲的这个“开辟新岔路”,如果说前面两个方法都还是为用户着想的话,现在这个方法更多的是为产品运营方着想的。开辟新岔路是说在正常流程的某个节点,分岔出新的流程,最终分岔的这个流程还会回归到正常的流程。

如下图,蓝色代表普通的流程,但是现在插进去了一些新的节点,就是橙色的点,这些橙色的点构成的流程就是我所说的新岔路。

新岔路

这么说还是很抽象,我还是通过例子来说明吧。购物车是购物应用里面一个非常常见的功能,用户在使用购物车的时候流程是这样子的。

购物车使用流程

但是,真的是这样么?在查看购物车的界面,其实除了购物车的内容,还有其他的内容。如下图:

京东购物车界面

购物车页面其实还有一个推荐商品的部分,如果用户恰好在这里发现自己需要的商品,就很有可能会跳转出去浏览,然后再回来购物车进行结账。流程如下:

京东购物流程

这一个跳出去的动作就是我所说的岔路。在电商这个场景下,岔路的意思就是要让你多“逛”一下,万一你再看重别的东西,电商不就多赚一点么?同理,岔路还适用于其他适合“逛”的产品,比如说资讯阅读类产品等等。对于其他产品,这种方法就要慎重了。因为有可能岔着岔着用户就不回来了。除此之外,岔路的设置也会使得界面变得更加复杂,用户有可能会迷失掉。

不过,我们可以从结果推导一下:既然现在电商的购物车普遍都用了这种方法,说明它还是切实有效的。所以,是否选中这种岔路,不仅需要基于自身产品的属性来考量,更重要的是要从上线之后的数据来观察。

好了,讲到这里,我对于交互设计流程的闭环问题也就讲完了。总结一下,闭环实际上是一种“串联”,把同个功能模块下的不同流程串联起来(打通断头路),把不同的功能模块串联起来(设置延长线),或者是自己把自己串联起来(开辟新岔路)。这种串联有为用户着想的,也有产品方面的考量。但是不管从哪里出发,在设计交互流程对这些闭环进行思考,整个交互流程才会变得更加强大和完整。

相关文章

  • 交互设计流程的“闭环”问题(下)

    上篇交互设计流程的“闭环”问题(上)讲到了的是打通断头路的问题,这篇继续讲讲剩下的两种方法。 2、设置延长线 如果...

  • 交互设计流程的“闭环”问题(上)

    交互设计师有一项很重要的工作就是定义任务流程。在接到需求之后,设计师需要把抽象的需求设计成具象的流程,然后再把流程...

  • 交互设计基础知识深度解析(二)

    在深度解析(一)中,我们主要解决了交互设计是什么,以及它为什么存在的问题。今天我们来探讨一下交互设计的流程问题,让...

  • 23.复杂原型设计

    是什么 完整的新产品,完整的新功能 设计流程链条较长 交互页面,交互流程复杂 设计步骤 需求分析:明确用户场景问题...

  • 交互设计三要素之信息架构和流程设计

    交互设计主要分为三部分:信息架构、使用流程以及交互细节。今天我们来谈论一下信息架构的产生和交互的流程设计,交互基础...

  • Sketch制作交互流程图,哪种工具最高效?

    为了能让程序猿理解设计稿的逻辑关系,在用Sketch做UI设计的最后环节,最好再制作一下交互流程效果。交互流程图,...

  • 结构层定义

    主要包括交互流程设计与信息架构。设计用户通过怎样的流程、产品各功能之间的数据及逻辑。 交互流程设计:产品功能通过怎...

  • 交互设计的闭环

    我们经常花费很大力气来解平衡业务与体验,并投入大量精力去解决,然后再用利用剩余的精力去设计创新,结果就会忽略收尾环...

  • 2018-12-03交互设计课程笔记

    一、交互设计是什么? 交互设计 明确产品的任务需求、目标,规划逻辑关系,设计交互流程,同时,通过设计测试,优化产品...

  • 交互设计(转)

    目录导读 1.交互设计概念 2.交互设计输出物 3.交互设计相关理论 4.交互设计流程及方法 5.交互设计常见案例...

网友评论

  • 89a92b6f131a:秋秋分析的很好*^_^*,但是有一个问题想和你探讨一下,我认为其实在购物车界面不应该有这样的推荐分享,因为既然到了购物车页面,说明用户是想要这个物品的,多余的链接只会分散用户注意力,可能会导致转化率降低。
  • 5dd42d8e9880:秋秋写的真棒!
    妖叶秋:@木之0 pPhone吗?
  • Victor_Z:不错
  • 志超者:有心人啊~!赞
  • 31d6de6c9f66:还有吗?难得这么专业的人!赞一个!
    妖叶秋:@31d6de6c9f66 暂时就总结了这么多,等我有了新的体会再更新 :grin:

本文标题:交互设计流程的“闭环”问题(下)

本文链接:https://www.haomeiwen.com/subject/npbrkttx.html