怎样设计“明晰、简略、共同”的网站导航?

怎样规划出“明晰,简略,共同”的导航呢?“一个用户没有必要记住他在你的网页运用上阅读的办法,导航应该是在最前面的,而且应该十分明显。”一般,在整个web app中都有一个静态大局导航(global navigation),其他首要部分都有一个子导航栏。为答复怎样创立众所周知的“明晰、简略、共同”的导航,总结了以下网络的根本导航常规:
web规划人员运用“耐久化导航”(或大局导航)来描述在运用程序的每个页面上出现的导航元素调集。耐久的导航——用一种安静、理性的声响说:“这个元素在这儿。有些部分会依据你在网页运用中的方位而有所改动,但它会一向在这儿,而且总是以相同的办法引导用户。”
只需导航出现在每个页面的相同方位,而且保持共同的外观,就能够当即确认你仍然在同一个运用程序中——这比你幻想中的更为重要,在整个运用程序中保持共同意味着你只需求知道它是怎样作业的。要害部分——有时被称为“主导航”——是运用程序首要部分的链接,也是运用程序的层次结构的第一流。
在某些规划中,耐久导航还将包含显现二级导航的空间:当时部分中的末节列表。在其他状况下,指向一个称号或点击它会显现一个下拉菜单。而在某些状况下,单击它将带你到该部分的主页,在那里你会发现辅佐导航。面包屑导航——您的导航攻略就像“你在这儿”的指示器相同,面包屑导航会通知你你在运用程序的具体方位。其效果当然是不言而喻的,不占用太多空间,却供给了一个便利和共同的办法来做你最需求做的两件工作:回到上一个页面或许主页。
他们之所以被称为面包屑,是由于它们让人想起汉斯在树林里坠落的面包屑,使得他和格莱特尔能够找到回家的路。面包屑向您显现从主页到您地点的方位的途径,让你轻松地在运用程序中移回到更高的层次结构。很长一段时间,面包屑导航是一个奇怪的现象,只在运用程序中才有很多的数据,但现在它们在ui/ ux中是必不可少的。以下是一些最佳实践办法:
1、置顶
面包屑导航在置顶中似乎是做的最好的,我想这可能是由于把它们边际化了——让它们看起来像一个附属品,就像书或杂志里的页码相同。
2.运用>层级
实验和过错似乎标明,层级之间的最佳分隔符是“大于”符号(>),可能是由于它将向下移动可视化。
3、最终一项运用粗体
列表中的最终一个项目应该是当时页面的称号,并使其为粗体,以杰出其应有的重要性。 由于这是当时运用页,天然它不是一个链接。
选项卡是少量几个在用户界面中选用暗喻的比如之一。就像一个三环的活页夹里的文件相同,它们会把东西分红不同的部分。经过点击它的标签(或许,在web上点击它)来打开内容是很简略的。了解导航可能是困难的,完成它或许愈加困难。可是不管你做什么,你都必须保证你完成的导航是终端用户想要看到的。这十分重要,由于用户比你幻想中的更想快速的找到自己想要的东西。
上一个:网站建设的“洪荒之力”应该用在哪儿?
下一个:公司做网页:如何利用单色设计技术?
江阴网站建设,江阴做网站,江阴网站设计