网页设计中,面包屑导航设计有哪些技巧

Post 20 of 869

导航在网页设计中有着举足轻重的地位,在众多导航设计当中,面包屑导航是最常用的一种。无论是手机还是PC端,面包屑导航的作用是方便用户寻找路径,让用户了解当前页面在整个网站结构的所处位置。

那么,网页设计中,面包屑导航设计有哪些技巧呢?

PC端的面包屑导航设计技巧有哪些?

网页设计中,面包屑导航设计有哪些技巧

1. 不要用面包屑代替网站导航

当网站的子页面分类较多时,通常都会选择面包屑导航作为页面的辅助和补充。但并不是所有页面都适合使用,尤其是不能代替网站导航,否则会造成对用户的误导。

2. 面包屑不能作为历史记录

如果用户从首页层层进入页面,面包屑导航的设计与历史记录没有区别,但如果用户从外部链接进入,显然面包屑就不能成为历史记录,这无论从优化上和设计上都是不合理的。为了给用户提供真正有用的信息,面包屑应该用来展示系统层级,而不是历史记录。

3. 网站有两个父层级,面包屑应展示一个

有的网站可能会有两个统计首页,这种情况只能选择其中一个作为面包屑的首项,同时列出容易给用户造成混淆。

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

不要觉得在面包屑上再写一篇当前页标题,就是重复了信息。面包屑最后一项如果不是当前页,会让用户产生困惑;相反,再写一篇当前页标题,对页面的SEO优化效果有好处。

5. 面包屑最后一项不需要链接

面包屑每一项都需要放链接,方便用户找回之前的路径,但除了最后一项。如果最后一项指向当前页的链接不但没有必要,还会让用户怀疑到底最后一项是不是当前页。

6. 面包屑层级应该是网站的页面层级

面包屑的层级应该是网站的页面层级,而不是分类层级,也不应该包括无内容的导航页。逻辑上的父级,除非有真实的页面存在,否则最好不要放在面包屑里,像网站地图这种可有可无的层级就不要加了。

7. 面包屑导航适合层级较多的网站

如果网站层级不多或没有分支,面包屑导航的作用其实并不大,相反还会影响网站简洁美观性。

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

面包屑的首项不是链接首页,可能会让用户产生疑问,这个面包屑导航是不可信,还是这个网站没有首页。

手机端的面包屑导航设计技巧有哪些?

网页设计中,面包屑导航设计有哪些技巧

1. 不要把面包屑分行

即使面包屑有点长,分行也绝对不是个好主意,还不如想办法缩短一点,把没有层级删除。

2. 面包屑不要用太小的文字

缩小文字的确能让面包屑展示更长的信息,但如果用户点击不到或者看不清,面包屑的意义就不存在了。或许有人会说,放大页面就可以方便点击,但这体验对用户来说并不是很好,甚至有点糟糕。

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

考虑到手机用户的使用习惯和使用需求,其实面包屑导航也不一定要将所有路径全部展示,只保留上级面包屑,其实也是不错的用户体验。

总体来说,面包屑的作用就是帮助用户在网站中快速找到想到达的路径,因此在PC端中要确保面包屑的每一项都能点击,并查看同层级的其他内容,这样即使用户从外部链接进入场景,也可以轻易找到想要的内容。在手机端中,面包屑未必能完全展示,这就可以根据用户使用方式缩短其长度。

This article was written by admin

MENU
網頁設計公司