网站商城源码模板-吐司面包屑导航栏设计方案的

2021-05-08 10:48

在一个网站制作中,除了有主导航,还要有面包屑导航,它的作用就是辅助主导航,帮助用户了解网站的层次结构,清晰定位自己所在的网站位置。因此,面包屑导航的设计十分重要,它是提高用户体验必不可少的方式,我们在对其进行设计时要注意以下事项,使其更加完美。

1.根据大部分用户的操作习惯,面包屑导航放在网页的右侧是优先的,同时因为它只是扮演辅助的角色,因此在设计上不能分散用户对主导航的注意力,基本的方法就是从尺寸上入手,按照主导航、侧边栏导航再到面包屑导航的尺寸大小顺序排列。

2.因为面包屑导航需要帮助用户清晰地知道自己所在的网站位置,所以它的用词一定要精准,分类要明确,不能有歧义或同义词,比如家用电器、生活电器和小型电器,这种层级结构就容易给人造成理解上的问题,实现不了面包屑导航应该有的功能。

3.在面包屑导航中,通常会有一些分隔符,比如“-”、“/”、“《”等等,使用方式就是“父类别-子类别”等。分隔符的形式一般没有一个明确的规定,我们可以根据网页设计的风格来随意决定,只要保持统一使用就可以了,不过一般我们都建议使用一些简单的形式。

4.既然面包屑只是辅助的工具,那么设计风格就应该以简单为原则,尽量不要使用哪些太过于花哨、复杂的字体,同时色彩也不要太醒目,否则就容易喧宾夺主,扰乱用户的判断。

5.不过,通常面包屑导航只有电脑端网站才有的,手机端网站千万不要盲目跟风,毕竟手机端屏幕有限,只有简单的设计才能方便用户快速找到自己需要的内容;而面包屑导航又是属于比较复杂的嵌套层级设计,完全不适合移动端页面。

这些注意事项都是我们设计面包屑导航时所必须遵守的,因为关系到用户体验的每一处细节都需要我们用心设计,具体的用户体验原则可以参考《网站设计的用户体验原则(一)》




扫描二维码分享到微信

在线咨询
联系电话

020-66889888