网站导航如何设计

发布时间:2020-07-21 10:38:00

如果人们在浏览网站时遇到困难,他们会犹豫是否返回网站。”你以前可能也经历过类似的情况。如果你下载一个应用程序,花时间寻找你想要的东西,你就不能在这里呆很长时间,甚至不能回来。如何设计一个“清晰、简单、一致”的导航?总结了以下网络的基本导航实践:

“如果人们在浏览网站时遇到困难,他们会犹豫是否返回网站。”你以前可能也经历过类似的情况。如果你下载一个应用程序,花时间寻找你想要的东西,你就不能在这里呆很长时间,甚至不能回来。如何设计一个“清晰、简单、一致”的导航?总结了以下网络的基本导航实践:

web设计者使用持久导航(或全局导航)来描述出现在应用程序的每个页面上的导航元素集。

持续导航——用冷静、理性的声音说,“这个元素在这里。某些部分会根据您在web应用程序中的位置而更改,但它始终在此处,并始终以相同的方式指导用户。”就像商店里各部门的名字一样,无论你身在何处,如果你想知道你在哪里,你总是抬头看看,你可以用自己的方式找到你喜欢的巧克力。

只要导航显示在每个页面的相同位置并保持一致的外观,您就可以立即确认您仍然处于同一个应用程序中—比您想象的更重要的是,整个应用程序的一致性意味着您只需要知道它是如何工作的。

关键部位:

关键部分(有时称为“主导航”)是指向应用程序主要部分的链接,是应用程序层次结构的级别。在某些设计中,持久性导航还将包括一个显示辅助导航的空间:当前节中的节的列表。

在其他情况下,指向一个名称或单击它将显示一个下拉菜单。在某些情况下,单击它会将您带到该部分的k8凯发最新网址首页,在那里您将找到辅助导航。

就像“你在这里”指示器一样,面包屑导航会告诉你你在应用程序中的位置。当然,它的功能是不言而喻的,不会占用太多空间,但它提供了一种方便和一致的方法来完成您需要做的两件事:返回上一页或k8凯发最新网址主页。它们之所以被称为面包屑,是因为它们让汉斯想起了汉斯掉在树林里的面包屑,让他和格雷特找到回家的路。breadcrumbs向您显示从k8凯发最新网址主页到您所在位置的路径,允许您轻松地返回到应用程序。长期以来,面包屑导航是一种奇怪的现象。以前只有应用程序中有很多数据,但现在它们在ui/ux中是必不可少的。

以下是一些实践:

面包屑导航似乎是顶部,我认为这可能是因为它边缘化了他们-使他们看起来像配件,像书刊或杂志的页码。

实验和错误似乎表明,级别之间***的分隔符是“大于”符号(),这可能是因为它在可视化中向下移动。

三、一项是粗体字

列表中的一项应该是当前页面的粗体名称,以突出其应有的重要性。因为这是当前使用的页面,自然不是链接。

选项卡是用户界面中为数不多的隐喻示例之一。就像三环活页夹里的文件一样,它们把东西分成不同的部分。通过单击标签页(或者在web上,单击它)可以很容易地打开内容。

如果你还记得购物中心和巧克力,那就太好了。这个标签类似于商场里的货架。它会告诉你你的想法在哪里。你可以在不同的货架上看到不同种类的巧克力供不同的人购买。

这是一个非常好的导航选项:

我从来没有见过任何人——甚至是“懂电脑的人”——看着一个标签式的界面,然后说,“好吧,我想知道这是怎么做到的?”

当我做可用性测试时,令人惊讶的是人们经常忽略页面顶部的水平导航栏。标签的视觉特征差异很大,很难忽略。因为它们很难被误认为是导航之外的任何东西,所以它们在导航和内容之间形成了“明显”的划分。

网页设计师总是试图让网页看起来更有趣。如果操作正确,该选项卡还可以优化您的导航并提供其他实用功能。

理解导航可能很困难;实现导航可能更困难。但是无论你做什么,你必须确保你实现的导航是终用户想要看到的。这一点非常重要,因为用户希望比你想象的更快地找到他们想要的东西。

如果您是ui/ux设计师,您希望使用哪种导航样式?


热门推荐

技巧精选

0571-88730320 联系k8凯发最新网址,谈您的需求