导航有哪些设计方法,不同的导航对应什么样的产品应用场景?
发布网友
发布时间：2022-04-26 14:07
共1个回答
热心网友
时间：2022-06-28 21:40
一、标签式导航
即tab式导航，是移动应用中最普遍、最常用的导航模式，适合在相关的几类信息中间频繁的调转。这类信息优先级较高、用户使用频繁，彼此之间相互独立，通过标签式导航的引导，用户可以迅速的实现页面之间的切换且不会迷失方向，简单而高效。细分为：底部tab式导航、顶部tab式导航、底部tab的扩展导航三种。
以下情况可以选择顶部tab式导航：某项功能必须固定在底部，其他tab只能固定在顶部，但为了方便操作，顶部tab导航最好支持手势操作，即滑动即可切换，如新闻，小说等。
实际上，底部Tab模式导航在iOS和Android上一直是最安全的一种导航模式，它不怎么出彩，但是绝对不会犯错。在大屏幕时代，底部Tab模式的导航更能适应，也更好设计。
底部tab式导航的扩展形式适用于：入口分类数目不多，可以控制在5个以内，且用户需要在入口间频繁切换来执行多个任务，需要注意：结构太过复杂而且不稳定的应用不适合标签式导航。
二、抽屉式导航
抽屉式导航将部分信息内容进行隐藏，突出了应用的核心功能。抽屉栏式导航有两大缺陷：
1、在大屏幕手机上，单手持握时处于操作盲区，难以点击。
2、抽屉式导航可能会降低你产品一半的用户参与度
适用对象：应用主要功能和内容都在一个页面里面。一些用户设置等低频操作内容需要显示在其他页面里。
为了让主页面看上去干净美观，可以把这些辅助功能放在抽屉栏里。如果你的应用有不同的视图，且他们是平级的，需要用户同等地对待，抽屉栏将会浪费掉大多数的用户对于侧边栏中入口的潜在参与度和交互程度。在大屏时代使用抽屉栏，手势操作显得尤为重要，从屏幕边缘唤出抽屉栏是个不错的选择。需要注意的是：需要用户有一定参与的信息层级，最好不好放置在抽屉栏。
三、列表式导航
列表式导航就是最必不可少的一种信息承载模式，这种导航结构简单清晰、易于理解、冷静高效，能够帮助用户快速定位到对应内容。在APP中的应用也分为两种：
1、作为主导航使用
2、作为辅助导航来展示二级甚至更深层级的内容
列表式导航大多作为辅助导航来展示二级甚至更深层次的内容，若要作为主导航，必须满足层级浅且内容平级的条件。需要注意的是：列表式导航的数量保持在一屏以内，超过一屏最好再分一级，将最终要的内容归纳在前4个列表更容易被人们记住，要注意为列表内容分类。
四、平铺式导航
当信息足够扁平，可以尝试平铺式导航。这种导航方式很容易带来高大上的视觉体验，最大程度的保证了页面的简洁性和内容的完整性，且一般都会结合滑动切换的手势，操作起来也非常方便。
平铺式导航比较适用于足够扁平化的内容和随意浏览的阅读模式，需要注意的是：无法跳转至费相邻页面，如果入口间需要反复跳转，则不适合这种模式。
五、宫格式导航
每一个APP都是一个宫格，这些宫格聚集在中心页面，用户只能在中心页面进入其中一个宫格，如果想要进入另一个宫格，必须要先回到中心页面，再进入另一个宫格。每个宫格相互独立，它们的信息间也没有任何交集，无法跳转互通。因为这种特质，宫格式导航被广泛应用于各平台系统的中心页面。
宫格式导航适合入口相互独立互斥，且不需要交叉使用的信息归类。一旦入口需要有所交集，必然导致更多的操作负累，这个时候只能根据产品特性做出权衡，如果不适合，建议果断拒绝这种方式。
六、悬浮式导航
悬浮式导航，是将导航页面分层，无论你到达APP的哪个页面，悬浮icon永远悬浮在上面，你依靠悬浮层随时可以去想要去的地方，同时，为了让悬浮icon不遮挡某个页面的操作，通常悬浮的icon都可以在屏幕边缘自由移动。
悬浮式icon是一个非常便捷的操作入口，也适应大屏幕时代。但需要注意的是：悬浮式icon会遮挡某些页面的操作，在设计的时候应该考虑进去。
七、其他新式导航
导航其实只有6种，但不能被现有的导航模式所束缚，未来会有新的导航模式，新的操作手势…，设计的心应该是自由的，若你羽翼未丰，就在规则的天空中飞行，可能不会出彩，但不至于犯错；若你已成雄鹰，便可自由飞翔，突破规则，甚至建立自己的规则。
总结一下：
标签式导航：最常用、最不易出错，请第一时间考虑它。
抽屉式导航：如果你的信息层级繁多，可以考虑将辅助类内容放在抽屉中。
列表式导航：作为辅助导航来展示二级甚至更深层级的内容，每个APP必不可少，但请注意数量与分类。
平铺式导航：如果你的内容是随意浏览，无需来回跳转的，可以考虑它。
宫格式导航：不建议在APP中作为主导航使用，如果非使用不可，请增加跳转的关联性。
悬浮式导航：更适应大屏的导航模式，不妨试一试，但注意不要让它遮挡住某些页面的操作。
最后，根据产品层级的深度和广度，选择适合的导航模式，是产品设计中的关键一环。
