王M争:前几天在 b 站上看郭德纲相声,在下看到个荐视频了进去,看完后「返回」想继续看前相声,结发现接回到了搜索结页,把刚才那层跳过去了。
我自己也是 b 站用户了,怎么会遇到这个情况?我拿小米和三手看了下,发现返回是相声页。难是版本原?我又把两个手 b 站都升级到最新版本,发现小米和三都是层层返回,而 iPhone 则是接回到搜索结。这到底是怎么回事,我现在也没搞懂。我也索性写篇文章来专聊聊返回功能。
一、需求分类
任何个功能提出都是基于用户需求。那么为什么用户需要「返回」呢?简单来说,返回可以用户提供了个离开前页路径,回到上个页。而「上个页」可能是上层级,例如从三级页回到级页,这个属于层级返回;也有可能是层级,例如买理财项目到输入短信验证码时候突然想更改买额,可以击返回,这属于任务流返回。
当然了,这种分类方式一定准确,因为有的时候它既属于层级返,属于任务流返。
二、交互设计
分类好了,我们再来了解一最见的返样式。在界面左上角箭头 icon 是我们最见的返样式,这么没人敢说你对。我们还可在旁边上字,户知道返的路径。
这种返的样式,基本可应付大分的户需求。但是有些特殊情况,我们还是要仔细斟酌的。
就上面这个财产购流程为例,这是一个任务流。假定户需要5步才成购财产的操作,如果户在第4步的时候点击了返,有两个可:
- 用户想更改买额或者新确认利率,期等品信息;
- 户想了。
如是第,用户步步返回会很累。所以用户处于个任务流,旦用户击了返回,我们可以考虑用户提供关闭功能,让用户可以快速地离开。然也不止是任务流,如用户处于层级过深情况下,我们也可以用户提供关闭功能。
关闭功能在不阶段有不叫法,在任务流终,我们称为「成功」。
设计师需要考虑不使用场景,例如网络状况不佳时候,新页迟迟加载不了。我们应该用户提供个关闭功能,要不然像图上这,用户能选择退出品了。然这个案例是开发锅,返回功能应该是提前渲染好,像微信这样。所以个品要做好,设计师必须关注开发原度。
三、滑动手势
不管是返回,关闭还是完成,用户想离开当前的状态(页面或者弹框),必须要点击 icon 或者文字。样不太单,我们以尝试引其他的手势。
以网易云音乐为例,果用户想查看歌曲评论,需要点击「评论」icon,进评论列表,点击「返回」回到播放界面。但是在虾米音乐,歌曲评论的打开和收只需用户上下滑动就能完成。当设计师们怕步子太大,用户一下子接受不,还是展示 icon,用户通点击 icon 也能返回。
种新的尝试我非常的认,因为它不仅富返回的现场,还开拓新的度。用户对操流程「前」的认还停留在「左右」个阶段,例在 iPhone 中,用户以通右滑返回到上一个页面。突现上下滑动也能完成返回的功能。样以给我们在接下来的互设计中提供一新的思路。
而从易用性度来说,滑动比击更受到用户喜爱。为击区域很小,特是放在界左上,单手操作和大屏手用户拇指很难接触及到,需要更改手握持姿势或者改为双手操作。可能会有说,安卓有物理返回键,用户也很容易操作,简完美。
于这个问题,我觉这体现了安卓和 iOS 两不思路。我们都知 iPhone 大革命性突破是抛弃了物理键盘,引入虚拟按键,增加了屏幕积。而去年发布 iPhone X 则接把 HOME 键也去掉了,个底部空也解放了出来。这让我想起了08年上高时候,父母我买了第部手,时如想放大照片必须+号,现在照片放大缩小都完全依靠手势了。所以我在想会不会有天手势完全取代了按钮。
当然任何创本质都是打破原有的规则,挑战户的固有认知,增户的习成本。上面的米音乐为例,即使引入了手势,还是保留了返按钮,给户一个过渡的时期。
势的引入可以节界面的空间,但是通过其的方法也能达这个目的。下图就是一个好的例。
上面提了安卓和 iPhone 的差异性,所以在计过程要充考虑不同的操作系统和机型。可以给大家再举一个例。
在 iPhone 中,势密码登录失败的候,会跳出一个弹框,弹框的文字会抖动一下,告诉用户登录失败。但是一些安卓机不支持这个抖动效果,这个会造成用户无法获知第二次、第三次、第四次失败,因为弹框没有发生任何变化。直最后失败次数超过限制,被锁定。
总结
上就是我对返功的一些思考跟分析,希望可帮助到大,留言交流。
欢迎关注作者的公众号:「M争」