响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年小程序 关闭按钮(必备3篇)

小程序 关闭按钮 第1篇

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

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

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

2. 返回按钮的使用规范

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

小程序 关闭按钮 第2篇

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

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

①用户浏览过的页面

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

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

③系统返回逻辑

小程序 关闭按钮 第3篇

关闭按钮表达“关闭”含义时,一般多用于用于非全页面的弹窗或者浮层之类的场景,其主要作用就是关闭页面中展示的某个元素。因此,关闭按钮表达“关闭”含义时,其使用就相对比较自由。

如下图所示,页面中浮层面板中的关闭按钮,既可以布局在左上角,也可以布局在右上角,这两种设计方案都是合理的,也是设计中最为常见的。

四、小结

尽管返回按钮和关闭按钮,从本质上来将,仅仅是视觉样式上的差异,在设计中就算使用错误,也可以通过逻辑控制来保证产品逻辑的正确性,即用户在使用上没有区别,但是返回按钮和关闭按钮作为一种比较通用的基础按钮,在现实生活中用户已经形成相对固定的认知和习惯,在设计中就必须考虑用户的这种认知和习惯,就算是纯粹的视觉样式也应该遵循一定的原则和规范,不应该随便使用,这样不仅可以保证良好的用户使用体验,还可以保证产品中设计的规范性和一致性。

题图来自Unsplash,基于CC0协议

猜你喜欢