面包屑设计技巧总结

PC端



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



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



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



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



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



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



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



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



手机端



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



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



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

想了解更多关于面包屑设计技巧总结的内容,请扫微信
或微信搜索jiemingpan

本文链接:http://www.soufuzi.com/jianzhan/555

(0)
上一篇 2023-02-12 10:06:51
下一篇 2023-02-12 10:06:51

相关推荐

  • 什么是许可式邮件营销?

    许可式邮件营销是一种基于用户授权和同意的营销方法,通过发送针对目标受众的个性化邮件来推广产品、服务或内容。在这种营销策略中,营销人员只向那些明确表示愿意接收相关邮件的用户发送信息。这种许可式的方法使得营销活动更具针对性和有效性,同时也增强了与用户之间的信任关系。 在许可式邮件营销中,用户首先要在网站、注册页面或其他渠道上明确表达他们希望接收相关邮件的意愿,通常通过订阅邮件列表、勾选许可框或提供电子邮件地址来完成。这种明确的同意形式使得邮件

    2024-08-30 15:59:07
  • Amazon Prime是什么?

    Prime是亚马逊提供的一项付费服务。快速交付和为客户提供便利是亚马逊 Prime成为独家服务的原因。除了购物之外,它还提供我们在下面讨论的各种其他服务。这是付费订阅,每年订阅费用约为99 美元。 亚马逊 Prime运输: 尽管大多数产品在澳大利亚亚马逊上都是免费运送的,但有最低价格限制。但是,这里对此没有最低限制,并且还提供与当日交付一样快的快速交付选项。 现在,这有多酷!尤其是当假期快到了,或者当你忘记了你

    2020-01-04 17:08:27