解密APP导航设计的类型与标准

访客4年前黑客工具956

导航设计是产品设计中非常重要的一部分,在APP中导航设计更是直接影响用户对设计的体验感受,所以导航菜单设计需要考虑周全,发挥导航的价值为构筑“怦然心动”的产品打下基础。

解密APP导航设计的类型与标准

所谓导航指的是:引导用户访问栏目、菜单、分类等布局结构形式的总称。

导航主要是引导用户并告知用户怎么找到自己想要的信息或完成用户自己想要完成的任务。

导航设计的合理性直接关系着用户是否能够找到信息和完成操作任务。APP导航承载着用户获取所需内容的快速途径。它看似简单,却是产品设计中最需要考量的一部分。APP导航设计直接影响用户对设计的体验感受,所以导航菜单设计需要考虑周全,发挥导航的价值为构筑“怦然心动”的产品打下基础。

01 导航设计中功能信息的层级划分

随着APP用户的不断增加,而设计市场上更多的重视量的积累,因而导航设计的形式较为单一,导航的操作体验感比较差,不能满足现代多元化社会的需求。手机界面更能信息的层级划分,以及同级界面、上级和下降界面的切换跳转的动态方式比较少,不能表现出更加真实的使用层次感和空间感。

手机APP导航设计的结构模式具体如下几种方式:

解密APP导航设计的类型与标准

1. 标签导航

标签类导航位于页面底部,通常包含5个标签是比较合适的数量。这种导航是非常常见的,如果你的应用需要用户频繁的在不同分页切换,可以采用这种导航。它的缺点是会占用一定高度的空间。如微信最新版的APP界面设计图。

2. 舵式导航

目前流行一种标签导航的变体,个人把它称为“舵式导航”,因为它的样式很像轮船上用来指挥的船舵,两侧是其他操作按钮。当页面有处于同一层级的几大部分内容,同时又需要一个非常重要且频繁操作的入口,就可以采用这种APP导航模式。如下图葡萄社APP。

3. 抽屉式架构

抽屉式就是把功能按照一定的分类放在特定的位置,像抽屉一样可以收起打开,自由伸缩。这样的架构不仅节省空间,更让用户一眼便知界面的整体布局功能及其子功能。

这种导航的优点是节省页面展示空间,让用户将更多的注意力聚焦到当前页面。比较适合于不那么需要频繁切换内容的应用,例如对设置、关于等内容的隐藏。UC浏览器就是采用抽屉式架构,视觉上清晰明了,操作上也非常简单易懂。

4. 宫格导航(九宫格)

这种宫格导航是将主要入口全部聚合在页面,让用户做出选择。这样的组织方式无法让用户在之一时间看到内容,选择压力较大,采用这种导航的应用已经越来越少,往往用在二级页。

5. 轮播导航

当你的应用信息足够扁平,可以尝试轮播导航,如果应用得当,能够给人耳目一新的体验。这种导航能够更大程度的保证应用的页面简洁性,操作也是最方便的。但是缺点是不能够快速的定位对应的分页内容。

6. 列表式导航

列表式APP导航是我们在APP设计种必不可少的一个信息承载模式。当然作为一个APP的导航也是非常方便的。

不过目前来看,列表导航通常用于二级页,由于它与宫格导航一样,不会默认展示任何实质内容,所以通常app不会在首页使用它。

这种导航结构清晰,易于理解,冷静高效,能够帮助用户快速的定位去到对应的页面。列表项目可以通过间距、标题等进行分组。

7. tab结构导航

这是一种扁平化的交互架构。选中的标签处于界面的 显著位置,并展现整个内容,未选中的则只显示标签, 不显示内容。这种界面结构把同一级别的功能用标签 的方式来显示,根据需求来展现相应功能,把不需要 的页面隐藏,但又保留其功能入口,既简单好用,又 节省了屏幕的使用空间。

8. 组合类结构导航

当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。组合导航上方用宫格的形式展现快捷入口,与标签导航不同的是,这些宫格入口之间不需要是平级的关系,也不必包含整个层级的内容,你可以将它理解为一种图形化的文字链。这种导航比较灵活,能适应架构的快速调整。

02 现有导航设计趋势

用户的认知是交互行为的基础,轻松获得良好的界面认知是成功完成人机对话的必要条件。

优秀的导航模式可以将界面信息简单、直接传递给用户, 尽量符合用户认知习惯,能让用户无需思考、直接快速进入操作模式,体验便捷性及舒适感,享受操作过程,当然不同的平台之间也存在着不同的导航模式。

解密APP导航设计的类型与标准

相关文章

卫衣配套的裤子叫什么牌子(卫衣搭配裤子男搭

卫衣配套的裤子叫什么牌子(卫衣搭配裤子男搭

Hi~各位美丽的菇凉们,大家好! Lily时尚笔记,每天带你遨游时尚的海洋,让你见证自己变美的历程... 这个秋季,想要穿出青春活力的feel,一件卫衣单品可是少不了,卫衣不管是单穿,还是和其他衣...

前世黑客重生后当起大学老师(前世职业黑客重生后当起大学老师)

前世黑客重生后当起大学老师(前世职业黑客重生后当起大学老师)

本文目录一览: 1、前世职业黑客重生后当起了大学老师是那部小说 2、有一本重生黑客小说,主人公重生前的黑客代号Z,重生后的名子叫做博九,请问这本小说叫什么名子? 3、找一本黑客小说 主角前身好...

世界因你不同读后感(读《世界因 你不同》有感)

世界因你不同读后感(读《世界因 你不同》有感) 如果没有电脑,我们怎样工作?如果没有网络,我们如何生活?如果没有科技,世界将会怎样?比尔•盖茨说:科技能够改变世界。其实是先有一群人先行创造发明了科技...

QQ 怎样防黑客盗号软件,成为网络黑客需要学什么用,黑客之网站渗透

危险类软件在教育,医疗等多个职业中的染毒份额都是最高的,并且往往都有感染量大的特色,首要原因是传达途径广泛,包含下载器、ghost体系站点、游戏外挂站点、流氓软件等,此外用户对这类危险软件的感知不是很...

名羊天下碳烤羊腿烧烤加盟怎么去引发顾客好感?众多优势助你成功经营

名羊天下碳烤羊腿烧烤加盟怎么去引发顾客好感?众多优势助你成功经营

烧烤,很多人认为现在天气逐渐变凉,烧烤行业也就逐渐衰落,其实一个好的烧烤品牌不管在什么时候,什么季节都是有着很好的发展前景的。正如名羊天下碳烤羊腿烧烤加盟这个品牌一样,在一年四季都是受到消费者的欢迎,...

Vulnhub靶机渗透-Raven:1

Vulnhub靶机渗透-Raven:1

  nmap -p 80,22,21,25,3389,443 192.168.8.0/24   or   netdiscover 192.168.8.0/24      来更加深入的扫描一下:   n...