三度网教程:是一个免费提供流行视频软件教程、在线学习分享的学习平台!

电商网站怎样建之面包屑导航篇

时间:2018-08-20作者:未知 来源:三度网教程人气:59

        面包屑导航(Breadcrumb Navigation)是一种作为辅助和补充的导航方式,它的作用是让用户既能看清自己在网站中所处的位置,也能快速的找到其他同类型产品,以及快捷返回之前的路径。因此面包屑导航也是最能体现网站用户体验的部分之一。

 

        电商网站的子页面数不胜数,如何利用小小的面包屑导航为用户在线选购商品提供便利?润商总结出以下几个要点:

 

        小而精,用词准确

 

        面包屑导航的设计始终遵循这样一个经验法则:它不应该抓住用户的注意力。一个称职的面包屑一定不能起到主宰页面的作用,低调的扮演着协助主导航的角色,让用户在购物时完全不受到它的干扰。

 

        另外,面包屑导航存在的意义就是让每一个产品页面都有属于它的唯一导航,因此,用词精简直接并且唯一,这样能减少用户在购物时产生的疑问。同时,在用词方面也要尽量避免有歧义的用词,比如“家用电器”“生活电器”这两个词汇包含了相同的含义,就增加了用户的思考时间,应该尽量避免。

 

1.jpg

 

        淘宝网中的面包屑就相对直观。从“所有分类”到“女装”再到“羽绒服”,每一个大分类都没有重复性,让用户能在第一时间做出反应。

 

        同时,面包屑对于网站的SEO有着很大的影响作用,因此把握关键字的设置也许能为网站带来更多的流量。

 

        显示层级页面的产品数量

 

        用户使用面包屑的目的主要有两种,一种是想要返回上级,第二种就是查看页面中展示产品的类型。在用户的实际操作中,这两种需求的重要程度不分上下,但是大多数电商网站都忽略了后者。其实,这方面的改善并不困难,只要在层级页面的分类中展现出商品的数量,用户就能很清晰的看到所需商品的种类数量,便于用户挑选。

 

972981b871158a7bd29eed7a114e09a9.jpg

 

        上面这个商城的面包屑导航就注意到了这方面的小细节。系统会根据用户对条件的筛选自动抓取商品种类的数量,让用户根据商品的实际情况进行选择。

 

        巧用符号

 

        面包屑的从用户体验上来说是一个“重要的小角色”,既要让用户看得清楚,又不能太醒目,因此,在色彩上主要以黑、灰为主,形状上可以采用单独连接符号,多考虑关键字之间的包含关系,并且具有指示性。

 

1.jpg

 

        亚马逊网站的面包屑在符号上用户体验很不令人满意,“:”既不能明确的显示出字词之间的概括性,指示性也远不如箭头那么直接。

 

1.jpg

 

        上面这个网站的面包屑符号就满足了所有的标准,符号颜色和字词相同,大小也很适中,让用户在有需要的时候能马上找到它,但又毫不耀眼。

 

        精简层级不拖沓

 

        精简面包屑导航层级原因不仅仅为了提升用户体验,也为了利于搜索引擎的抓取。尽量把面包屑控制在4个层级以内,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,这种设置对用户视觉和SEO都有很大的好处。

 

        即使产品分类少也要使用面包屑

 

        很多人觉得自己网站分类较少就可以省去面包屑导航设计,但润商认为,面包屑能有助于用户明确产品定位。当用户对产品没有目标性时,定位式面包屑就能让用户拥有更加顺畅的购物体验。

 

        虽然对于整个网站来说,面包屑导航只是一个微不足道的角落,但却是电商网站的必备模块,用户体验是否过关在这里可以有很好的体现。所以认为只要能够把包括面包屑导航在内的每个细节都坚持做好,网站就能够获得用户的青睐。

 

        如果你有关于网站建设、网页设计、网站推广、微店营销等方面的需求与见解,欢迎与福建润商联系。

 

W020150210348334360149.jpg

关键词:【网站建设】电商网站怎么建之面包屑导航篇,北海网站建设,北海做网站,北海网站设计,北海网站制作,北海定制网站建设,北海网络营销公司





Copyright © 2012-2018 三度网教程(http://www.3du8.cn) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版