常见移动端导航类型

手机导航设计是人机交互最重要的桥梁和平台,旨在引导用户正确的方向,不迷路。

好的菜单设计不仅能提升整个产品的用户体验,还能让用户耳目一新。
一、导航菜单的作用是什么 ?
1.提升产品内容和功能结构和层次
2.重点展示核心功能
3.简化用户旅程
二、常见的移动端导航
1、选项卡式
选项卡式导航一般由几个并排的图标组成,如图所示。通过点击或滑动进行切换
在这里插入图片描述
优点:简单明了,操作简便
缺点:数量最多不超过5个

2、抽屉式
抽屉式导航也是一种比较流行的一种方式,通过垂直排列切换项,隐藏当前页面的菜单来解决的 ,点击入口即可像抽屉一样拉出菜单。在这里插入图片描述
优点:节省页面显示空间,让用户专注于当前页面,扩展性好。
缺点:切换比较麻烦

3、陈列式
列表导航是最常用的导航方式之一,以一行一列的表格来呈现,多用在个人中心、设置、内容/信息列表中,其中的每一个列表项都是进入子功能的入口
在这里插入图片描述

优点(1)、能够容纳相对较多的解释说明信息,让用户知道这个功能具体是做什么的。(2)、符合用户从上倒下的浏览习惯。
缺点:当用户进入时,用户想用其他功能,则需要完全退出才能进入下一个功能。

4、陈列式

陈列式导航在展示类产品中常见,好处就是有更丰富的表现形式、更加随意的组合效果以及丰富的动态效果。
在这里插入图片描述
优点:直接展示功能内容, 方便浏览更新内容
缺点:不易展现顶层入口框架,容易导致用户迷失方向,不知自己所处什么层级,不适合长时间浏览,容易导致视觉疲劳

5、下拉式
下拉式导航位于APP顶部的导航条上,用户通过点击菜单按钮向下弹出下拉式导航。用户点击任意菜单会跳转到相应的板块,同时下拉式导航会被收起。用户点击其他任何地方也能收起导航。

在这里插入图片描述
优点:下拉式导航的信息承载力更好,下拉式导航可发现性高,且用户在功能板块之间的切换也比较流畅
缺点:用户在使用大屏幕的手机不方便操作,不支持用手指左右滑动的方式进行页面的切换


http://www.niftyadmin.cn/n/10844.html

相关文章

蓝屏page_fault_in_nonpaged_area的解决办法

用户在操作电脑的过程中,难免会遇到蓝屏问题,最近就有用户遇到电脑蓝屏重启无限循环,提示代码page_fault_in_nonpaged_area,这要如何解决呢?下面就来看看详细的解决办法。 page_fault_in_nonpaged_area蓝屏代码解决方法…

RK3568平台开发系列讲解(图像篇)JPEG图像处理

🚀返回专栏总目录 文章目录 一、JPEG文件格式和libjpeg编译二、libjpeg接口函数三、JPEG文件解析沉淀、分享、成长,让自己和他人都能有所收获!😄 📢我们今天来讲解JPEG图像处理。 一、JPEG文件格式和libjpeg编译 JPEG的后缀名为.jpg的图像文件。对于图像内容和信息相同…

图05 --- 最短路径问题:算法与实现

💖💖感谢各位观看这篇文章,💖💖点赞💖💖、收藏💖💖、你的支持是我前进的动力!💖💖 💖💖感谢你的阅读💖,专栏文章💖持续更新!💖关注不迷路!!💖 图01—图的基本概念与模型_ 图02— 存储结构: 邻接矩阵,关联矩阵,权矩阵,邻接表,十字链…

MindSpore和Python中nn.Unfold的区别

在往MindSpore迁移项目中遇到了这个转换,以至于不得不去仔细研究一下。 Unfold是卷积操作中的一部分,我们来看一下描述。 Unfold()函数是从一个batch图片中,提取出滑动的局部区域块,也就是卷积操作中的提取kernel filter对应的滑…

Qt OpenGL(二十四)——Qt OpenGL 核心模式-实现彩色三角形

Qt OpenGL(二十四)——Qt OpenGL 核心模式-实现彩色三角形 我们之前在Qt OpenGL 核心模式版本中,看到了Qt关于OpenGL的例程,是一个旋转的彩色三角形,本篇文章我们就使用OpenGL核心模式,实现这个彩色三角形。 图1 旋转的三角形 一、彩色三角形 上一篇文章(Qt OpenGL 核心…

智慧停车解决方案-最新全套文件

智慧停车解决方案-最新全套文件一、建设背景痛点分析二、建设思路准确、安全、可靠、及时性原则统一规划、分布实施保护以往投资、整合现有资源资源共享和整体性、统一性原则可扩展性原则三、建设方案四、获取 - 智慧停车全套最新解决方案合集一、建设背景 痛点分析 随着经济…

【数据结构】堆的拓展延伸 —— 堆排序 和 TopK问题

文章目录前言堆排序TopK问题结语前言 上篇博客,我们实现了堆。那么堆到底有什么应用情景?今天的内容就是堆的两个应用,堆排序和TopK问题。话不多说,我们这就开始。 堆排序 堆排序,是根据堆的结构而设计出的一种排序…

详解容灾架构中的脑裂问题

【摘要】对于容灾架构来讲,脑裂是灾难性的事件,本文详细介绍了优先级解决方案、仲裁解决方案、仲裁冲突问题,对于了解相关场景及解决相关问题大有裨益,欢迎阅读。(文中涉及相关技术产品最新参数请以官网最新发布为准) 1. 什么是容灾中的脑裂问题? 脑裂(split-brain)就…