导航栏首页交互分类分享【PPT课件】

扁平导航 内容主导式导航 列表式导航 其他导航 交互分类 宫格式导航 标签导航 舵式导航 扁平导航 陈列式导航 旋转木马式导航 内容主导式导航 列表式 抽屉式 列表式导航 点聚式导航 瀑布式导航 其他导航 宫格式导航 特征 :登录界面中的菜单选项就是进入各个应用的起点 例子 :支付宝、爱奇艺等 优点： （ 1）清晰展现各入口。 （ 2）用户容易记住各入口的位置，方便快速查找 。 缺点： （ 1）无法在多入口间灵活跳转，不适合多任务操作。 （ 2）容易形成更深的路径。 （ 3）不能直接展现入口内容。 返回 标签导航 特征：方便用户在不同分页里频繁切换。沿袭了 以用户很容易上手。 案例：微信曾经尝试在 经过多个版本更迭，最终还是选择了标签式导航，这也是一种向大多数用户习惯妥协的结果。总体来说，只有紧跟用户的使用习惯和大众审美主流，才能推动应用产品不断更新换代，更加适合用户。 例子：微信、大众点评、 优点： （ 1）用户清楚当前所在的入口位置。 （ 2）用户在各入口间频繁跳转且不会迷失方向。 （ 3）直接展现最重要入口的内容信息 。 缺点： （ 1）会占用一定高度的显示面积。 （ 2）功能入口过多时，该模式显得笨重且不实用。 （ 3）不利于大屏幕手机进行单手切换操作。 返回 舵式导航 特征 ;舵式导航是标签卡式导航的一种变体。中间的标签作为重要且操作频繁的入口，一般都用图形或颜色凸显出来。 例子：微博、美拍等。 优点： （ 1）重要且操作频繁的入口很显眼。 （ 2）较大限度地引导用户进行操作 。 缺点： （ 1）中间按钮极其显眼，按钮周围的两个按钮单击率较低。 （ 2）对中间按钮的设计要求比较高，需要有高度的设计美感，否则显得不协调。 返回 陈列式导航 特征：陈列式导航是通过直接在界面上显示各个内容项来实现导航的，主要用于展示文章、菜谱、照片和产品等。 例子：厨房故事、 优点： （ 1）直观地展现各项内容。 （ 2）能够方便地浏览经常更新的内容 。 缺点： （ 1）不适合展现顶层入口框架。 （ 2）对界面内容要求较高，否则显得杂乱。 （ 3）设计效果较单一，容易呆板。 返回 旋转木马式导航 用途：当应用程序信息足够扁平时可以尝试轮播导航，如果应用得当，能够给人耳目一新的体验，这就是旋转木马式导航。 特点：这种导航能够较大程度保证应用页面的简洁性，得到极为流畅的用户体验和直观的流程，实现概览和细节界面的无缝过渡。页面轮盘式更换，适用于有少量页面的导航，可用来作为展示某些情况，如系列产品。 例子： 优点： （ 1）单页面内容，整体性强。 （ 2）线性的浏览方式有顺畅感和方向感 。 缺点： （ 1）不适合展示过多的页面。 （ 2）不能跳跃性地查看间隔的页面，只能按顺序查看相邻的页面。 （ 3）由于各页面结构相似，容易忽略后面的内容 。 返回 列表式 特征：列表式导航有很多种形式，包括个性化列表菜单、分组列表和增强列表等。增强列表是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的。列表菜单适合显示较长或拥有次级文字的标题。 例子：小米手环、 机系统设置。 优点： （ 1）层次展示清晰。 （ 2）可展示内容较长的标题。 （ 3）可展示标题的次级内容 。 缺点： （ 1）同级内容过多时，用户浏览容易产生疲劳感。 （ 2）排版灵活性不是很强。 （ 3）只能通过排列顺序和颜色来区分各入口的重要程度。 返回 抽屉式 特点：抽屉式导航也叫侧滑导航，抽屉式导航的核心思路是“隐藏”。 隐藏非核心的操作与功能，让用户更专注于核心的功能操作。 菜单隐藏在当前页面之后，只要单击入口就能将它拉出来，此类导航节省了页面展示空间，有利于将用户的注意力聚集在当前的页面，可以应用在不需要频繁切换内容的应用上。为了导航与界面间平滑过渡切换，此类导航需设计切换的过渡动画。 例子： 优点 ： （ 1）节省了页面展示空间。 （ 2）扩展性好，可以放置多个入口。而标签导航最多放置 5个入口。 缺点 （ 1）左上角的小按钮具有隐蔽性，若第一次打开时不进行引导，用户可能会忽略这个入口。 （ 2）对入口交互的功能可见性要求高。 返回 点聚式导航 特征：点聚式导航的交互方式以新 歌推出了全新的设计语言歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。 ）定义了这种导航交互方式。希望原生 例子： 优点 ： （ 1）流畅的动画使展示方式显得更加有趣。 （ 2）节省空间，避免了标签导航占用空间大的问题。 （ 3）具有更强的引导性，避免了抽屉导航引导性不足的问题。 缺点 （ 1）隐藏了框架中的入口内容。 （ 2）对入口交互的功能可见性要求高。 返回 瀑布式导航 特征：瀑布式导航适合在一屏中向用户展示大量的信息。