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

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

2. 返回按钮的使用规范

返回按钮无论是表达“返回上一浏览页面”含义还是表达“进入上一层级页面”含义,在具体的使用规范方面是一致的,仅仅有着功能逻辑上的区别。

(1)返回按钮只能使用在全页面中

返回按钮只能在全页面中使用,如一些浮层或者弹窗弹窗等其他场景都不能使用返回按钮,如下右图所示的浮层面板中使用返回按钮就是错误的。

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

从上图也可以看出,返回按钮关联的页面(即返回前后的页面)一定是全屏幕的且有效的展示区域大小是完全相同的没有大小差异,如上右图所示,浮层面板的区域大小就是小于全页面,因此使用返回按钮是错误的。

(2)在产品主要层级结构的全页面中使用返回按钮

返回按钮主要作用就是帮助用户在产品中“导航”,因此仅仅产品主要层级结构的全页面才能使用,即返回按钮是帮助用户在产品不同页面之间进行“流转”导航,这也意味着通过产品的层级结构和导航,用户可以多次进入带有返回按钮的同一个页面。

如下图所示用户可以点击页面A中的功能入口,用户可以多次进入页面B。

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

同理,如果用户无法多次进入同一个页面,那么这个页面是不能使用返回按钮的,比如一些临时页面(比如新建编辑页面)或者页面的临时状态(页面的编辑管理状态)。

尽管用户可以多次使用临时页面,但是用户每次进入的临时页面从逻辑本质上讲都不是同一个页面(尽管页面功能逻辑是完全一致的)。

(3)返回按钮与页面标题栏组合使用

返回按钮作为产品的导航系统一部分,因此常与页面标题栏组合使用,即返回按钮一般布局在全页面的标题栏的左侧,如下图所示。

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

三、关闭按钮

1. 关闭按钮的含义

与返回按钮类似,关闭按钮也同样有2种表达含义,即取消和关闭。

(1)取消

关闭按钮表达“取消”含义时,即Cancel Button,其本质上包括2种含义即先取消用户的当前的操作再去关闭当前的操作页面(包括弹窗等操作区域)或者页面状态。

如下图所示为系统中添加日程的页面,左上角红色区域的关闭按钮表达的就是“取消”含义,即点击关闭按钮后,页面中如时间设置,闹钟提醒等相关操作都不会被保存,同时关闭该页面返回到之前的页面中。

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

上一页12345下一页

栏目热文

文档排行

本站推荐

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