导航栏交互优缺点.ppt

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