为网站设计导航就像为房屋打基础。 如果基础不可靠,则无论设计多么壮观,都无法掩盖建筑结构的潜在风险。 实际上,网站也是如此。 如果您希望网站具有出色的用户体验,良好的转换率和可观的销售,则需要花费大量的时间。 了解您的用户需求,精心设计网站内容,并寻求可靠,直观和有效的内容组织系统。 这些东西的外部体现是网站的导航设计。
至
什么是导航?
至
许多人对网站导航设计有不同的看法。 有人认为构成网站导航的是网页中的焦点元素,这些元素使用户可以清晰直观地找到他们想要的内容。 同样,有人认为导航设计是一种引导用户在网站上找到最重要信息以达到销售或查询目的的方法。 这些陈述很好,它们都是导航设计的一部分。
至
像设计领域中的许多事物一样,导航设计没有统一而一致的“官方”设计方法,或者说,每个网站由于其目标,要求,设计技术,运营和许多其他因素而在导航设计上有很大的不同。 。 但是,在最基本的设计思想和组织结构中,导航设计仍然具有基本的法律和原则,以确保组织结构的可靠性并减少失败的可能性。
至
至
网站制作和导航设计高效转换的三项原则
70percentpure使用最简单,最常见的垂直和水平导航来指导用户。
至
1.首先确定信息架构
至
计划大型网站和计划内容是导航设计之前的首要任务。 我们在这里讨论的信息架构(IA,Information Architecture)是组织信息以支持网站内容框架的一种合理形式。 信息体系结构的主要任务是在信息和用户认知之间建立一个平滑的桥梁。
从较高的位置查看网站的内容有助于构建信息体系结构。 更重要的是,您必须学会从用户的角度看网站内容。 这也意味着有时您必须从不同的角度在两个位置看待同一件事您会发现某些内容的呈现非常反人类。 您可以通过询问以下问题来改善整个体系结构:
至
·哪个页面对本网站必不可少?
·每个页面是否与宏架构无关? 它们的存在会影响整体的连续性和可靠性吗?
·将来需要不断提供和更新哪些内容?
·网站需要加入哪些用户群? (登录用户,订户,广告商等)
·对于每种类型的用户,网站必须实现的目标是什么?
至
考虑这些问题可以帮助您更好地改善网站的信息体系结构并为导航设计做准备。
至
2.保持简单
至
绝大多数网站浏览者可能会同意这一点:网站的导航区域应设计得尽可能简单。 实际上,复杂且拥挤的导航栏设计会严重阻碍网站的整体可用性。
至
网站制作和导航设计高效转换的三项原则
彭博的网站就是这样做的,它使用简单的导航栏设计来掩盖网站的复杂性。
至
但是,简单的设计具有欺骗性。 在后续操作中,用户将发现复杂的信息以看似简单的方式打包。 这就是信息架构的作用。
至
以微软的主页为例。 网站的导航栏分为四个项目。 考虑到Microsoft庞大的产品线,这已经简化到了极致。 正是由于这个原因,每个项目的下拉菜单都被巧妙地划分为几个段落,从而使导航级别清晰明了,用户可以更快地找到他们想要的东西,并且Microsoft还可以划分产品和产品的复杂性和多样性。 服务集成到一个看似简单的导航栏中。
至
至
网站制作和导航设计高效转换的三项原则
在类似于小型车站的子页面中,导航栏也采用相同的设计。 乍一看,菜单设置与主页非常相似。 实际上,设计人员添加了更多详细信息以及更有针对性的功能和服务。
至
至
 
通常,这种导航栏设计更易于使用,并且在一致性前提下也更可预测。 考虑到Microsoft产品的大小和产品所需的页面数,Microsoft官方网站的设计显然是迭代开发的产品,需要花费大量时间,这并不容易。 在这种组织结构下,官方网站不仅使用户体验更好,而且使Microsoft管理内容更加容易。 这不仅使其简单,而且简化了复杂性。
至
3.谨慎选择方向
至
在传统意义上,计算机屏幕的方向是水平的,这也使垂直下拉菜单在很长一段时间内成为导航栏设计的主流方向。 从设计的角度来看,这种设计平衡且干扰少,是不错的选择。
至
作为虚拟现实设备的制造商,Oculus将导航设计为水平的,这符合其设备的自然逻辑。
至
至
但是水平导航并不一定能满足所有网站的需求,这就是为什么您看到这么多具有垂直导航的网站的原因,尤其是在电子商务领域。 彩色标签用于标识不同的类别,垂直导航设计与现实世界中的购物指南目录一致。 这种导航符合多类别和多内容的信息体系结构。 由于类别和文本内容,此处使用水平导航会引起混乱。
至
一个好的垂直导航并不容易设计,特别是当您的网站内容很多时。 杰克·琼斯的网站是一个很好的学习对象。
至
至
至
网站导航中的小图标具有良好的可读性,简单的形状包含大量信息,既简洁又强大。 每次单击类别,菜单都会展开,并且子类别会以清晰的逻辑显示。
至
至
至
当然,您也可以在Squarepusher的网站上看到相对不寻常的垂直菜单设计。 导航被设计为标签页,访问者可以通过滚动进行切换,这是一种更加线性的导航栏设计。
至
结论:规则正在改变
新工艺和技术的不断出现导致了新的设计趋势和新的挑战不断地向我们提出。 响应式网页设计使移动终端上显示在桌面上的传统水平导航更多地采用垂直导航的形式。 导航的设计不再受固定方案的约束,并且各种表达技术都可以产生良好的效果。 但是,最好围绕网站转换率和统计信息来完成设计和测试的迭代方法。
作为驱动网站发展的引擎,导航设计是可预测的,安排合理的,简单且一致的。
至
可能您还想看