移动UI控件-导航-9.3ppt
- 1. (本页无文本内容)
- 2. 导航的作用有哪些？1. 结构化产品内容和功能导航系统相当于APP的骨架，支撑着内容和功能组成的血肉，导航系统起着组织内容和功能的作用，让它们按照产品的信息架构图进行连接，展现在用户面前，导航将零散的内容和功能组织成了一个完整的有结构的系统。3. 扁平化用户任务路径可以很好的扁平化信息层级，同时提供了进入不同信息分类或入口。用户可以迅速实现不同模块之间的切换且不会迷失方向。2. 突出核心功能导航起到了突出核心功能，适度隐藏次要功能的作用。核心功能对目标用户来说是最重要的。
- 3. 导航的分类1. 底部标签式导航定义： 用于一级目录的导航，位于页面底部，能告诉用户当前位置及用户切换统一层级之间的不同模块，一般最多不超过五个标签。 特点： 标签导航是目前最常见的导航形式，可以让流量更大化，分化流量，使得各个模块都有机会获取流量提高页面流量的转化。 将常用的导航放在底部，无论用户单手还是双手操作都能轻松点击，从而实现各功能模块之间的跳转。 标签式导航有底部导航和顶部导航两种，底部导航用于全局导航，顶部导航用于二级导航。
- 4. 导航的分类1. 底部标签式导航交互特性： 底部 tab 导航，一般用于组织起应用的最顶层内容，其中每个 tab 承载了应用的一个维度的功能。 有以下三点需要注意： 当二级页经常有操作栏时，不建议保留底部导航栏。 希望用户更沉浸，则底部导航栏只在一级页出现；希望用户更随意切换，则在二级页也保留。 可以使用肩标来提示信息数量。
- 5. 导航的分类2. 舵式导航底部标签式导航的变种。为了突出中间的功能，将中间标签图标设计的比较突出，鼓励用户多使用该功能。 除去两侧4个标签之外，其他重要的标签都隐藏在舵式导航中，或者将那些重要性高、使用相当频繁的功能入口放在里面。 但是，舵式导航本身是存在设计矛盾的。在舵式导航中位置的应该是重要性和使用频率高的功能，既然它如此重要，为什么要隐藏在舵式导航中？这些功能放在二级界面中相当于被埋起来了，会增加用户的记忆负担和操作负荷。
- 6. 导航的分类2. 舵式导航
- 7. 导航的分类3. 分段控制式导航定义: 通常用于展示同一模块下不同类别的信息或者筛选不用模块的信息。 特点: 一般为二级导航。 优点: 可以很好地扁平化信息层级，同时提供了进入不容信息分类或模态的入口。用户可以迅速实现同一模块下不同类别信息之间的切换并且不会迷失方向。 缺点: 分段控制式导航位于顶部，切换起来不方便，虽然有左右滑动手势，但是占据空间，导致屏幕可展现区域变少。
- 8. 导航的分类4. 列表式导航定义: 通常针对具体某个模块内容的信息进行分类，以列表的形式去呈现。 特点: 将具体的某个模块的结构以列表的形式进行分类展现，结构清晰，便于用户理解。 多用于辅助主导航来展现信息甚至更多层次的内容。 适用于大量的信息分类展现，空间利用效率高，可以展示大量的条目。
- 9. 导航的分类5. 下拉菜单式导航定义: 通常用于筛选同一模块下的不同类别的信息，或者是快速启动某些常用的功能模块。 特点: 为了能让更多用户在有限的屏幕空间上做更多的动作，减少干扰用户查看信息。 能将同一模块的信息做个分类，让用户更清晰地了解这个模块都为我们提供哪些信息或分类。 这种导航形式一般不会用于全局导航，多用于浏览类的APP的二级导航。
- 10. 导航的分类5. 抽屉式导航定义： 通常针对产品偏沉浸式阅读的情况下，其他模块切换频率低，可采用此导航形式。 特点： 把除了核心功能以外的低频操作都放到一个抽屉里，使得用户获得沉浸式的体验。 优点： 用户可以将注意力放在首页，减少其他类型的导航带来分散用户注意力的情况，给用户更沉浸式的操作感和阅读感。最大限度的利用屏幕空间。 缺点: 浪费流量，其他模块的流量会被遏制。不利于整个产品的页面流量最大化。
- 11. 宫格式导航导航的分类6. 宫格式导航定义: 每个入口往往是比较独立的信息内容，用户进入一个入口后，只处理与此入口相关的内容，如果要跳转至其他入口，必须要先回到入口总界面。 特点: 信息的呈现内容比较少，但是多个项目选取的效率比较高。
- 12. 宫格式导航导航的分类6. 宫格式导航优点: 宫格式结构可以作为信息或平台的入口，为产品或项目信息提供聚合的载体。 它适合承载订阅类产品或众多属性差异非常明显的分类信息。 它可以划分多个内容、多个模式，由不同团队独立开发每个模块再聚合。 在具有较强的延展性，可以无限扩展内容。 缺点: 用户选择压力大。用户无法第一时间看到信息，由于宫格式结构是信息或平台的入口，所以具体的信息往往隐藏在下一级界面。
- 13. 宫格式导航导航的分类7. 卡片式导航定义: 一种更加可视化的导航，它能根据页面内容的变化及时更新图片，适合以图片为主的内容，像新闻、美食、旅行、视频图片等经常使用，常作为二级导航。 特点: 宫格式导航的一种延展形式。每个条目可以呈现更多的信息。 优点: 对运营量的要求比较低，而且单个条目的转发率会相应的提高。 缺点: 当运营量较大的时候，这种结构会降低用户寻找信息的效率。
- 14. 导航系统： 底部标签式导航 分段控制式导航 列表式导航 下拉菜单式导航 抽屉式导航 宫格式导航 卡片式导航
该用户的其他文档
相关PPT