网站提供用户想要了解的各种信息。我们想更多地了解一个组织,购买物品,捐助慈善事业,或访问资源,我们依赖于导航网站来帮助我们找到我们要找的。然而,许多网站都有导航,只是做得“不够好”,让人们访问他们所需要的都需要很深的研究。一些最好的做法,让设计人员能够创建更有效,更清晰的导航体验。
在他的文章“ 导航比搜索更重要,”格里麦戈文讨论他的团队“如何做一个技术性的观众一些广泛的任务测试。70%通过单击链接上启动任务,30%的使用搜索。”麦戈文说人靠导航第一,因为它更容易和更快的点击,而不是使用搜索链接。他解释说,当链路的话语与什么人都在找,就越有可能的是,他们会点击的链接。
但是,如果有太多的环节,如果它组织得不好,或混淆命名的 – 人们使用链接却步。他结束与文章:“清除菜单和链接是在所有伟大的网站都是建立在基础”虽然这是按照设计有效的导航一个重要的规则,它不是唯一的一个。虽然导航设计总是将是一个持续的争论,也有在2017年每用户体验设计师要坚持网站导航的一些最佳做法。
那么,什么是设计大航海规则?让我们考虑以下规则:
-
优先一致性
-
图案清晰相互作用
-
避免深度导航
-
为响应兼容性设计
优先一致性
导航不一致可能导致不完全适合网站的部分,所以被列在其自己的内容。其他时候,人们可能需要快速访问的东西,住在网站内更深,所以网站的所有者增加的快速链接导航。然而,也有避免不一致增加的导航其他解决方案。
子页面和着陆页
一致性归结为做出选择。例如,或者所有的导航元素应该显示其子页面的链接,或它们都不; 只有部分路段显示的子页面可能会混淆人们以为实际上不显示子页面的部分不具有子页面。如果子页面不在主导航列出的,确保二次导航跨所有部分一致地使用。
同样,所有主要的导航项目应该链接到登陆页面,或都应该是次要导航链接部分的标题。当只有一些主要的导航项目的链接,人们会试着点击无链接,感到困惑和沮丧时,没有加载页面。
视觉设计也应清楚地表明了主要的导航项目是否有链接或只有标题 – 如果他们没有链接,使用不同的字体样式或颜色。另一种有用的指标是,以确保变换鼠标的指针光标上述链接。
此外,如果主导航产品的链接,使相关行动明确,无论是通过空话或视觉设计。在费郡公立学校的完整的菜单,例如,用户可以通过点击“招聘”的文字进入职业着陆页,或可上的箭头点击查看子页面。
如果要添加新的内容是不适合网站的当前部分,它可能是时候重新考虑站点层次结构,或重新考虑为什么在网站上存在这一块的内容,如果不适合使用的,其余它网站内容 – 它应该被删除?还是可以合并成一个相关的页面,因此并不住在自己的?
如果有需要可以更容易地访问的页面,考虑网页或部分着陆页上,呼出或功能块。人们更愿意关注这些块 – 和重要的,有特色的项目不应该扰乱整个网站的导航。
面包屑
面包屑导航援助,以帮助网站内东方的人。如果人们引导到从外部来源网站上的网页较深,这种倾向尤为重要。
但是面包必须准确有效; 他们不能错过的水平,或歪曲的页面层次结构。对于小网站只有两个级别,面包屑是没有必要的,但在需要时,是一致的!看看UI的模式更多地了解基本的面包屑的最佳做法。