“简单、大气” 相信是很多设计师在设计网站时客户要求最多的了。

可能大家会认为只要 WordPress 外贸网站设计得简洁大气、时尚美观，就会拥有高之不下的点选量和订单量。

然而 WordPress 外贸网站建设的时候有人会把所有分类都堆砌到导航栏，从而导致导航栏变的笨拙、拥挤。

这些小细节常常能让网站好不容易建立的好感付诸流水。

终上所述，使用者体验差的导航栏会导致使用者做出多余的互动动作，使他们感到困惑，甚至找不到自己所在何处页面，最终无奈地选择关闭网站。

那独立站的导航栏应该怎样设计才符合优质的使用者体验，才能进一步提高留存率呢？下面就深度剖解导航栏设计的常见误区。

误区一 冗长的导航内栏目 大众认为导航内栏目越多，就能给使用者更多的选择，但事实上是加大使用者进入内页的难度。

所以外贸派还是建议，应将最重要、最常用的栏目置于导航中。

例如，导航中常包含的有：About us 、 Search 、 Home Page 。

误区二 不标记被选中的按钮 也许会觉得设计师在版面上放置被选中的按钮是多余的，但大家却忽略了使用者视觉的反应。

当使用者点选一个导航上的按钮时，视觉上主动告知使用者选中了什么。

一旦没有了标记，就会难以引起客户眼球的注意。

误区三 被选中项和选中项的颜色对比太弱 被选中项颜色对比太弱了，减慢了使用者识别他们身在何处的速度。

反之，选中项颜色对比也弱了，就会造成使用者错过其他未阅读的栏目，使得产生怀疑。

误区四 没有把整个选项设置为可点选 导航中的栏目若是只能点选文字，点选区域少之又少。

当然，最好是把有限的空间最大化，设置为可点选区域，使用者使用导航时的速度加快。

导航是引导使用者从 A 点走向 B 点的重要指引，它也在整个网页的信息架构中作为页面的骨架。

因此，在原型设计阶段，除了避免以上所说的几点误区外，将导航的设计思路打磨清晰，确保让导航的过程足够顺滑、流畅。

这个也非常重要。

下面就详细说下这个优质导航设计的建议。

1. 带有流畅动态效果的下拉选单 在导航设计中，下拉选单的效果设计也是很常见的。

下拉选单用来承载二级导航元素，更大程度节省空间。

下拉选单是需要使用者触发的，因此展现的动态要足够的微妙，降低使用者浏览的陌生感。

2. 悬浮固定网页的导航选单 悬浮固定导航选单便于使用者快速跳转。

由于使用者对网站的不同页面间跳转的需求比较大，这种设计模式进一步优化了使用者体验。

3. 加入显眼的搜索框 使用者使用搜索的频率很高，搜索框是筛选信息、获取信息的重要渠道。

强大的搜索引擎是让使用者留存的主要因素，因此与导航一起存在，并要同时出现在每个页面。

4. 正确排列导航的栏目 虽说导航的栏目数量有限制，但栏目的先后顺序是有讲究的。

经 UEESHOP 研究发现，使用者更加容易记住最先看到的栏目，且位于导航中间的栏目。

5. 使用描述性的标签文字 使用标签文字作为栏目，可让使用者知道这个连结中所包含的内容。

注意尽量不使用太过宽泛的描述，选择更精准的描述。

6. 尝试使用全页面导航 导航这玩意可有不少新发现，想让使用者不错过？可以使用全页面导航，使得整个网站醒目地展现。

可靠的导航可帮助使用者达成目标，找到内容，提升页面的转化率。