北京土人景观设计公司 古建筑改造( 三 )


没关系 。今天就让我们一起来解决这个困扰我们很久的B端设计难题,结合案例从交互的角度对导航做一个立体的分析 。
如果你准备好了,请系好安全带,现在就离开 。
要探索一个概念,我们需要知道它的精确定义,然后才能开始研究 。所谓导航的精确定义可以描述为:它是对信息的分类,帮助用户找到想要的信息 , 完成预期的任务 。
如果你觉得这个定义很抽象,那么不妨从这个角度去理解 。如果说界面上的任何一个功能都能找到我们物理世界中的隐喻,那么导航就映射了我们物理世界中的路标、指南、线路图等等,因为基于它的功能,导航的功能就是告诉用户你从哪里来,你在哪里,你能去哪里 。
由此,我们对导航有了更准确的控制,所以请快速回答一个问题 。能告诉我以上六个内容哪些不是导航吗?

2
一个
好的 。如果你的答案是2和6,那么恭喜你,你对航海的理解非常棒 。2和6的名字想必大家都很熟悉:菜单 。但是不夸张的说,在日常工作中还是有大量的同学搞不清楚两者的区别,那么如何有效的区分呢?
同样,从定义开始,参考之前导航的定义,菜单是:它是一种帮助用户快速实现某种功能的动作的分类和集合 。也就是说 , 当你点击菜单中的某一栏时,会立刻产生一个特定的动作 , 而导航就是对信息的分类和收集 。
一.导航的分类那么考虑到这一点,我们可以对导航进行分类 。
说到导航的分类,大家都会脱口而出顶部导航、底部导航、左侧导航、方向舵导航、标签导航、菜单导航等一堆词汇...没错,这的确是一个分类,但只是外观维度上导航的分类 , 并不是我们今天从交互和结构层面讨论的重点 。
导航基于结构的分类呢?从科学上讲,是以下几类:
全球导航;
本地导航;
辅助导航;
嵌入式导航;
友好导航;
远程导航 。
下面我们一步步来分析这六种导航 。
1.全球导航所谓全局导航 , 是指它能够覆盖整个产品的路径,往往表现为产品的一级分类(而且大多数情况下是一级分类) 。它不一定包含全局信息,但它肯定可以让用户前往其目标的关键节点 。
2.本地导航所谓局部导航,是指在同一个框架中对该节点的父子访问,这种访问必须存在于严格的父子关系中 。
3.辅助导航所谓辅助导航 , 就是给用户提供一个全局/局部导航无法到达的相关内容的快捷方式(这个快捷方式在本产品中) 。
4.嵌入式导航所谓嵌入式导航,也叫上下文导航 , 是指嵌入在页面本身内容中的导航,通常伴随着上下文超链接、引导式搜索等 。
5.友好导航友好导航是指能为用户提供便捷的前进方式,需要时能找到入口信息,不需要时通常会隐藏起来 。
6.远程导航所谓远程导航,就是不包含在产品结构中,而是以独立的方式存在于产品中,通常表现为网站地图、索引表(地址选择、品牌选择)等 。
7.常见的用户界面导航形式从结构层面了解了导航的基本类型后,顺便提一下导航的外观 。这里就不说了 。我们需要知道的是,导航的出现和使用都遵循着“同构而相异”的原则 。这是什么意思?
相同的结构(例如 , 相同的数据集:商品、商品名称、商品价格)可以嵌套到不同的外观中 , 例如卡片、列表、细节...这个要看具体的业务情况和使用场景 。
常用的导航外观基本分为以上七种外观:菜单栏、树表、顶栏、tab、面包屑、文字链接、步骤 。
二、导航提示了解了导航的结构分类和使用场景,不妨给大家一些关于导航本身的小技巧 , 作为解决实战中一些问题的原则性参考 。
1.导航应该尽可能的平坦和稳定,即使需要多点击一次 。稳定性对于B端产品非常重要!由于B端产品对用户使用和学习的成本较高,如果你频繁修改和调整其路径,用户很容易因为产品不符合操作习惯和心智模型而滋生对产品的负面情绪 。对于产品本身来说 , 需要尽可能避免这样的伤害 。
2.最好能方便扩张 。从稳定性方面来说,我们需要保证的是导航的变化不会因为产品的变化而有大的变化 。
举一个很简单的例子,当我们产品的功能增加,尤其是二次导航的项目增加,横向布局的导航不得不改为纵向布局,这叫做因产品变化而产生的巨大变化 。所以在选择导航布局的时候,需要为以后的拓展打好基础 。

推荐阅读