产品经理应该如何设计面包屑原理

不论是手机还是 PC端，面包屑都是用来寻找路径的重要组件，可以让用户了解当前页面在整个网站结构的所处位置。它能在对界面设计产生极少影响的前提下，为用户提供很多便利。今天，AAA教育的小编来告诉大家一下，应该如何设计面包屑原理。

如果一个用户从首页一层一层抵达最终页面，也许 TA 对自己身处何处还算有概念。但是如果用户从外部链接或者快捷入口进来，可能对当前的页面层级一无所知，此时面包屑就能引导他们快速了解网站架构。一个底层页面所展示出来的信息也许是非常精准片面的，而面包屑则能展示更大门类的信息，从而将用户引向上层页面。下文会按照 PC端到手机端的顺序，介绍十一条面包屑的设计指南。

PC端

1. 不要用面包屑代替导航页签

网站导航和面包屑也许看起来有些相似，但是功能与使用场景完全不同，不应该以简化页面为目的只保留其中一个。

2. 面包屑应该用来展示系统层级，而不是历史记录

如果用户是从首页层层深入，系统层级与历史记录是没有区别的，但是如果用户从外部链接进入，这两个差别就大了。为了给用户提供真正有用的信息，面包屑展示的不应该是历史记录，而应该是系统层级。

3. 如果网站有两个父层级（如两个同级首页），应该只展示一个

有的网站可能有两个平级的首页，这种情况下一定要选择其中一个作为面包屑的第一项，同时列出两个是不可取的。

4. 当前页一定是面包屑的最后一项

不要觉得在面包屑上再写一遍当前页的标题就重复了信息，面包屑的最后一项如果不是当前页，是会让用户产生困惑的。

5. 面包屑中最后一项（当前页）不需要链接到自身

面包屑的每一项都要放链接的，除了最后一项，因为放一个指向当前页的链接不但没有必要，还会让用户怀疑最后一项到底和当前页是不是同一页。

6. 面包屑的层级应该是网站的页面层级，而不是分类层级，也不应该包括无内容的导航页

逻辑上的父级（如商品上级分类），除非有真实的页面存在，否则不需要放在面包屑里。此外，诸如网站地图一类可有可无的层级，也最好不要加到面包屑里。

7. 如果网站层级不多或没有分支，就不需要面包屑了

如果面包屑只有两级，或者根本没有分支，那么它存在的必要性就很小了。再考虑到网站简洁美观性，这时还不如不要面包屑。

8. 面包屑的第一项应该链接首页

面包屑的第一项如果不是首页，用户可能会有疑问这个面包屑不可信或者该网站根本没有首页。

手机端

1. 不要把面包屑分行

就算面包屑有点长，分行也绝对不是一个好的主意。

2. 不要用太小的文字

缩小文字也许能够展示更长的信息，但是用户如果点击不到或者看不清，面包屑存在的意义就没有了。

3. 可以考虑只保留上一级面包屑

考虑到手机用户的使用习惯和使用需求，可以不用把面包屑完整列出。

总结

面包屑是用户寻找相关内容的辅助工具，对于从外部链接进入的场景十分有用。确保面包屑里每一项都可以点击，并且可以查看同一层级的其它内容。在手机端，面包屑可能难以展示完全，可以根据用户使用方式缩短其长度。

产品经理应该如何设计面包屑原理相关推荐

互联网产品经理和原型设计
一个合格的互联网产品经理在向技术部提交产品策划方案时,除了详尽的需求说明外,还必须提供清晰易懂的产品原型设计(Prototype Design)方案,优秀的原型设计不仅方便在前期进行研讨,也可以更好的 ...
B端产品经理-官网设计总结
官网,代表着一个企业的门户形象,或者称之为企业的另一张名片,记载企业的概况和发展历程.好的官网,能够充分展现其内涵,给人以美的感受:而糟糕的官网,不仅不能有效表达企业的愿景,更有可能将合作和发展机会拒 ...
产品经理 - 原型图设计软件
原型图设计软件哪个好用?6款好用软件推荐! - 知乎原型图都可以用什么软件做?11款好用软件分享! 案例: 内含按钮切换页面, 母版的作用, 状态等几大功能墨刀帮助中心 - 墨刀使用技巧及常见问 ...
产品功能树图_数据产品经理之图表设计
本文介绍了数据产品经理需要懂的常用图表设计,并针对19种图表的定义.适用场景.优缺点,进行了分析说明. 概述数据产品经理在日常产品设计时经常需要设计一些图表来对数据进行更好的展现,也能方便用户更好的 ...
什么是用户感？看看这4个产品经理的感性设计
产品经理该理性还是感性?一场奇葩说辩论可能都没有答案. 但不管这个问题的答案如何,实际情况是我们越来越理性了.产生这种情况的原因不是我们的性格变化,而是工作方式的日趋成熟. 现在的产品经理是数字时代的 ...
如何用产品经理的思维设计移动报表
之前研究过数据图表的最佳表达方式.随着手机端应用层出不穷,数据图表也不断沿用到手机端:健康.天气.股市.商务.办公.相比web端展示数据的空间优势,App端要兼顾手持设备的便捷,要考虑移动端屏幕的大小 ...
产品经理必须要了解的经济学原理--“口红效应”
故宫,是一个神奇的地方,里面不光有着众多的历史渊源,最近也向文创产品跨界,推出了自己的众多产品,从原来的星空纸扇,到原创的各种香水,最近又开始向彩妆界进军了--千呼万唤始出来的"故宫口红&q ...
产品经理——关于版式设计！！
版式设计 (由于图片上传较为麻烦,大家可根据版式设计的基本类型名称可到百度搜索到图片) 版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段.表面上看,它是一种关于编排的学问:实际上,它不仅是一 ...
产品经理及网页设计视频教程合集
7 个项目实战掌握 Photoshop 网页设计项目课程介绍:https://www.aihorizon.cn/109 百度网盘地址:https://pan.baidu.com/s/1AEx5nh0 ...

产品经理应该如何设计面包屑原理

产品经理应该如何设计面包屑原理相关推荐

最新文章

热门文章