每个网站基本都会有面包屑导航的设计,面包屑导航不仅可以告诉用户当前所处的网站位置,还方便用户回到所需的上级页面或者首页。所以,面包屑导航是提升用户体验很重要的一个设计。关于面包屑导航详细的作用我们文汇软件官网上有专门的文章介绍(什么是面包屑导航?有什么作用?)。今天,文汇小编给大家分享一下,设计面包屑导航,有哪些设计技巧和注意事项。
1、设计简单明了
在设计面包屑导航时,只需简单的设计展示出来就好了,不需要很花里胡哨的设计,它对于网站来讲是一个辅助的作用,并不能替代主导航的作用。所以,只要能清楚的告诉用户当前所处的栏目位置就可以了。
2、一定要有点击返回首页的设计
在设计面包屑导航时,一定要加入返回首页的设计,而且最好把首页放在面包屑导航的首项。用户在浏览网站时,点击进入内页,这个页面不一定是用户感兴趣的内容,这种情况下可以给用户一个选择,就是返回首页,继续让用户浏览其他感兴趣的内容。下图是我们文汇软件在做融世华这个项目时,设计的面包屑导航,把首页放在的首项,由于展示的文字挺多的,如果首页再用文字的形式去展示,就会想的太满,也无法突出首页。所以我们就用图标的形式去展示,这样既美观简洁,又清楚像用户表达重点。
3、尺寸等设计合理
就像我们上方所讲的一样,面包屑导航只起到辅助作用,所以间距和占用页面的空间不需要太大,如果占用空间太大,就有些喧宾夺主的感觉。在面包屑导航设计方面我们文汇的设计师最常用到的是以下几种设计,跟大家分享一下。
婴贝儿项目
山东节能协会
APRC赛事