网页设计师必须知道高效导航设计的三个原则
建议:网站设计导航就像为房子奠定基础。 如果地基不牢固,无论设计多么壮观,都不能掩盖建筑结构的潜在风险。事实上,该网站也希望该网站具有良好的用户体验和良好的转换率。 大量的销售,您需要花费大量的时间来了解您的用户需要仔细设计网站的内容,以找到一个可靠和直观的内容组织系统。 这些东西的外化反映了网站的导航设计。
许多人不同意网站导航设计。 有些人认为网站导航是网页上的焦点元素,这使得用户能够清晰、直观地找到他们想要的东西。 同样,人们认为导航设计是引导用户在网站上找到最重要的信息来实现销售或查询的一种方法。 没事的。他们都是导航设计的一部分。
就像设计中的许多东西一样,导航设计没有统一的官方设计方法或声明。 每个网站由于其目标需求、设计、操作等诸多因素而不同于导航设计,但在最基本的设计理念和组织结构上。 导航设计仍然有基本的法律和原则,以确保组织结构可靠地减少失败的机会。
规划一个大型网站是导航设计的首要任务。 我们在这里提到的信息体系结构(iainformationarchitecture)是合理的组织信息显示形式。 支持网站内容的框架。 信息体系结构的主要任务是在信息和用户认知之间建立一座畅通的桥梁。
从更高的位置可以看出,网站的内容有助于建立信息结构。 更重要的是,您必须学会从用户的角度来看待该网站。 这意味着有时你必须站在正面和负面的位置来看待同样的事情。从不同的角度来看,你会发现一些内容是非常反人类的。 您可以通过以下问题改进整体结构。
绝大多数网站浏览器可能同意这一点:网站导航区域应尽可能简单。 事实上,复杂而拥挤的导航栏设计将严重阻碍网站的整体可用性。
然而,简单的设计仍然是欺骗性的。 用户会发现,复杂的信息是以一种看似简单的方式包装的。 这是信息结构的作用。
以microsoft的主页为例。网站的导航栏被划分为四个项目,考虑到微软的巨大产品线几乎已经简化到极致。 这就是为什么每个项目的下拉菜单被巧妙地分割成几个部分,以便导航水平清楚地表明用户能够更快地找到他们想要的东西。 微软还可以将复杂多样的产品和服务集成到看似简单的导航栏中。
导航栏在类似于小型车站的分页上也使用相同的设计。 乍一看,菜单的设置与主页非常相似。事实上,设计师增加了更多的细节和更有针对性的功能和服务。
一般来说,这种导航栏的设计更容易使用,同时也有更好的预测。 考虑到microsoft产品所需的页面数量,microsoft官方网站的设计显然花费了大量的迭代产品。 在这样的组织结构下,官方网站不仅使用户体验更好,而且使微软更容易管理。 这不仅维护了简单性,而且简化了复杂性。
在传统意义上,计算机屏幕的方向是水平的,这也使得纵向拉菜单在很长一段时间内成为导航栏设计的主流方向。 从设计的角度来看,这种设计是一个很好的选择。
但是水平导航不一定满足所有网站的需求,这就是为什么你会看到这么多纵向导航网站,尤其是在电子商务领域。 彩色标签用于识别不同类别的纵向导航设计和现实世界中的指南书。 这种导航符合多个类别和多个内容的信息结构。横向导航将在这里混淆,因为类别和文本内容。
设计一个好的垂直导航是不容易的,特别是当你的网站有很多内容。 杰克逊的网站是一个很好的学习对象。
网站导航中的小图标具有良好的可读性和简单的形状。 每次点击一个类别的菜单来显示一个类别的逻辑是明确的。
当然,您也可以在squarepusher网站上看到相对不寻常的纵向菜单设计。 导航设计为标签页面。游客可以滚动切换。这是一个更线性的导航栏设计。
新技术的出现使新的设计趋势和新的挑战继续出现在我们面前。 响应网络设计使台面上的传统横向导航在移动终端呈现时更倾向于纵向导航。 导航设计不再受固定方案的制约,各种性能技术都能产生良好的效果。 然而,设计和测试的迭代最好围绕站点转换率和统计数据进行。