移动app中,返回按钮与取消按钮的定义是啥使用场景区分呢

细心发现的话,app上的确有很多这样的场景:想返回上一个页面时,有时左上角的按钮是“返回左箭头”按钮,有时却是“取消x”按钮。
它们两个应该如何区分使用?方法是:
在指引用户进入页面就聚焦输入的场景的下,左上角按钮一般放置“取消”按钮;在页面中选填项比较多或者只有选择项的场景下,一般放置“返回”按钮。如果这个信息只是展示而没有编辑功能,则设置“返回”按钮,如果有设置相应的操作,则设置为“取消”按钮。
举例说明一下
移动app中,返回按钮与取消按钮的定义是啥使用场景区分呢

这是京东App的登录页面。但它严格来讲不算一个“页面”,实质是一个弹层存在。
因为如果是返回按钮,它的层级指向十分明显,所以在信息架构里能够表达出A页面与B页面的上下层级关系。而对于登录页面,它并没有严格意义上的“上一级”。
因为对于一个未登录账号的移动软件,当需进行用户数据拉取时,都会首先引导用户去登陆,即使点击的那个入口并不叫“登录”。所以讲道理的话,登录页面应该是这些页面的下一级。但是,当用户已进行登录操作,在移动软件中这些页面的下一级却发生了变化,它们再也不是登录页面了,而是指向其它流程下的页面。
所以为了排除这种奇怪的误会,设计师会把登录页面做成弹层,这是一个不破坏整体产品信息层级的好办法。
如果想了解关于取消按钮的更多说明,还可以看看这篇文章:
移动端返回按钮的小杂谈如有不懂,随时公众号后台提问,欢迎关注我们一起共同学习 ~~~~


■网友
谢邀!以下内容纯属个人观点:首先理解一下字面/图标的意思:返回:只是离开了当前页面,而当前页面的内容或者信息是不会改变的,它依然存在,下次回来还在。取消:一般用在取消正在进行的作业,比如填写资料,比如创建留言,帖子,画图等等。一旦你取消,该任务可能就不存在了,后续只能重头开始。所以:从内容属性层面讲:返回一般用于浏览类型比较多;取消用于创造/创建型类型比较多;还有一点:逻辑层面的判断,返回更能强调当前页面跟返回后页面之间的紧密联系或者亲密关系;而取消,可能当前页面跟取消之后出现的页面之间可能就不存在那么紧密的联系或者亲密的关系。个人意见,有错帮我改改,一起进步。
■网友
“取消”一般用于模态页面,例如编辑、添加,这个界面的内容比较轻。
“返回”一般用于一个普通的页面,实实在在的存在于整个构架树中,这个页面也比较重一些。

■网友
【移动app中,返回按钮与取消按钮的定义是啥使用场景区分呢】 试着解释一下
返回通常是只涉及到页面的跳转,比如从列表页进入详情页,返回只是从详情页跳回到列表页。
取消不仅是页面跳转,还要放弃自己在当前页面上做过的工作,通常在填写表单的过程中,我已经填了5个文本框了,这时我点击左上角(取消),会给我一个提示:你正在放弃当前填写的内容并离开页面。确定后跳转回到上一页。因此这个取消代表着放弃当前所做的工作,离开此页面。PS:有同学说微信的朋友圈发信消息时,也是取消,但是是直接跳回到上一页,没有提示。原因就是他对当前页面的输入做了一个缓存,哪怕取消掉,只要再次点击右上角的相机进入页面就可以恢复之前的输入。

■网友
取消 :一般出现形式 由底部出现 如创建事项,木有下一级页面。或者 自右向左出现,如中间反馈页面。当然取消的页面 都是不会重现的。若 还会重现 比如支付宝的转出反馈页面 就必须用 返回了。


    推荐阅读