实用总结!如何设计“后退”功能?
浏览:186 时间:2023-7-24

几天前,我看了郭德纲在b台上的交谈。我在下面看到了推荐的视频并点击了它。阅读之后,我点击了“返回”并想继续观看之前的交谈。我发现我直接回到搜索结果页面并立即将其放入。层跳了过来。

我也是b站的老用户。我怎么能遇到这种情况?我看了小米和三星的手机,发现我回到了漫画页面。这是版本的原因吗?我将两款手机的B台升级到最新版本,发现小米和三星都是逐层返回的,而iPhone直接回到了搜索结果。到底是怎么回事,我现在不明白。我还简单地写了一篇文章来讨论返回函数。

一,需求分类

根据用户的需要提出任何功能。那么为什么用户需要“返回”?简而言之,返回可以为用户提供离开当前页面并返回上一页的路径。 “上一页”可以是前一级,例如,从第三级页面返回到二级页面,这是一个分级返回;或者它可能是同一级别,例如,当购买财富管理项目并突然输入SMS验证码时,我突然想要更改购买金额。 ,你可以点击返回,这属于任务流程返回。

当然,这种分类不一定准确,因为有时它属于分层返回和任务流返回。

二,互动设计

排序后,我们来看看最常见的退货风格。在界面的左上角添加箭头图标是我们最常见的返回方式,因此没有人敢说你错了。我们还可以在它旁边添加文字,让用户知道回来的路径。

这种返回方式基本上可以满足用户的大部分需求。但在某些特殊情况下,我们仍需要仔细考虑。

以上述金融产品购买流程为例,这是一个任务流程。假设用户需要5个步骤来完成购买理财产品的操作。如果用户在步骤4中单击回来,则有两种可能性:

用户想要更改购买金额或重新确认产品信息,例如利率,周期等。用户不想购买它。

如果是第二种类型,用户将非常厌倦一步一步地返回。因此,当用户处于任务流程中时,一旦用户点击回来,我们就可以考虑为用户提供允许用户快速离开的关闭功能。当然,不仅是任务流程,而且如果用户太深,我们也可以为用户提供关机功能。

关闭功能在不同阶段具有不同的名称。在任务流程结束时,我们称之为“成功”。

设计人员需要考虑不同的使用场景,例如当网络状况不佳时,新页面无法加载。我们应该为用户提供关机功能,否则用户只能选择退出产品。当然,这个案例是开发的一个底池,返回函数应该提前呈现,就像WeChat一样。因此,如果要做好产品,设计师必须注意开发的减少程度。

三,滑动手势

无论是返回,关闭还是完成,用户都希望离开当前状态(页面或框架),并且必须单击图标或文本。这不会太单调,我们可以尝试引入其他手势。

例如,如果网易云音乐要查看歌曲评论,则需要单击“评论”图标进入评论列表,然后单击“返回”返回播放界面。但是在虾音乐中,歌曲评论的开启和关闭可以通过简单地上下滑动用户来完成。当然,设计人员担心步骤太大,用户无法立即接受,或者显示图标,用户可以通过单击图标返回。

这种新的尝试是非常容易识别的,因为它不仅丰富了回报的实施,而且开辟了新的维度。用户对操作过程“之前和之后”的感知仍处于“左右”阶段。例如,在iPhone中,用户可以通过右滑动滑回到上一页。突然间我发现返回的功能也可以通过上下滑动来完成。这将为我们在下一次交互设计中提供一些新的想法。

从易用性的角度来看,滑动比用户更受用户欢迎。由于咔嗒声的区域很小,特别是在界面的左上角,用户单手操作的拇指和大屏手机很难直接触摸,而且手机握持姿势需要更改或更改为双手操作。有人可能会说Android有一个物理返回按钮,而且用户也很容易操作,完美。

对于这个问题,我认为这反映了Android和iOS的两种不同观点。我们都知道,iPhone的革命性突破是放弃物理键盘并引入虚拟按钮来增加屏幕面积。去年发布的iPhone X直接删除了HOME按钮,整个底部空间也被释放。这让我想起了我父母在2008年高中时为我买了第一部手机。当时,如果我想放大照片,我必须点击+号。现在放大和缩小照片完全取决于手势。所以我想知道是否有一天这个手势完全取代了按钮。

当然,任何创新性质都是打破原有规则,挑战用户的固有知识,并增加用户的学习成本。以上述虾音乐为例,即使引入了手势,也会保留返回按钮,为用户提供过渡期。

手势的引入可以节省界面上的空间,但我们可以通过其他方法实现这一点。下图是一个很好的例子。

上面提到了Android和iPhone之间的差异,因此我们必须在设计过程中考虑不同的操作系统和模型。我可以举个例子。

在iPhone上,当手势密码无法登录时,弹出一个子弹框,子弹盒的文本将被动摇,告诉用户登录失败。但是,某些Android机器不支持这种抖动效果,这会导致用户无法知道第二次,第三次和第四次失败,因为帧没有改变。在最后一次失败次数超过限制之前,它将被锁定。

总结

以上是我对返回功能的思考和分析,希望对大家有所帮助,并欢迎留言交流。