当前位置:首页 > 经验

自己设计菜单的app app导航栏及其分类

每天我们都在使用不同的APP进行工作、学习、听音乐、看视频等等,都应该能注意到每个APP的导航也不尽相同,而导航菜单对于APP应用起着非常重要的作用,它是整个APP应用中最核心的交互性设计之一,既可以给用户做导航,指引方向,又可以减少用户的点击步骤,简化操作。所以说,企业在进行APP开发时,需要对导航菜单引起重视,这对于提升APP应用的用户体验度有着重大帮助。那么,常见的APP设计导航有哪几种分类呢?它们具有什么优缺点?小犇就来为您总结一下。

一、标签式

标签式导航是现在主流的类型,在底部会显示整个APP最核心的功能,方便用户选择使用。主要用于一级目录的导航,位于页面底部,无论用户单手还是双手操作都能轻松点击,能告诉用户当前位置及用户切换统一层级之间的不同模块。展现形式有文字 + icon,也有纯icon形式,大部分是文字+icon,可能是减少用户记忆负担。

APP内的“引路人”—导航栏设计的分类与须知

网易云音乐

优点:操作方便,轻松切换功能,使用户有更好的体验,不会频繁跳转切换。

缺点:个数有限,APP的需求功能多时会不实用。

二、菜单式

它是在一个较大的面板上分组显示已经定义好的菜单选项。能让更多用户在有限的屏幕空间上做更多的动作,让用户查看更多的信息;能将同一模块的信息进行分类,让用户更清晰地了解这个模块都为我们提供哪些信息或分类。

APP内的“引路人”—导航栏设计的分类与须知

腾讯体育

优点:结构清晰,能够展示的功能也较多。

缺点:不适用于频繁的操作切换,成本较高。

1、APP应用的顶部菜单

在APP应用开发中,使用顶部菜单类型,是因为我们的习惯都是从上往下的浏览手机屏幕,因此把移动APP应用软件的导航菜单设计在屏幕顶部也具有一定的优势。此类布局最重要的代表就是标签页和每个控制中心拥有独立图标,为用户提供明确导航。

2、APP应用的底部菜单

在APP应用开发中,采用底部菜单类型主要作用是作为导航的辅助,是用于区分内部的功能区块和独立组件。位于手机屏幕底部的APP应用导航设计,都包含了一组扩展菜单,并且每一项都有自己的控制面板,显示出一个小型的控制中心。

3、APP应用的列表菜单

在APP应用开发中,使用列表菜单类型设计APP应用的导航,是使用横条状的布局方式来逐一展示APP应用的内容链接,让用户遵循由上到下的常规流程。采用列表菜单的APP应用设计,可以让用户对手机APP应用界面内容一目了然,令用户在APP应用操作上更加简单有效

4、APP应用的展开式菜单

在APP应用开发中,使用展开式菜单,是由于APP应用需要处理大信息量,这类往往是喜欢创作简洁紧凑APP应用界面的设计师最喜欢的类型。展开式菜单类型的导航菜单允许把APP应用菜单图标放在手机界面的任何地方,这也是展开式菜单受到APP应用设计师青睐的原因。

三、宫格式

一般作为信息或平台的入口,为产品或项目信息提供聚合的载体,适合承载订阅类产品或众多属性差异非常明显的分类信息,此类导航信息的呈现内容比较少,但是每个项目选取的效率比较高。宫格式将每个功能都聚焦在一个页面,能够让用户很清楚地看到,每个宫格都是独立的,所以要想在进入另一个宫格时,必须要返回中心页面再选择。

APP内的“引路人”—导航栏设计的分类与须知

支付宝

优点:清楚展示每个入口,方便找到用户需要进入的入口。

缺点:无法展示功能内容,各个功能之间切换麻烦,每个功能不能跳转。

四、列表式

通常用来展示某个具体模块内容的信息进行分类,以列表的形式呈现大量的条目。多用于辅助主导航来展现信息甚至更多层次的内容,有时候需要一些提示信息。列表式导航简单清晰,能够帮助用户快速定位到需要的功能内,不占用APP页面的空间。

APP内的“引路人”—导航栏设计的分类与须知

微博

优点:展示的功能简单明了,可以看到功能的内容。

缺点:不直观,需要频繁打开关闭再选择要进入的功能内,排版不灵活。


每个APP在导航栏设计的时候都已经不再是选择单一的模块,而是综合使用多种导航栏的形式,出发点在于突出产品和服务核心点,同时便于用户的操作。

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:fendou3451@163.com
标签:

  • 关注微信

相关文章