每个站点由于其
目标、要求、设计、
操作等因素使其在导航设计上各不相同,但在设计思想和基本结构上,导航设计仍是一个基本的规则和原则,保证结构可靠,减少
故障发生的几率。
一个导航
网站设计就像房子建的基础。如果基础不扎实,壮观的建筑结构设计可以隐藏的潜在风险,事实上,网站也是如此,如果你想让你的网站有一个好的
用户体验,好的转化,大量的销售,你需要花相当多的时间来了解你的用户,精心制作的网站内容的可靠和有效的组织体系和
搜索,这些东西的设计是网站的导航。
什么是导航
许多人没有
网页导航设计的一个统一的认识。有人认为,网站导航是一个网页,让用户找到他们想要的清晰、直观的焦点元素。以同样的方式,有些人认为导航设计是一种方式,引导用户在网站上找到最重要的信息实现销售或
查询的目的。这些陈述
都是正确的。它们都是导航设计的一部分。
很多事情和在设计领域中,导航设计不是一个一致的官方;设计
方法,或者说,每个站点由于其目标、要求、设计、操作等因素导致他们在导航设计上各不相同,而是设计理念和组织的基本结构。导航设计仍然是一种规律和组织的基本原则,保证了可靠性,减少了失败的几率。
70percentpure采用最简单和最常见的垂直和水平导航引导用户。
1。首先确定信息体系结构
规划一个大型的站点,规划的内容是第一重要的
任务,在导航设计。IA(信息架构),我们在这里说的,是一种合理的组织信息的形式,
支持网站的内容的骨架,信息架构的主要任务是建立一个畅通的桥梁之间的信息和用户认知。
从更高的
位置看网站的内容有助于建立信息架构,更重要的是,你必须学会从用户的角度看网站的内容,这意味着有时你不得不站在两个正面和负面的位置来看待同样的事情。从不同的角度来看,你会
发现演讲的方式是非常反人类的,你可以通过以下的问题来改进整个架构:
什么网页对这个网站是必不可少的
在宏观体系结构上,每一页是否有
独立的目的,它们的存在是否
影响到整体的
连续性和可靠性
未来需要不断提供和更新的内容是什么
Web站点需要参与的用户组是什么(
登录用户、订阅者、
广告商等)
对于每一个用户,网站的目标是什么
考虑这些问题可以帮助您更好地改进网站的信息架构,并为导航设计做准备。
2,保持简单
大多数Web
浏览器都同意网站的导航
区域应该尽可能的简单,事实上,复杂而拥挤的导航栏设计将严重妨碍网站的整体可用性。
这就是布隆伯格的网站,使用简单的导航栏来掩盖网站的复杂性。
然而,简单的设计仍然是欺骗性的,在随后的操作中,用户会发现复杂的信息以一种看似简单的方式被包装起来,这就是信息体系结构的
作用。
以微软的主页为例,网站的导航栏分为四个项目,这几乎已经被简化到极致,考虑到微软庞大的产品线。因此,每一个项目的下拉菜单被巧妙地分割成几个部分,作为一个结果,导航清晰的水平,用户可以快速的找到他们想要的东西,但是微软也可以是复杂和多样化的产品和
服务,集成到一个看似简单的导航栏。
在像迷你站这样的子页面中,导航栏也遵循同样的设计。菜单的
设置与首页非常相似。事实上,设计师增加了更多的细节,更有针对性的
功能和服务。
一般来说,这样的导航栏的设计更容易使用,并提供一致的前提下,它还具有更好的可预测性。考虑到微软的产品和为产品所需要的页面数量,微软官方网站的设计显然是一个产品,花了很多时间开发迭代,这是不容易的。这样的组织结构下,官方网不仅让用户体验更好,但也使得它更容易为微软
管理内容。这不仅使它简单,而且简化了复杂度。
3,小心选择方向。
传统意义上,
计算机屏幕的方向是横向的,这也使得垂直牵引菜单成为导航杆设计的主流方向,这种设计平衡、干扰少,从设计的角度来说是一个不错的选择。
作为虚拟现实设备制造商Oculus,导航设计成水平的自然逻辑和他们的设备兼容。
但是水平导航并不总是符合所有网站的需求。这就是为什么你看到这么多的纵向导航网站,特别是在电子商务领域,标签的颜色是用来
识别不同类别,垂直导航的设计,在现实世界中引导阿特拉斯吻合。这样的导航与多类别,多内容,信息架构,在水平导航混乱的类别和内容。
一个好的垂直方向的导航是不容易的设计,尤其是当你的网站有很多内容。Jack Jones的网站是一个很好的
学习对象。
网站导航中的小
图标可读性好,简单的图形包含大量信息,简洁有力,每点击一个类别,菜单展开,
显示子类,逻辑清晰。
当然,你也可以看到一个相当不寻常的纵向菜单设计在Squarepusher网站。导航被设计成一个标签页,和客人可以开关的滚动,这是一个更线性的导航栏设计。
结论:规则正在改变。
新技术和新技术的不断涌现,使新的设计趋势和在我们面前的新的挑战。响应网页设计使
桌面上的传统水平导航是在
移动端,在纵向导航的形式。导航的设计不再局限于一个固定的方案,和多种表现手法能产生良好的效果。但是,设计和测试迭代的方法最好是围绕网站转化和统计数据做。
作为推动网站发展的引擎,导航设计的质量是可预测的、精心安排的、简单而一致的。