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

网站问题集锦

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

来源:本站 作者:qingqing 日期:2018/01/03


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


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


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


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


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


       1、置顶

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


       2.运用>层级

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


       3、最终一项运用粗体

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


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


上一篇:取得网站建设与运营的成功的条件
下一篇:网站建设之网页设计规划的方法
广州星洋网络科技有限公司 2017 Www.Znbo.Com  版权所有