北京土人景观设计公司 古建筑改造
古建筑翻新(北京原生景观设计公司)人人都是产品经理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表现形式从结构层面了解了导航的基本类型后,我想提一下导航的外观 。这里需要知道的是,导航的出现遵循“同构而相异”的原则 。这是什么意思?
同一个结构(比如同一个数据集:商品、商品名称、商品价格)可以嵌套成不同的外观,比如卡片、列表、明细……这个要看具体的业务情况和使用场景 。
常用的导航外观基本分为以上七种外观:菜单栏、树表、顶栏、标签页、面包屑、文本链接、步骤 。
二、导航小贴士了解了导航的结构分类和使用场景,不妨给大家一些关于导航本身的小技巧,作为解决实战中一些问题的原则性参考 。
1. 导航尽量扁平、保持稳定就算要多一次点击稳定性对于B端产品非常重要!由于B端产品对用户使用和学习的成本和门槛较高,如果你频繁修改和调整其路径,用户很容易因为产品不符合操作习惯和心智模型而对产品滋生负面情绪 。对于产品本身来说,需要尽可能避免这样的伤害 。
2. 最好便于拓展从稳定性方面来说,我们需要保证导航的变化不会因为产品的变化而有很大的变化 。
推荐阅读
- 王秋雨|离婚1年,王秋雨住北京2层别墅,朱雅琼:我要找个比老王好的男人
- 北京大兴融汇小学怎么样 融汇校区
- 北京糕点牌子 北京最好吃的蛋糕
- 抖音上线反诈新品小安
- 北京王林画家简介 王林大师简介
- 2021北京积分落户多少分 北京积分落户分数
- 北京故宫资料大全 故宫100全集
- 首都时代影城今日影讯?北京首都时代影城看电影多少钱?
- 北京烧烤露营地点推荐 怀柔烧烤
- 北京哪里摘樱桃 北京樱桃采摘