江苏龙网

  1. 主页 > 生活百科 > >

查看地图导航 分类信息导航

分类信息导航(查看地图导航)人人都是产品经理2021-05-24 16:16:20
编辑导语:导航设计与产品的信息架构有关 。一个合理有效的B端导航设计有助于引导用户 ， 帮助用户快速便捷地获取信息 。在本文中 ， 作者从产品设计交互的角度详细介绍了B端导航设计 。让我们看一看 。
你好 ， 正在B端打拼的朋友们 ， 你们是不是经常因为面对各种形式的导航而无从下手 ， 还是因为看过很多案例而对导航设计的要领和精髓毫无概念？
没关系 。今天我们就来解决这个困扰我们很久的B端设计难题 ， 结合案例从交互的角度对导航做一个立体的分析 。
如果你准备好了 ， 请系好安全带 ， 现在开始 。
探索一个概念 ， 需要知道它的精确定义 ， 才能开始研究 。导航的精确定义可以描述为:它是一种信息分类 ， 帮助用户找到想要的信息 ， 完成预期的任务 。
如果你觉得这个定义很抽象 ， 那么不妨从这个角度去理解 。如果界面上的任何功能都可以找到我们物理世界中的隐喻 ， 那么导航就会绘制路标、指南、路线图等 。在我们的物理世界里 ， 因为基于它的功能 ， 导航的功能就是告诉用户你从哪里来 ， 你在哪里 ， 你能去哪里 。
所以我们对导航的控制更加精准 ， 所以请大家快速回答我一个问题 。你能告诉我以上六个不是导航的内容吗？
三
2
一个
好公布答案 。如果你的答案是2和6 ， 恭喜你 。你对航海的理解非常好 。2和6的名字大家都很熟悉 ， 就是menu 。但是不夸张的说 ， 日常工作中还是有很多同学不知道两者的区别 ， 那么如何有效区分呢？
同样 ， 从定义开始 ， 参考上一节导航的定义 ， 菜单是:它是一种帮助用户快速实现某种功能的动作的分类和集合 。也就是说 ， 当你点击菜单的某一栏时 ， 你会立刻产生一个特定的动作 ， 而导航就是信息的分类和收集 。
一、导航的分类考虑到这一点 ， 我们可以对导航进行分类 。
一提到导航的分类 ， 你就会脱口而出一堆词比如:顶部导航、底部导航、左侧导航、方向舵导航、tab导航、菜单导航...没错 ， 这的确是一个分类 ， 但只是外观维度上导航的分类 ， 并不是我们今天从交互和结构层面讨论的重点 。
【查看地图导航 分类信息导航】基于结构的导航分类怎么样？更科学地说 ， 是以下几类:
全球导航；
本地导航；
辅助导航；
嵌入式导航；
友好导航；
远程导航 。
下面我们一步步来分析这六种导航 。
1. 全局导航所谓全局导航 ， 就是能够覆盖整个产品的路径 ， 这往往表现为产品的一级分类(而且大多数情况下是一级分类) 。不一定包含全局信息 ， 但肯定能让用户去到目标的关键节点 。
2. 局部导航所谓局部导航 ， 是指在同一个框架中对该节点的上下级访问 ， 这种访问必须存在于严格的父子关系中 。
3. 辅助导航所谓辅助导航 ， 就是给用户提供一个全局/局部导航无法到达的相关内容的快捷方式(这个快捷方式在本产品中) 。
4. 内嵌导航所谓嵌入式导航 ， 也叫上下文导航 ， 是指嵌入在页面本身内容中的导航 ， 通常带有上下文超链接、引导式搜索等 。
5. 友好导航所谓友好导航 ， 就是能够为用户提供一种便捷的前进方式 ， 需要的时候找到入口信息 ， 不需要的时候通常会隐藏起来 。
6. 远程导航所谓远程导航 ， 就是不包含在产品结构中 ， 而是以独立的方式存在于产品中 ， 通常以网站地图、索引表(地址选择、品牌选择)等形式存在 。
7. 导航的常用UI表现形式从结构层面了解了导航的基本类型后 ， 我想提一下导航的外观 。这里需要知道的是 ， 导航的出现遵循“同构而相异”的原则 。这是什么意思？
同一个结构(比如同一个数据集:商品、商品名称、商品价格)可以嵌套成不同的外观 ， 比如卡片、列表、明细……这个要看具体的业务情况和使用场景 。
常用的导航外观基本分为以上七种外观:菜单栏、树表、顶栏、标签页、面包屑、文本链接、步骤 。


推荐阅读


上一篇：北京土人景观设计公司 古建筑改造

下一篇：投资100每天收益3.24元 余额宝不安全