3有效导航设计的基本规则

瑞安谨慎 经过 瑞安谨慎  |  君。19,2015年

设计您的网站导航就像为您的房子奠定基础。未能正确规划基金会可以将您的建筑物放在崩溃的风险,无论它看起来有多好。如果您希望从您的网站中获得最佳销售或转换,您需要花时间规划您的观众如何与您的内容进行互动,并弄清楚组织最直观的方式和代表它。

永远记住,如果你得到这个问题,你就会冒出一部分观众的风险。

 

什么是导航?

看着导航有多种方式。您可以说它是您网站上的一个重点,允许您的客户找到他们正在寻找的内容而不混淆或不必要的点击。同样,您可以争辩说这是一种轻轻地将客户带到您网站上最重要的信息的方法,以产生销售或查询。

有机会,这都是。

导航设计就像设计中的许多其他东西一样:没有普遍同意的“正确的方式”来做。每个网站都呈现自己的挑战,可以以多种方式接近。好消息是有些方法可以思考和组织内容,以最大限度地减少失败风险。

70percentpure.

70percentpure.的网站 具有垂直和水平的简单导航。

 

1)首先完成您的IA

规划大型网站的内容是在设计导航之前必须完成的重要任务。否则称为IA(信息架构)此概述,了解和操作您的内容是您网站骨干的原因’可用性。在之前设计导航 - 或者代替 - 正确设计您的IA就像在排版页面之前创建书籍索引。不是一个好主意。

在研究IA时,看到大图片的自然能力有助于。更重要的是,您必须能够从用户的角度查看内容。有时,这意味着反对客户自行对其内容进行分类的方式 - 所以如果是这种情况,可以为阻力做好准备。

以下是一些您可以要求自己帮助您的计划的一些事情,并向客户证明它是合理的:

  • 这个网站需要哪些页面?
  • 每个页面是否在更广泛的方案中具有目的,并且内容被分解为合理的,可关联的块?
  • 必须在将来添加内容的津贴是什么?
  • 您使用哪些用户群体? (例如,登录/ out,订阅类型,广告商等)
  • 每种类型的用户的主要目标是什么?

回答上述所有,并了解您的内容如何与您的用户有关,这是良好导航设计的基础。

 

2)吻:保持简单,有时候

每个人使用网站的每个人都可能同意:导航区域应该尽可能简单。压倒用户选择和挤拥有文本导航是一个坏主意,并严重妨碍您的网站的整体可用性。

彭博

Bloomberg的简单导航掩盖了他们网站上信息的复杂性。

然而,简单起见可能是欺骗性的。挖掘更深,你可能会发现它实际上非常复杂的是巧妙包装的一种感觉很简单。这是IA行动。

拍摄Microsoft的主页。考虑到他们的产品系列,他们的主要导航只有四个物品,听起来并不足够了。但下拉下降非常巧妙地分成部分,并以这样的方式呈现,您可以快速轻松地找到您正在寻找的东西。

微软

遵循相同的导航格式,子页面就像迷你站点。菜单感觉和表现相同,但适应更多细节您进入网站的更深。

微软2

它很容易使用,可预测和一致。考虑到他们的产品范围,以及他们网站上的页面数量,这不是卑鄙的壮举,显然是迭代开发数小时的产品。它不仅觉得自己的产品之一 - 这对游客来说非常令人放心 - 但它以一种对客户和微软自己有益的方式组织内容。

 

3)仔细选择方向

鉴于计算机屏幕传统上用于景观格式,水平导航会产生很多意义。从设计的角度来看,它甚至感觉更加平衡,更不侵入,易于放置。

oculus

Oculus,VR耳机的制造商如果他们没有用水平菜单谈论他们的虚拟景观,那么VR耳机的制造商将是愚蠢的。它不仅携带一个漂亮的比喻,而且允许用户通过滚动页面深入了解它们的内容。

但是,水平菜单不会增加每个上下文中的价值,这就是为什么你会看到大量的垂直导航,特别是在电子商务中。它携带彩色标签的回声,帮助您在物理目录中找到产品,并避免使用过多的文本杂乱,以及太多的选项。

一个良好的垂直导航并不容易壮举,特别是如果您有很多产品。这就是为什么我喜欢这个来自杰克琼斯的原因。

jackjones.

文本旁边的图标真正援助可读性。简单的形状令人惊讶地交际,并有助于保持导航区的聚焦和整洁。单击一个类别,菜单展开以显示子选项,再次以非常容易的方式。

可以在Squarepusher的网站上找到更不寻常的垂直菜单。这里,导航就像选项卡一样,在主内容的一侧,用户可以简单地滚动并单击。这是一个更线性的方法,并回应了Squarepusher轨道的顺序性质。  

Squarepusher

 

规则正在发生变化

与网上的所有东西一样,新技术,技术,设备和趋势为桌面带来自己的挑战和创新。响应式网页设计意味着传统的卧式,现在也是垂直导航(在较小的屏幕上)。视差技术请参阅导航区域退潮并像潮流一样流,具体取决于您在页面上的位置。

没有单一的方式创建完美的网站。但是设计和测试的迭代方法,最好是访问您的网站的统计数据和转换数据可能会产生最佳结果。

作为驱动您网站的发动机,您的导航应该是可预测的,简单,一致,放置的。