我们在建设网站的时候,可以根据不同的设计感受来搭配自己网站的设计,让这个网站更受欢迎;而且在网站建设中,网页中的面包屑是帮助用户找到自己位置的UI控件。
面包屑导航是一个辅助主导航的系统,可以帮助用户定位自己当前的网站。它小巧、方便、简洁、普通。但是经常被忽略,但是面包屑导航的设计很有讲究。今天,我们来谈谈面包屑导航!
面包屑导航提供可用性
作为一个视觉向导,面包屑为用户揭示了网页的层次结构。因此,面包屑已经成为用户了解网站背景信息的重要途径,帮助他们了解以下问题的答案:
我在哪里?根据整个网站的层次结构,面包屑可以让用户知道自己在哪里。
我还能去哪里?面包屑提高了整个网站的可搜索性。面包屑的存在揭示了整个网站的结构,用户可以了解网站的其他部分是什么。
应该多浏览吗?面包屑揭示网站有更多值得探索的内容,鼓励用户多浏览。反过来,面包屑的出现降低了网站的跳出率。
减少操作次数
从可用性的角度来说,面包屑减少了用户跳转到上级页面的操作次数,从而避免了用户使用浏览器的后退按钮和翻箱倒柜导航寻找上级页面的复杂交互。
占用空间小
面包屑,一个设计元素,在页面上只占很少的空间。它基本上以带链接的文本形式存在,通常只有一行。
面包屑不会打扰用户。
这个小小的设计元素并没有占据太多的空间,但是它给用户带来的便利远远大于可能带来的问题和麻烦。
如何熟练使用面包屑导航,应避免以下问题:
1.不要用面包屑代替网页的主导航系统。
面包屑只是一个辅助导航系统。它不能取代主导航系统。请记住,这只是为了方便用户而提供的次要选项,它用于到达快速定位和链接系统的其他级别。
2.不要将当前页面链接添加到面包屑中。
面包屑的最后一级是当前页面,面包屑中不应该链接这个项目,因为它只是起到展示定位的作用,没有任何意义。
3.使用分隔符
在面包屑中,最常见的用来分隔不同等级的符号是大于号(>: ),常见的用法是& ldquo父类别>:子类别& rdquo。当然,分隔符的使用并不局限于这一个,箭头(rarr),以及书名的使用(?),有的用斜杠(//)。使用哪种分隔符通常取决于整体风格和设计师的偏好。
4.选择合适的尺寸和间距。
设计时要仔细考虑大小和间距,不同的面包屑层级之间要有足够的间距,保证用户能够识别。当然,你不希望面包屑占据页面太多的空间。如果面包屑比顶部导航大,看起来会很尴尬。
5.不要让它成为视觉焦点。
面包屑本身就是一个辅助导航。如果使用过于花哨的字体和抢眼的颜色,会让它显得过于主导和抓人眼球。不应该是用户浏览时的视觉焦点。下面的面包屑设计还不错,但是太抢眼了,甚至比顶部导航更能吸引用户的注意力。
6.不要在移动页面上使用面包屑。
如果你觉得你的移动页面要用面包屑,说明你的移动深圳网页设计有问题:可能是网站太复杂,结果不符合移动使用场景。为了解决问题,你要尽量简化整个系统,确保手机上不出现面包屑。
面包屑让用户更容易浏览整个网站,回到上级页面,找到相关产品,对整个网站结构有意义。它的功能并不复杂,主要作用是增加可用性,不要把面包屑复杂化。
这是一些使用面包屑时的小技巧和简单操作,可以帮助我们创建一个完美的网站。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/87859.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除