几种常见移动导航模式详析.pdf

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