当前位置:首页 > 建站问答 >
如何设计网站导航更高效?
发布时间:2021-09-02
网站导航就像网站的风向标,用户想去网站的页面就必须通过导航菜单。如果导航菜单的设计不合理或结构错误,网站的整体结构就会混乱,没有逻辑和用户体验。如果你想让网站拥有优秀的外贸模板网站源码用户体验、良好的转化率和可观的销售额,你需要花很多时间了解你的用户需求,精心设计网站内容,寻求可靠、直观、有效的内容组织系统。这些东西的外部化反映是网站的导航设计。本文是什么导航?

许多人对网站导航设计的认知不统一。构成网站导航的是网页的焦点要素,用户可以清晰直观地找到想要的东西。同样的,还有人认为导航设计是一种方法,引导用户去寻找网站上最重要的信息,以达到销售或者查询等目的。这些说法没问题,是导航设计的一部分。

和设计领域的很多东西一样,导航设计没有统一的正式设计方法,或者各网站由于目标、需求、设计手法、运营等诸多因素导致导航设计千差万别,但在最基本的设计构想和组织中,导航设计有基本的规则和原则

1、首先决定信息结构

规划大型网站,规划内容是导航设计前的首要任务。而我们此处所说的信息架构(IA,Information Architecture),是合理的组织信息的展现形式,支撑起网站内容的骨架。信息架构的主要任务是为信息与用户认知之间构建一座畅通的桥梁。

  从更高的位置来看待网站内容有助于信息架构的搭建。更重要的是,你得学会从用户的角度来看待网站内容。这也就意味着,有的时候你得站在正反两个位置来看待同一个东西,不同视角下你会发现有的内容的呈现方式非常反人类。您可以通过以下问题完善整个结构:

middot;这个网站需要哪些页面?

·;从宏观结构来看,每个页面都有独立的目的,它们的存在影响整体的连续性和可靠性吗?

·;将来需要继续提供和更新的内容是什么?

·;网站需要什么用户?(注册用户、预约用户、广告商等)

middot网站的目标是什么?

考虑到这些问题,可以更好地完善网站的信息结构,为导航设计做准备。

2、保持简单

大多数网站浏览者可能一致:网站导航区域应尽可能简单。的确,复杂拥挤的导航栏设计严重阻碍了网站的整体可用性。

但简单的设计是欺诈性的。用户在后续操作中发现复杂的信息被简单地包装。这就是信息架构的作用。

  以微软的首页为例,网站的导航栏被划分成四个项目,考虑到微软庞大的产品线,这几乎已经被简化到了极致。也正是因此,每个项目的下拉菜单都被巧妙地分割成为几段,这样一来,导航的层级就清晰了,用户可以更快地找到他们想要的东西,而微软也可以将复杂多样的产品和服务,整合到一个看似简单的导航栏里面。

在迷你站的子页面上,导航栏也沿用了同样的设计。菜单的设置乍一看和首页很相似,其实设计师加入了更多的细节,更有针对性的功能和服务。

  总的来说,这样的导航栏设计更加易用了,在保持一致的前提下,也具备更好的预测性。考虑到微软的产品体量,产品所需的页面数,微软官网的设计很明显是耗费了大量时间迭代开发的产物,殊为不易。官方网站在这样的组织结构下,不仅使用户体验更好,而且对微软也更容易管理内容。这不仅简单,而且简化了复杂性。

3、慎重选择方向

传统意义上的计算机画面方向是横向的,纵向下拉菜单,长时间成为导航栏设计的主流方向。这种设计平衡,干扰少,从设计的角度来看是个好选择。

作为虚拟现实设备制造商的Oculus,将导航设计作为横向的非常符合设备的自然逻辑。

但是,横向导航不一定符合所有网站的需求。所以纵向导航的网站很多,特别是在电器领域。彩色标签被用来显示不同的类别和纵向导航设计,这与现实世界的导游图画书密切相关。这样的导航符合多品种、多内容的信息结构,横向导航在这里使用的话,品种和文字内容会混乱。

垂直方向良好的导航设计并不容易,尤其是当你的网站内容非常多时。JackJones的网站是很好的学习对象。

网站导航中的小图标具有良好的可读性,简单的形状包含相当大的信息,整齐有力。每点击一个类目,菜单展开,显示子类,逻辑清晰。

规则正在改变

新技术的出现,新的设计趋势和新的挑战不断出现在我们面前。响应性网页设计在移动终端显示桌面上传统的横向导航时,通常以纵向导航的形式显示。导航的设计不再受固定方案的束缚,多种多样的表现手法可以产生粗俗的效果。但是,设计和测试的反复方法最好以网站转化率和统计数据为中心进行。

作为推动网站发展的引擎,导航设计的好坏是可以预料的,精心配置简单一致。