第07章 几种常见移动导航模式详析.pdfVIP

几种常见移动导航模式详析 虽说一款应用的生死不是由导航决定 ，但毋庸置 ，导航模式的选择在产品用户体验上占有 很大的比重。就导航本身来说 ，没有优劣之分 ，端看你的应用适合哪种。下面是我罗列的一 些常见的移动导航模式 ，接下来会对其一一举例说明 （注 ：重要模式会重点分析 ，其余简略 ，篇幅略长 ，不喜可跳过 ） 标签式 标签式导航是ios平台上公认的最经典的导航模式 ，看市场上几乎有80%的应用都在使用就能知道。 标签式导航关注的是平行空间的展示 ，它的优点是适用于多个内容体系 ，且重要程度相似 （平级 关系 ），能频繁在不同页面间切换 ，切换成本底 ，只需一次点击 ；缺点是占用一定高度空间 ，且标 签数量有限 ，最多5个标签。 下图中图1-淘宝 ，是标签式导航的标准使用形式 ，每个标签作为一个导航分类放在标签栏中 （注意 都是名词 ）。图2和图3可以算是标准形式的变形 （还有其他变形形式 ，后面再讲 ），虽然也是有5 个标签 ，但处于中间位置的标签不是作为导航使用 ，而是一个行为召唤按钮。行为召唤按钮主要强 调某项重要功能的快捷使用 ，该功能需要是应用最核心且最常用的功能 ，优先级很高。比如图2 的inst agram,它的目标是以一种快速、美妙和有趣的方式将你随时抓拍下的图片分享出来 ，它关注 的是能随时随地抓拍。因此 ，作为行为召唤按钮的“拍照”放在标签栏上就很有必要。 但是 ，有些应用对于行为召唤按钮的放置并不合理。如下图的图3-简书 ，虽然文章的撰写是简书的 核心功能 ，将其作为标签栏中的一个按钮 ，即能在视觉上凸现出来 ，又能减少操作负荷 ，似乎很棒 。但却忽略了一个重要的问题 ，从使用环境来说 ，文章或者文档的撰写是需要在安静且能集中注意 力的环境下 ，但移动app天然具有干扰多且注意力不集中的问题。而且在手机上输入上百字也是一 件痛苦的事。对于这款产品的手机用户来说 ，可能用户对内容的消费比对执行动作更重要。 另外 ，还有一种常见的标签式导航的变种 ，即传统的标签式+点聚式。这里先专门讲一下点聚式 ，最 为我们所熟知的点聚式就是曾经经典的pat h结构 ，即抽屉导航+点聚式 ，如下图所示—改版前图示 ，它的目的是将用户最频繁使用的多个核心功能点汇聚在主界面中显示 ，方便用户随时呼出使用。 只是 ，如今单独使用点聚式的应用越来越少 ，就连pat h也对这种传统的点聚式进行了调整 ，变成了 依附于标签的点聚式结构 ，如下图中的pat h改版后。还有下图中的样式1和样式2 ，也是这种形式的 不同展现。他们的共同点是 ，使用同一个导航入口 ，进行多个同级功能的不同操作 ，大部分都是2-5 个不同的操作选项 ，当然也会有更多 ，比如下图中的新浪微博 ，点击“加号”入口 ，出现了更多的功能 选项,且这些功能的优先级相若。 其实 ，在A ndro id 5.0中 ，这种点聚式更常用的表现形式是悬浮响应按钮 ，它代表的是这个app中最 主要的操作。只是就目前来讲使用场景有限 ，实际应用并不理想。 抽屉式 抽屉式导航的目的是带给用户更为沉浸的体验。它的特点是 ，“阅读”为王 ，点击切换少 ，专注于主体 信息本身。从表现形态来看 ，抽屉导航很符合产品的二八法则 ，即产品中只有20%的功能常用 ，所 以要突显 ，剩下的80%不常用 ，因此隐藏。它不像标签导航一样强调平级关系的切换 ，而是突出重 要且核心的功能。抽屉导航的另一些优点是 ，侧边导航收纳的导航标签可以是5个以上 ，节省屏幕 空间。缺点是无法快速完成导航切换 ，操作成本高。 关于抽屉导航 ，在A ndro id和ios平台的使用也有区别。抽屉导航在A ndro id平台上比ios更常使用。 由于在ios上 ，抽屉导航没有专门的设计规范 ，所以使用上较为随意 ，表现形式也不受拘泥。 如果以抽屉导航和主页在空间位置为评判依据 ，其在风格上主要有3种表现 ： 第一种是浮层 ，即导航抽屉处于主页上层 ，通过滑动或点击的手势打开抽屉 ，抽屉部分遮挡或覆盖 原来页面的内容 ，如下图中图4 ，这种风格多数会在A ndro id上出现。 第二种是叠加式 ，即导航抽屉位于主页的底部 ，打开抽屉 ，原来的主页会向屏幕右侧滑动 ，显出主 页下方的导航抽屉 ，如下图中图5 ，这种风格在ios上很普遍。第三种是嵌入层 ，即导航抽屉和主页 处于同一层 ，通过轻滑、平移或点击打开抽屉 ，把原先的页面内容部分推出屏幕外 ，如下图中图6 （ 注意导航和主页衔接处无阴影 ）。 而第三种风格经常会有如下图图7的变形 ，就是说在打开侧边抽屉的时候 ，嵌