“返回”功能应该怎么设计
前几天在 b 站上看郭德纲的相声,在下面看到一个推荐视频就点了进去,看完之后点「返回」想继续看之前的相声,结果发现直接回到了搜索结果页面,把刚才那层给跳过去了。
我自己也是 b 站老用户了,怎么会遇到这个情况?我就拿小米和三星手机看了一下,发现返回的是相声页。难道是版本的原因?我又把两个手机中的 b 站都升级到最新版本,发现小米和三星都是一层一层的返回,而 iPhone 则是直接回到搜索结果。这到底是怎么回事,我现在也没搞懂。我也索性写篇文章来专门聊一聊返回功能。
需求分类
任何一个功能的提出都是基于用户的需求。那么为什么用户需要「返回」呢?简单来说,返回可以给用户提供了一个离开当前页面的路径,回到上一个页面。而「上一个页面」可能是上一层级,例如从三级页面回到二级页面,这个属于层级返回;也有可能是同一层级,例如购买理财项目到输入短信验证码的时候突然想更改购买金额,可以点击返回,这属于任务流返回。
当然了,这种分类方式不一定准确,因为有的时候它既属于层级返回,也属于任务流返回。
交互设计
分类好了,我们再来了解一下最常见的返回样式。在界面左上角加箭头 icon 是我们最常见的返回样式,这么用没人敢说你不对。我们还可以在旁边加上文字,让用户知道返回的路径。
这种返回的样式,基本可以应付大部分的用户需求。但是有些特殊情况,我们还是要仔细斟酌的。
就以上面这个理财产品购买流程为例,这是一个任务流。假定用户需要 5 步才能完成购买理财产品的操作,如果用户在第 4 步的时候点击了返回,有两个可能:
用户想更改购买金额或者重新确认利率,周期等产品信息;
用户不想买了。
如果是第二种,用户一步步的返回就会很累。所以当用户处于一个任务流中,一旦用户点击了返回,我们可以考虑给用户提供关闭的功能,让用户可以快速地离开。当然也不止是任务流,如果用户处于层级过深的情况下,我们也可以给用户提供关闭功能。
关闭功能在不同的阶段有不同的叫法,在任务流的终点,我们称之为「成功」。