SEARCH

网站建站中面包屑设计技巧全面总结

2019年05月14日

面包屑导航的总要性,对于一个对用户体验与过研究的都知道一个面包屑的作用是很大的


面包屑导航可以使用户实时都能了解到他们处在网站的一个什么位置。那建站的小编就来简单介绍一下11个面包屑导航的设计技巧做一个总结。


网站设计


网站建设PC端


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


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


3. 如果网站有两个父层级(如两个同级首页),应该只展示一个有的网站可能有两个平级的首页,这种情况下一定要选择其中一个作为面包屑的第一项,同时列出两个是不可取的。


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


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


6. 面包屑的层级应该是网站的页面层级,而不是分类层级,也不应该包括无内容的导航页逻辑上的父级(如商品上级分类),除非有真实的页面存在,否则不需要放在面包屑里。此外,诸如网站地图一类可有可无的层级,也最好不要加到面包屑里。


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


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


网站建设手机端


1. 不要把面包屑分行就算面包屑有点长,分行也绝对不是一个好的主意。


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


3. 可以考虑只保留上一级面包屑考虑到手机用户的使用习惯和使用需求,可以不用把面包屑完整列出。


面包屑对用户查找栏目内容起到了非常重要的作用,尤其是从外部链接进入到网站对应的页面时,用户能够清晰的看到当前处于什么位置,使用户能够快速的找到相对于的层级关系。移动端的面包屑的展示有很多种方式,也可以根据内容来缩短面包屑的长度。



关键词:网站设计

联系地址

大同格兰云天E座4楼411

融网建站2017年创立于大同

以企业网站建设开发为核心业务

公众号

微信公众号

小程序

小程序