常见移动端导航类型

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

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

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

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

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

4、陈列式

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Andy&lin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值