App导航设计模式

作者: Smallwolf_JS | 来源:发表于2016-02-12 11:06 被阅读112次
1.抽屉式导航

抽屉式导航就是当前比较流行的导航样式,是应用选择比较多的一种导航方式,这种导航的核心思想就是隐藏,将最主要的信息显示在界面上,而对非核心的信息隐藏,抽屉式导航内可以是二级列表导航如:人人网,也可以是一些重要信息展示。
这种导航方式的有点是:导航的条目不手数量限制,而且可以根据选项的重要信息等级选择提供入口,或者将内容展示,操作灵活性比较大。缺点是:对于那些需要经常在不同导航间切换或者核心功能有一堆入口的App不适应。同样应该注意的是,使用抽屉式导航时应该与用户密切相关的操作放在首页。

2.桌面式导航

桌面式导航是将App的各项功能的操作入口以卡片的形式放置在桌面上,用户可根据需要进入每个功能的子系统。这种导航方式,使桌面的每一个功能入口都是平等的,没有重要与不重要之分。这种导航方式可以根据用户需求个性化设置,用户可以自己添加到选项入口。

3.列表式导航

列表式导航与桌面式导航类似,每个列表项代表相应的功能的子系统,这种导航方式适用于类别、方式、类目比较多的情况,适合整理分类,但是要注意使用这种导航方式避免层级过深,尽量不要超过3层,否则用户很容易迷失在信息当中。

4.Tab 导航

这种导航方式是目前应用最广泛的一种导航方式,这种方式的最大优点就是能及时在不同选项之间进行切换,用户能清晰地知道目前的所在位置,缺点是选项数量有限,页面展示位3~5个,有更多的选项操作时可以将最后一项设置为“更多”,将一些次要功能放置在“更多”里。并且这种显示方式会占用屏幕的一行的空间。

5.图库式导航

图库式导航应用于页面内容为分组式浏览,主要应用在有一组内容相关、有相同的标签子项目的App,如pulse、优酷等。这种导航的优点就是能看到导航下的推荐子项目,没必要时不时切换页面。
当然这些导航方式不是孤立的,对于内容比较复杂的App会常常混合其中几种导航方式,至于App应该采用那种导航架构,首先应该根据App的特性选择适合哪几种导航模式,然后再根据各个导航的优缺点确定适合的导航方式。

欢迎关注我的微博博客

相关文章

  • 移动应用设计细节分析——导航

    移动设计模式整理分析——导航篇 产品导航设计优缺点分析 8种移动APP导航设计模式大对比 1.扁平式导航 1.1 ...

  • APP导航设计

    良好的APP导航设计模式决策对整个app的核心体验起到关键作用。几种常见的移动APP导航设计模式对比图。 ☆ AP...

  • APP导航设计模式

    导航主要分为两大类,横向和纵向。横向的导航有:标签导航、舵式导航、tab导航、轮播导航;纵向的导航有:宫格导航、下...

  • App导航设计模式

    1.抽屉式导航 抽屉式导航就是当前比较流行的导航样式,是应用选择比较多的一种导航方式,这种导航的核心思想就是隐藏,...

  • APP导航设计模式

    下图是八种导航设计模式对比图: 一、列表式导航 列表式导航是最常见的主导航形式之一,是APP设计中不可少的一个导航...

  • 让APP中内容呈现更友好易用的5种常见导航设计模式

    今天的文章会着重介绍移动端APP导航的设计模式。无论你所设计的APP是什么样的类型,或多或少都绕不开导航设计。作为...

  • 移动应用UI设计模式图示

    移动应用UI设计模式: 1.导航设计模式:主要导航和次要导航模式。 1)主菜单导航模式: 跳板式 Springbo...

  • APP设计模式之——导航设计

    该篇文章首发自我的知乎专栏:cheka的产品笔记 想查看更多产品干货,欢迎关注我的知乎:cheka hou ---...

  • APP导航设计常见模式

    当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我...

  • 移动应用UI设计模式

    本书主要介绍以下设计模式: 导航模式:了解主导航和次级导航的设计模式 表单模式:改掉行业内表单设计的不良习惯 表格...

网友评论

    本文标题:App导航设计模式

    本文链接:https://www.haomeiwen.com/subject/pgjukttx.html