设计网站导航时，你应了解的简单之美

交互、共同、极简，这些都是咱们谈到网站导航经常听到的词汇。但对于导航，还得提另一点：简略化。

简略的导航是美丽的web规划元素之一，它结合了交互规划和极简规划的长处，同时进步了网站规划的共同性。

一般来说，简略的导航都具有以下两个主要特征：

1.  网站主导航栏一般是三到七个不相同的模块，下拉菜单或任何二级导航不包括在内。
2.  默许状况下，导航连接对错躲藏式的，移动端上也是如此。就算躲藏在图标或按钮后，那标签按钮也得规划的十分显眼。

不要小看这些小小的改动，它们对网站可用性的影响十分大。今日，咱们就来讨论一下简略导航的好处。

 
优化的内容安排办法
简化导航将显着影响网站的构建， 它一般涉及到把网站的很多内容合并到一个标题下，还包括从头创建导航和内容，以改进用户体会。
 
 
依据内容的架构
大多数网站选用内容型导航，而且有充分的理由。在这种构造下，你的页面将依据用户的希望进行逻辑排序，然后方便用户查找。
 
下图的导航即是个典型比如。 网站导航栏除了地址挑选和订货按钮外，还有菜单、每日特色菜、品牌誓言、承办宴席、积分节目。


另一个比如是Dribbble。它的网站依据用户需求分为不相同种类，有著作展现、规划师博客、播客、线下集会和作业时机等节目。


 
依据用户的架构
 假如网站是为不相同集体效劳，那你能够规划以用户为基础的导航。在这种构造下，你的网站会对于不相同的用户分红多个节目。
 
其间一个比如是内布拉斯加大学林肯分校。其页面导航节目显现了校园等待游客、有申请意向的学生、在校生以及教职员工拜访网站。

 
另一个比如是夏洛特人道协会网站。其页面导航显然是对于猫狗领养人、寻求诊所效劳的宠物主人、志愿者以及捐赠者。


 
沟通更顺利
改动页面导航，也是在改动与用户沟通的办法，所以你一定要小心翼翼。一般简练的导航每个节目只有一个词，因而这些词需求细心挑选。

 
依据方针的标签栏
依据方针的标签节目在网站规划中很多见，它倾向于为内容供给特定的呈现区域。不相同类目都有不相同页面，而且一切类目运用一个英文词命名。以Hak5为例，其网站节目都仅用一个英文词表达，分别为对于咱们、论坛、节目、订阅以及商城。


 
依据动作的标签栏
经过运用动作标签栏，你能够提示用户进行下一步操作，让用户持续阅读你的网站。用户参加的各项活动都会有不相同的页面呈现，而且这些活动单用一个动词命名。以TED为例，其标签栏有观看、发现、到会和参加节目


 
更具直观性和互动性
最终一点，简略的导航将鼓舞用户阅读你的网站。但是，你能否真正获利取决于你在移动端和小屏幕上的导航规划。

直观性
在平板电脑和移动端上，假如你运用的导航连接始终保持可见，而不是把它们躲藏在多见的“汉堡包菜单”或别的款式按钮里，用户会感觉你的网站导航愈加直观。

例如，Momentum就具有十分直观的导航功用，由于其桌面端和移动端带给你的体会都相同，甚至连导航进口方位都是相同的。


而躲藏导航，则会添加网站的复杂性。一些用户可能认不出躲藏导航连接的按钮菜单，而别的用户可能会犹疑是不是点击按钮，由于他们不确定按钮后是躲藏着的导航连接。防止这么的导航规划能提升网站的用户体会。

互动性
话虽如此，但把一切导航连接都平铺呈现的办法并非合适一切网站，特别是当你的网站有七八个导航连接或许你想利用下拉菜单让用户进一步阅读你的网站时。碰到这种状况，你能够躲藏导航进口，但用来展开导航进口的按钮一定要十分显眼。即使导航进口并非一向可见，你也要保证用户在阅读网站的任何一处时都能翻开导航连接。为了招引用户，鼓舞他们点击按钮，你能够在按钮旁标示“菜单”或“探究”。

Subaru就做得极好，不仅是在移动端上明白标示了菜单，而是“车型”和“经销商”模块进口也很明白。


假如做得好，简略的导航在很多方面的确能进步可用性，让网站获益。但若做得欠好，则会伤害到用户体会，所以规划合适自己网站的导航很主要。

原文作者： Christine Logan