高效导航设计三原则 网页设计师必知

高效导航设计三原则 网页设计师必知

　　为网站制作网站设计导航就如同为房子打基础。如果地基不牢靠，再壮观的设计规划也无法掩盖建筑模版结构的潜在风险，其实网站站点也是如此，如果想让网站站点拥有优秀的用户体验用户评价，良好的转化率，可观的销售额，你需要花费相当的时间去了解你的用户诉求需求，精心设计规划网站站点的信息内容，寻求可靠而直观有效的信息内容组织体系，而这些东西的外化体现，就是网站站点的导航设计规划。

　　什么是导航？

　　许多人对于网站站点导航设计规划的认知并不统一。有人认为，构成网站站点导航的是网页页面中的焦点元素，它们让用户使用者清晰直观地找到他们想要的东西。同样的，还有人认为导航设计规划是一种方式方法，引导用户使用者去寻找网站站点上最重要的信息，以达到销售或者查询等目的。这些说法都没问题，它们都是导航设计规划的一部分。

　　和设计规划领域的许多东西一样，导航设计规划并没有一个统一一致的“官方”的设计规划方式方法，或者说法，每个网站站点由于其目标、需求、设计规划手法、规划管理运营等诸多因素导致它们在导航设计规划上千差万别，但是在最基本的设计规划思路和组织模版结构上，导航设计规划还是有基本的规律和原则，确保组织架构可靠，降低失败的机率。

　　70percentpure 使用了最简单常见的垂直和水平导航来引导用户使用者。

　　1、首先确定信息架构

　　规划一个大型网站站点，规划好信息内容是进行导航设计规划之前的第一要务。而我们此处所说的信息架构（IA，Information Architecture），是合理的组织信息的展现形式，支撑起站点信息网站内容的骨架。信息架构的主要任务是为信息与用户使用者认知之间构建一座畅通的桥梁。

　　从更高的位置来看待站点信息网站内容有助于信息架构的搭建。更重要的是，你得学会从用户使用者的角度来看待站点信息网站内容。这也就意味着，有的时候你得站在正反两个位置来看待同一个东西，不同视角下你会发现有的信息内容的呈现方式非常反人类。你可以通过下面的问题来完善整个架构：

　　·哪些网站页面是这个网站站点必不可少的？

　　·从宏观架构上来看是不是是否每个网站页面都有其独立的目的，它们的存在是不是是否影响整体的连续性和可靠性？

　　·有哪些信息内容是需要在将来持续供应提供并调整更新的？

　　·网站站点所需要涉及到的用户使用者群有哪些？（登录用户使用者、订阅用户使用者、广告商等等）

　　·针对每种用户使用者，网站站点所要达成的目标是什么？

　　思考这些问题能够帮助你更好的完善网站站点的信息架构，为导航设计规划做好准备。

　　2、保持简单

　　绝大多数的网站站点浏览访问者可能会一致的认同这一点：网站站点的导航区域要尽可能设计规划的简单。的确，复杂而拥挤的导航栏设计规划会严重阻碍网站站点的整体可用性。

　　彭博的网站站点就是这样做的，用简单的导航栏设计规划来掩盖网站站点的复杂性。

　　然而，简单的设计规划还是具有欺骗性的。用户使用者在随后的操作中会发现复杂的信息被以一种看起来简单的方式包装了起来。这就是信息架构的作用。

　　以微软的首页为例，网站站点的导航栏被划分成四个项目，考虑到微软庞大的商品产品线，这几乎已经被简化到了极致。也正是因此，每个项目的下拉菜单都被巧妙地分割成为几段，这样一来，导航的层级就清晰了，用户使用者可以更快地找到他们想要的东西，而微软也可以将复杂多样的商品产品和服务，整合到一个看似简单的导航栏里面。

　　类似迷你站的子网站页面中，导航栏也沿用了相同的设计规划。菜单的配置设置乍一看和首页很相似，实际上设计规划者加入了更多细节点，更有针对性的功能和服务。

　　总的来说，这样的导航栏设计规划更加易用了，在保持一致的前提下，也具备更好的预测性。考虑到微软的商品产品体量，商品产品所需的网站页面数，微软官方网站的设计规划很明显是耗费了大量时间迭代建设开发的产物，殊为不易。官方网站在这样的组织架构之下，不仅让用户使用者的感受体验更好了，而且对于微软而言也更加便于管理信息内容。这不仅保持简单，也简化了复杂。

　　3、谨慎选择方向

　　传统意义上的电脑屏幕方向是横向的，这也使得纵向下拉菜单，在很长的一段时间里面成为了导航栏设计规划的主流方向。这样的设计规划，平衡且少干扰，从设计规划的角度上来看是不错的选择。

　　作为虚拟现实设备制造商的Oculus，将导航设计规划成为横向的非常符合他们的设备的自然逻辑。

　　但是横向的导航并不一定符合所有的网站站点的需求，这也是为什么你会看到那么多纵向导航的网站站点，尤其是在电商领域。彩色的tag标签被用来标识不同的品类，纵向的导航设计规划，与现实世界中的导购图册暗合。这样的导航符合多品类，多信息内容的信息架构，横向导航用在此处会因为品类和纯文本文字信息内容而产生混乱。

　　一个良好的垂直方向的导航，要设计规划好并非易事，尤其是当你的站点信息网站内容非常多的时候。Jack Jones 的网站站点是一个很好的学习对象。

　　网站站点导航中的小图标拥有不错的可读性，简单的形状包含了可观的信息，整齐而有力。每访问点击一个类别，菜单展开，显示子类，逻辑清晰。

　　当然，你还可以在Squarepusher 的网站站点看到相对不同寻常一些的纵向菜单设计规划。导航被设计规划成tag标签页，用户访客可以通过滚动切换，这是一种更为线性的导航栏设计规划。

　　结语：规则正在改变

　　新工艺新技术的不断涌现，使得新的设计规划趋势和新的挑战源源不断呈现在我们面前。自适应响应式页面结构网页设计使得桌面上传统的横向导航在手机移动端呈现的时候，更多是以纵向导航的形式表现出来。导航的设计规划不再被固定的方案所束缚，多种多样的表现手法都可以产生不俗的结果效果。但是，设计规划和测试的迭代方式方法，最好还是围绕着网站站点转化率和统计数值数据来进行。

　　作为驱动网站站点发展的引擎，导航设计规划的好坏是可预计的，精心布置又简单一致的。

　　网站建设免费素材下载：

　　如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对素材圈的支持！若你觉得本文对你有帮助，欢迎，烦请注明出处，谢谢！

转载自：高效导航设计三原则 网页设计师必知

网站建设服务

悉知科技是一个有着12年经验的网站建设开发公司，品牌建站/外贸网站建设/谷歌营销推广/品牌营销策划，这些我们都能帮您搞定！

在线咨询

网站建设制作方案是什么 ? 报价多少钱 ?

获取建站报价