大数跨境
0
0

五个要点教你做出优秀的网站导航!

五个要点教你做出优秀的网站导航! 无非经济
2018-03-23
1
导读:想要做出优秀的网站导航吗?别急,DaDa这就来帮你!

文:DaDa

任何曾访问过不管什么网站的人都会告诉你:导航是重要的。虽然这一声明似乎足够明显,但令人震惊的是,有多少网站仍在没有关于如何做导航的真正的想法(的这种情况下)创建。浏览者面临着这样的问题:我在哪里?我在找什么?我怎么到这儿的?这些问题使用适当的网站导航系统可以很容易地避免。

时间组织网站导航可以确保你的浏览者很容易找到他们想要的信息。这使得他们更有可能在你的网站上享受他们的时间,并在将来提及它。如果你想设计或重新设计你的网站,停下来先考虑好网站导航的元素。

1有逻辑的

导航应该很容易。这意味着在任何情况下,你都不应该让你的浏览者在你的站点周围导航时停下来思考一番。如果你的网站架构没有很好的布局,你的浏览者会对如何找到他们想要的信息感到困惑。他们会忙于询问事情是如何进行的,首先要看哪一页,最好走哪条路。为了避免这种情况发生,您应该确保您的主要导航是显而易见的和不言自明的。

类似地,不要包含导向同一页的许多不同路径。这会迷惑你的观众,并使他们感到失望。让一个朋友来测试您的网站导航。如果在任何时候你需要向他解释下一步该怎么做,或者他自己找不到信息,那么你就需要返工。

2要直观

让人们喜欢产品最好的方法是考虑他们的想法。同样的原则也适用于导航。你的网站的导航必须是直观的,基于观众如何与网站互动。当每个人都在思考和创新的时候,我想说的是:惯例是关键。

惯例并不意味着无聊,你仍然可以用常规的导航创建漂亮的、功能强大的网站。惯例只是指人们习惯于看和用的东西。这意味着你的访客将毫不费力地找到他们要找的东西。

因此,有些事情你应该牢记在心。主要链接应该很容易识别。它们应该位于页面顶部,或者位于侧栏的顶部。当前选择的链接应该与其他链接清晰地区分开来,这样观众就可以随时知道他们在哪一页。

一个高度使用的惯例是在主导航菜单中创建一个服务按钮。这是一个很好的方法,因为如果访客有兴趣看到你提供的东西时,可以直接了解应该去哪里,但是,你为什么不让他们更容易呢?如果(且只有)你公司的服务允许这样的事情,你为什么不选择你公司提供的2或3个主要服务,并把这些非常清楚地放在你的主要导航上。例如,如果你是一个专门从事动画和数字品牌的设计机构,在你的主要导航栏上你可以添加链接动画,另一个添加到数字品牌。那么你已经为你的顾客开辟了一条更快捷的道路了。

这不适用于,比如说提供动画、数码品牌、印刷品牌、出版设计、摄影、视频编辑和丝印的设计公司。现在按钮太多了,需要将它们分组到服务下面。如果你不确定该走哪条路,问问自己“这会让我的客户更容易找到他们想要的吗?”

如果惯例不是你的东西,且你坚持要创造全新的东西,记住它要是持续有帮助的,而不仅仅是酷炫的。仅仅因为某些东西看起来很棒并不意味着它在网站上有一席之地。当要修改网站导航时,问问自己“这会增加导航的价值吗?”如果答案是肯定的,那就使用它。否则就向前行进。

3组织主、副导航

在主导航菜单上的网站上的所有页面都没有链接的话,也同样也行不通。它会在视觉上和功能上造成灾难。用户将被大量的链接所淹没,无法理解站点的总体结构。最好对网站中的所有页面进行分析,并将其有逻辑地组织到主和次要页面中,从而能进入主菜单和子导航菜单。

设想有一家杂货店。所有的物品都分为岛屿。一个岛包含肉类,另一个生产,另一个是乳制品等。在乳制品中,会找到奶酪、牛奶、酸奶等。在奶酪内内,会发现切达干酪,干酪,瑞士奶酪等。

那么网站就是商店。主要的页面是群岛。次要页面是群岛内部的划分。第三页(如果它们需要存在)是各部门之间的划分。

以这种方式组织站点的架构将确保拥有有逻辑的和直观的导航。主页面将位于主导航菜单中,而辅助页面将位于子菜单中,子菜单将从主菜单下拉,或者位于相关页的侧栏中。

The Suzuki School可以教我们一些关于组织的知识。这是“关于我们”的页面。在左栏中有一个子菜单,里面有关于我们的伞的不同主题。您可以非常清楚地指出我们在哪个页面和子页上,因为它们是用红色突出显示的。总之,我可以很容易地找到他们的网站,找到我要找的信息。

4不要在新的选项卡或窗口中打开内部链接

主和子导航链接应该总是在浏览器中的同一个选项卡中打开。用户希望能够通过按下后退按钮返回,并通过按下其他链接顺利地通过网站。每次点击一个链接时,打开一个新的标签/窗口会产生一个混乱的标签/窗口,让浏览者既困惑又沮丧。

也就是说,这仅限于主菜单和子菜单中的链接,不应应用于内容中的外部链接。外部链接应该打开在一个新的标签,使访客可以查看它而不会走出网站。

5构建网站蓝图

为了有一个清晰的、有组织的站点体系结构,就必须提前构建它。创建一个网站蓝图,说明不同页面是如何布局的,以及它们是如何跟随和链接的。到时可以轻松地发现任何导航问题或页面混乱,着手实现时,就会节省大量的工作啦。

好了,今天DaDa就分享到这了,大家晚安!

【声明】内容源于网络
0
0
无非经济
跨越无限,链接全球!
内容 231
粉丝 0
无非经济 跨越无限,链接全球!
总阅读143
粉丝0
内容231