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

2016-07-06    分类: 网站导航

怎样规划出“明晰,简略,共同”的导航呢?“一个用户没有必要记住他在你的网页运用上阅读的办法,导航应该是在最前面的,而且应该十分明显。”一般,在整个Web App中都有一个静态大局导航(Global Navigation),其他首要部分都有一个子导航栏。为答复怎样创立众所周知的“明晰、简略、共同”的导航,创新网络总结了以下网络的根本导航常规:

Web规划人员运用“耐久化导航”(或大局导航)来描述在运用程序的每个页面上出现的导航元素调集。耐久的导航——用一种安静、理性的声响说:“这个元素在这儿。有些部分会依据你在网页运用中的方位而有所改动,但它会一向在这儿,而且总是以相同的办法引导用户。”

只需导航出现在每个页面的相同方位,而且保持共同的外观,就能够当即确认你仍然在同一个运用程序中——这比你幻想中的更为重要,在整个运用程序中保持共同意味着你只需求知道它是怎样作业的。要害部分——有时被称为“主导航”——是运用程序首要部分的链接,也是运用程序的层次结构的第一流。

在某些规划中,耐久导航还将包含显现二级导航的空间:当时部分中的末节列表。在其他状况下,指向一个称号或点击它会显现一个下拉菜单。而在某些状况下,单击它将带你到该部分的主页,在那里你会发现辅佐导航。面包屑导航——您的导航攻略就像“你在这儿”的指示器相同,面包屑导航会通知你你在运用程序的具体方位。其效果当然是不言而喻的,不占用太多空间,却供给了一个便利和共同的办法来做你最需求做的两件工作:回到上一个页面或许主页。

他们之所以被称为面包屑,是由于它们让人想起汉斯在树林里坠落的面包屑,使得他和格莱特尔能够找到回家的路。面包屑向您显现从主页到您地点的方位的途径,让你轻松地在运用程序中移回到更高的层次结构。很长一段时间,面包屑导航是一个奇怪的现象,只在运用程序中才有很多的数据,但现在它们在UI/ UX中是必不可少的。以下是一些好实践办法:

1、置顶

面包屑导航在置顶中似乎是做的最好的,我想这可能是由于把它们边际化了——让它们看起来像一个附属品,就像书或杂志里的页码相同。

2.运用>层级

实验和过错似乎标明,层级之间的好分隔符是“大于”符号(>),可能是由于它将向下移动可视化。

3、最终一项运用粗体

列表中的最终一个项目应该是当时页面的称号,并使其为粗体,以杰出其应有的重要性。 由于这是当时运用页,天然它不是一个链接。

选项卡是少量几个在用户界面中选用暗喻的比如之一。就像一个三环的活页夹里的文件相同,它们会把东西分红不同的部分。经过点击它的标签(或许,在Web上点击它)来打开内容是很简略的。了解导航可能是困难的,完成它或许愈加困难。可是不管你做什么,你都必须保证你完成的导航是终端用户想要看到的。这十分重要,由于用户比你幻想中的更想快速的找到自己想要的东西。

网页名称:怎样设计“明晰、简略、共同”的网站导航?
URL网址:https://www.cdcxhl.com/news32/38532.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设