阅读本文，如何打造高效网站导航？

用视觉的语言， 不是文字 在有意义的地方，使用图标和其他的视觉线索，你不是只使用文字导航带来额外的意义。 反正吧… 这将允许用户的大脑过程更迅速依靠模式识别而不是阅读。

网站导航的重要性

就这？ 构建网站导航菜单是用户更深入了解网站体验的关键组成部分。试想,第一次访问网站的访问者,如果找不到信息,有负面体验,一般不会每次点击网址导航都返回网站。

好的网站导航应该遵循以下原则。

让导航显而易见

挺好。 它在视觉上很明显,很容易找到。不要让导航和文字采用相同的颜色、字体和大小,导航文字要突出。对于菜单按钮,使用高对比度的颜色和清晰的文字来帮助访问者快速查看可用信息。

保持一致性

在所有页面中使用相同的导航模型。菜单链接很容易使用。不要让用户猜测。保持文本简短。避免对所有技术术语使用描述性文字,如产品或服务。

整起来。 搜索引擎也更喜欢描述性的锚文本,这也有助于提高页面排名，咱就是说这点很重要。

有效导航的例子

一个网站的导航有效演示 用户有两种方式获取网络上的信息：搜索或浏览。浏览–移动通过多方位的内容结构–是一个直观的导航层次结构时信息架构师目前用户更容易。

优先级和视觉语言

请大家务必... 优先级就是给一个元素突出相对于其重要性在层次。至于导航层次结构，这是通过先说说考虑每个元素的关系做了用户的目标。 排序的原因是诸如“设置”或“配置”通常比在网站或应用程序的主要作用不明显。

害，简单的说就是要让重要的东西更显眼。

不好的例子

微软Metro UI 我最喜欢的一个最近的违规者是微软Metro UI。这已经为Windows Phone界面的一些时间，很快就要到了对Windows 8的桌面。通过主屏幕瓷砖一样的颜色与白色字体和白色的图标，用户必须阅读每瓦而不是应对独特的图标和颜色，说句实话…。

Rdio的iPhone应用程序 这个Rdio的iPhone应用程序界面使同样的错误作为微软Metro UI。当他们把图案，颜色和图标的大小一致，迫使用户密切扫描每个项目。在一个美丽的、成功的应用，我发现自己多次扫描屏幕选项，找到我所需的行动，小丑竟是我自己。。

Craigslist的错误

Craigslist提供小优先级和一个不存在的视觉语言。用户需要在找到他们正在寻找的链接阅读几乎每个条目在首页，话说回来.….。

好的实践

通过实例学习 现在我们已经看到了他们，我们才能避免这些妖怪的一致和创造更有效的导航结构？ 我当场石化。 让我们来看看一些好的例子：

Mint的成功

Mint一直被视为一个典型的用户体验和他们的地区，使用高度视觉导航一些不错。“保存”标签，特别是依赖于一个经过反复推敲的图标导航方式。

ESPN的有效设计

ESPN的网站有多种不同的导航风格贯穿始终， 但我发现悬停状态为主要的导航项目是特别有效的照片， 纯正。 视频和文字相结合，不同的权重。

.

麻了... .尺寸事项 使用大小和颜色的差别来区分更重要的链接或按钮。 .是不一致的 从复印机中得到灵感：而不是努力给所有导航项目相同的尺寸和外观， 杠杆不一致在你的设计，最重要的项目得到大的能见度。

网站结构优化与导航清晰.

.再说说的话

不是所有的导航是平等的。通过在你的导航元素采用优先级和视觉语言，你会帮助用户导航完全忘记。 吉米约翰的三明治 每一次我在一个三明治吉米约翰的网站，我发现自己重新仔细阅读每个导航项目。为统一起见，每个导航项目看起来是一样的：红色，黑色，白色。在吉米约翰的三明治的导航，那么大。 Instagram的应用 Instagram的应用按钮有效结合优先级和视觉语言。 环保纤维光学 EPB光纤充分利用不同级别。 指引成功 我们看到， 包括好的坏例子后 现在让我们概括下 以下方法可以帮助我们创造更多的优先， 视觉导肮案： 重视用户的目标转换。 当试图确定如何安排你导肮意义时 想从你用户的首要标目或转率开始， 那些元让素突，易理解。 像大型商场导视系统一样， 如果指示模糊不清楼层分布混乱, 顾客很快迷路并转身离开. 对比维度 清晰导肮计设 混乱导肮计设 建网，我跟你交个底...

在我看来... 层级度 ≤深平高 超过难以触 标签命名 直观秒懂 模抽增思考成 当前页标识 清晰亮 无明显指 移动端适配 专优化 简单缩 再说说有效网

站导肮不仅仅关乎美观, 还于用体及检搜引器优有关. 高效网

站导肮能助访问快速找内容.