cancel怎么用,cancel按键功能介绍

首页 > 教育 > 作者:YD1662024-04-04 15:27:40

如上图所示,尽管关闭按钮和返回按钮在逻辑表现上很相似,但是其还是有本质上的区别,否则设计中也不会出现“返回”和“关闭”这两个不同的设计名词和概念。下面就从定义和使用场景等方面来具体分析一下返回按钮和关闭按钮之间的区别。

二、返回按钮

1. 返回按钮的定义

返回按钮的逻辑定义主要包括2个方面,即返回上一浏览页面和返回上一层级页面。

(1)返回上一浏览页面

返回按钮表达“返回上一浏览页面”的含义,即Back Button,主要是帮助用户返回进入当前页面之前的页面,这是返回按钮的基本含义,使用场景也是最多的。

如下图所示,用户从页面A点击进入页面B,再进入页面C,此时用户点击页面C中的返回按钮,则返回页面B,再点击页面B中的返回按钮,则会返回页面A。

cancel怎么用,cancel按键功能介绍(5)

据此可以归纳出返回按钮表达“返回上一浏览页面”含义时的特征有如下几点:

①用户浏览过的页面

返回按钮表达“返回上一浏览页面”含义的最基本特征是返回的页面必然是用户浏览过的页面,而且是用户在当前页面之前浏览过的页面,即按照浏览的倒序返回。如上图所示,用户先从页面A进入页面B,进入页面C,依次点击返回按钮也一定是先返回页面B,再返回页面A。

②当前页面和上一浏览页面之间没有必然的逻辑关联性

返回按钮表达“返回上一浏览页面”含义时另外一个特征就是当前页面和上一浏览页面之间没有必然的逻辑关联性,如上图所示页面A可能是功能模块1中的一级页面,页面B可能是功能模块2中的二级页面,页面C可能是功能模块3中的某一级页面。

甚至一些场景下,通过返回按钮可以在不同应用的页面中进行返回跳转,比如在支付流程中,跳转到微信支付页面后,此时点击支付页面中的返回按钮,就会直接返回到当前应用,而不是微信中的某一页面。

③系统返回逻辑

当返回按钮“返回上一浏览页面”含义时,其逻辑作用与Android系统导航栏中的返回按键是一致的。如下图所示用户点击页面标题栏左侧返回按钮依次返回页面B和A,这与用户点击手机屏幕底部的系统导航栏中的返回按钮的逻辑是完全一致。

cancel怎么用,cancel按键功能介绍(6)

现在全面屏的Android设备上,不再显示底部导航栏,而是改为全局的手势操作,即在全面屏边缘滑动也可以返回上一个浏览页面,这与点击页面中的返回按钮的作用是一致的。

值得注意的是,系统底部导航栏是Android系统独有,iOS系统不支持,但是iOS的设备中同样支持全局手势操作返回上一浏览页面的功能。

(2)进入上一层级页面

返回按钮表达“进入上一层级页面”含义,即Upward Button,是帮助用户返回当前页面的上一层级结构页面。返回按钮表达“进入上一层级页面”含义的最大特点是点击返回按钮返回的页面完全由产品结构来决定,与用户实际的操作和浏览页面没有任何关系。

如下图所示产品中一共4个层级结构,每一个层级结构代表一个页面(即结构A-1代表页面A-1)。

假如用户先进入页面A,通过页面A进入到页面B-1,通过页面B-1中进入到页面C-3,如下图中绿色路径所示,此时用户在页面C-3中点击返回按钮,则会进入到页面C-2,再点击返回按钮,则依次进入到页面C-1和页面C,直到产品的顶级结构页面,如下图中红色路径所示。

cancel怎么用,cancel按键功能介绍(7)

返回按钮表达“进入上一层级页面”含义在实际使用中有优点也有缺点,优点是可以将用户引导到目标页面中,比如用户从模块A进入模块B的子级页面,可以通过返回按钮“进入上一层级页面”的模块B页面,这样可以对页面B进行引流和曝光,尤其是跨应用跳转,可以很好的将用户引导到产品中的首页。

但缺点也很明显,在产品使用过程中用户对自己的行为缺少预期和控制,很容易中断用户的操作流程,因此在实际中使用的相对较少。

从返回按钮表达“返回上一浏览页面”和“进入上一层级页面”含义的功能逻辑来看,这两种设计在实际中有大概率是“体验相同”的,因为一般来说,用户在产品中的操作就是在层级结构之间进行跳转,即从父级结构页面点击进入到子级结构页面,此时点击返回按钮时,无论是“返回上一浏览页面”还是“进入上一层级页面”都是同一个页面。

如下图所示,用户从页面C依次点击进入到页面C-1,页面C-2和页面C-3,此时无论返回按钮表达的是何种含义,依次点击返回按钮都会从页面C-3返回到页面C-2,页面C-1和页面。

cancel怎么用,cancel按键功能介绍(8)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.