众所周知,网站面包屑导航就像“你在这里”的指南针一样,面包屑导航会告诉你你在应用程序的具体位置。
其作用当然是不言而喻的,不占用太多空间,却提供了一个方便和一致的方式来做你最需要做的两件事情:回到上一个页面或者首页。
他们之所以被称为面包屑,是因为它们让人想起汉斯在树林里掉落的面包屑,使得他和格莱特尔可以找到回家的路。
面包屑向您显示从主页到您所在的位置的路径,让你轻松地在应用程序中移回到更高的层次结构。
很长一段时间,面包屑导航是一个奇怪的现象,只在应用程序中才有大量的数据,但现在它们在UI/ UX中是必不可少的。
以下是一些最佳实践方法:
1、置顶
面包屑导航在置顶中似乎是做的最好的,我想这可能是因为把它们边缘化了——让它们看起来像一个附属品,就像书或杂志里的页码一样。
2.使用>层级
试验和错误似乎表明,层级之间的最佳分隔符是“大于”符号(>),可能是因为它将向下移动可视化。
3、最后一项使用粗体
列表中的最后一个项目应该是当前页面的名称,并使其为粗体,以突出其应有的重要性。 因为这是当前使用页,自然它不是一个链接。
标签
选项卡是少数几个在用户界面中采用暗喻的例子之一。就像一个三环的活页夹里的文件一样,它们会把东西分成不同的部分。通过点击它的标签(或者,在Web上点击它)来打开内容是很容易的。
如果你还记得购物中心和巧克力,那也很棒了。标签类似于商场的一个货架,它会告诉你你的所想之物在哪里,你可以在不同的货架上看到不同种类的巧克力,供不同的人购买。
我认为这是一个非常优秀的导航选择。这也是为什么我喜欢他们的原因:
1、简洁明了
我从来没见过任何人——哪怕是“电脑文盲”——看一个选项卡界面,然后说,“嗯,我想知道这些是怎么做的?”
2、不容错过
当我做可用性测试时,很吃惊的是,人们在网页顶部经常忽略水平导航栏。而选项卡的视觉特征是如此的与众不同,以至于很难被忽略。因为除了导航,它们很难被误认为是其他的什么,所以它们创建了导航和内容之间的那种“显而易见”的划分。
3、操作平滑
网页设计师总是在努力让页面看起来更有趣一点。如果操作正确,选项卡还可以为你的导航润色,并提供其他实用功能。
结论
理解导航可能是困难的,实现它也许更加困难。但是无论你做什么,你都必须确保你实现的导航是终端用户想要看到的。这非常重要,因为用户比你想象中的更想快速的找到自己想要的东西。