图片展示

新闻中心/NEWS/

助力企业营销获客  用效果让品牌深入人心

新闻中心

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

发表时间: 2019-07-03 17:46:58

作者: admin

浏览:

面包屑是用户寻找路径***为主要的组件,可以让用户了解到当前页面在整个网站结构所处的位置,为用户提供很多的便利。通常用户若是首页一层一层的抵达***终页面,或许对自身所处

面包屑是用户寻找路径***为主要的组件,可以让用户了解到当前页面在整个网站结构所处的位置,为用户提供很多的便利。通常用户若是首页一层一层的抵达***终页面,或许对自身所处何处还有概念,但若用户直接从外部链接或快捷入口进来,可能对当前页面层级一无所知,而此时面包屑就起到指引用户了解网站整体构架的作用,由此可见面包屑的主要性。那么,关于面包屑在设计方面有哪些需要掌握的小技巧呐?

一、控制层级

由于面包屑导航对网站优化起到非常关键的作用,所以在设计的过程中一定要谨慎对待,不只要考虑到用户体验的问题,于此同时还需要考虑到搜索引擎的抓取,尽可能的将面包屑导航控制在4个层级之内,因为过多的层级会导致网站面包屑导航拖沓且繁琐。

二、做到精细化

面包屑到导航的作用就是提示用户,既然是提示,提示信息越精细越好,如:京东的导航,用户可以非常清楚的看到网站层次页面的分类及所对应产品品牌信息,以及详细的商品中都属于哪家公司品牌,这样很容易让用户挑选,给用更多的选择权。

三、避免在移动端使用面包屑

若你觉得自己移动端页面要使用面包屑导航的话,那么也就意味着你的移动网页设计出了问题,可能是由于网站太复杂,这样也就不符合移动端的使用场景。想解决这个问题,你需要尝试简化整个体系,确保面包屑不会出现在手机上。

四、使用分割符

在面包屑中,用来分隔不同层级***常见的是大于符号(>),常见的使用方法是“父类别 > 子类别”。当然,分割符号的使用并不拘泥这一种,还有的网站会使用箭头(→)、书名号、斜杠(//)等,只不过分隔符号的使用通常取决于网站整体分隔和设计师的喜好。

五、***一览不需要链接到自身

面包屑中除了***一项,剩下的每一项都要放连接,因为放一个指向当前页的链接不仅没有任何的作用,还会让用户怀疑***一项于当前页是不是同一个页面。

六、面包屑的***项应该链接首页

面包屑导航设计有哪些技巧?
面包屑是用户寻找路径***为主要的组件,可以让用户了解到当前页面在整个网站结构所处的位置,为用户提供很多的便利。通常用户若是首页一层一层的抵达***终页面,或许对自身所处
长按图片保存/分享
0

我们已经准备好了,你呢?

我们与您携手,为您的企业保驾护航!

继续在老套路中化作尘埃

 

还是厚积薄发重新崛起

 

版权所有  天津华阳在线科技   

扫一扫免费咨询

官方咨询电话:

400-801-8862

 

Copyright @ 天津华阳在线科技有限公司  津ICP备18007053号-1

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了