您网站的导航从业务和营销的角度来看,是直接影响您的关键组件。毕竟,导航通常是用户和用户目标之间的桥梁。作为一名营销人员,你应该尽可能缩短这段距离。

免费工作手册:如何计划一个成功的网站重新设计

这就是为什么你需要确保你的网站导航从可用性的角度提供一个积极的体验。换句话说,设计导航的方式要对网站用户有意义。不要让你的访问者做很多工作来达到他们的目标——如果用户的目标是找到你的价钱例如,Page,帮助他们快速找到它。

网站导航应该做什么?

信息导航,正如Alan Cooper在他的书中所讨论的,关于面部3:交互设计的必要性,可以通过三个关键方法:滚动(平移),链接(跳跃)和缩放。为了开发一个坚实的导航系统,设计师需要让用户能够顺利地从一个地方移动到另一个地方,并促进流量。

具体来说,导航应该:

  • 使用户可以从一小部分页面中进行选择。
  • 为导航标签带你去的页面提供清晰的标签。
  • 调整您的网站以匹配用户需求。
  • 告诉别人他们目前是如何回归的。
  • 提供一个搜索功能。

导航系统的组成部分

为实现上述目标,一个设计良好的导航系统应包括三个主要部分:

  • 当前定位器:这也被称为网站ID,是用户知道他们目前的网站上的位置的一种方式。例如,当您在网站导航中选择给定选项卡时,该选项卡的外观是否会更改为反映已选择的?查看Apple网站的屏幕截图:当用户选择选项卡时(在这种情况下,iPod选项卡),它变得比其他导航的其余部分更暗。

导航反馈

  • 导航方法:对于游客来说,这是一种方法可以找到你可以去的网站的地方 - 以及如何到达那里。它可以让您访问主内容部分和实用程序,然后您可以找到它的位置不是主要内容层次结构的。例如,当您访问Apple网站并单击iPod选项卡时,您将看到信息以分层顺序组织:您可以在与iPod相关的iPod产品或应用程序之间进行选择。
描述图像
  • 跟踪路线:这是一种方法,可以找到您在网站上的位置。这也被称为家庭链接并回答问题,“我怎样才能回到我开始的地方?”在Apple网站的情况下,您只需单击Apple图标即可返回主页。


主页

  • 搜索:这是访问者可以访问的搜索功能。这是一种快速找到他们可能正在寻找的特定信息的方法,通常有放大镜图标。

当您将这些组件纳入您的网站导航时,请确保您保持他们的外观和感觉一致。在你的网站中提供一致的导航可以让用户有信心知道他们在哪里,他们可以找到他们想要的东西。

导航系统的类型

现在,我们已经介绍了网站导航及其组件的作用,让我们探讨一下有哪些导航系统选项。导航系统主要有三种类型。

  • 全球导航:全局导航是一个站点范围的导航,允许访问密钥区域或功能。它通常出现在每个页面上,可以包含多个层次结构。上面的苹果截图是全球导航的好代表性。
  • 本地导航:本地导航允许用户浏览站点的直接区域或子集。例如,如果你访问Amazon.com,你会看到一个左侧导航,允许你浏览你当前所在的网站的特定部分。
本地导航
  • 上下文导航:上下文导航提供与内容一致的导航(例如超链接)。Customer Carewords创始人兼首席执行官格里·麦戈文解释,“Web导航的主要目的是帮助人们向前迈进。这不是告诉他们他们已经在哪里,或者他们可以去哪里。“

导航模式

根据上下文,你可能会采取几种不同的方法来组织你的网站或应用程序:

  • 基于任务的:导航可以是基于任务的。有时,提供一个或多个基于任务的站点入口点是有用的。

面向任务的导航
  • 基于内容的:导航选项始终如一地呈现所有页面。它可以表示平坦的或分层结构。
  • 菜单驱动的:主菜单提供对隔离子模块的访问。不允许跨屏幕导航。这主要用于设备接口。
  • 事务:提供有关您在顺序过程中的位置的反馈,并提供备份到现有步骤的选项。您的设计应该从思考用户如何在页面或屏幕之间移动。
交易导航

一个大网站导航的一个例子

描述图像

你还注意到其他网站导航的好例子吗?请在下面的评论中与我们分享。

图片来源:Olgaberrios.

博客 - 网站Redesign工作簿指南[列表]

网站重新设计

最初发布2012年8月30日2:00:00,2017年8月29日更新

话题:

网站设计