实用导航:它是什么和如何设计它

用户工具

实用程序塑造人们与您的组织、网站和内容交互的方式。

网站提供的工具因其大小和任务而异，但许多实用导航领域包括:

• 联系我们
• 关注我们
• 区域设置切换器/语言工具
• 登录/报名
• 打印
• 保存
• 分享
• 订阅
• 改变字体大小的工具
• 查看单页

虽然购物车是电子商务网站的核心功能你可以说它是的定义特性)，约定也要求在实用程序导航中找到购物车图标。我们都知道，以下约定是一种提高可用性和提高转化率的简单方法。搜索，另一个核心特性，也经常在主要实用领域中找到。

尽管大多数实用程序的导航功能是二次在自然界中，它们在某些情况下对人们很重要。作为次要的，它们可以被降级到次要的(不那么突出的)视觉位置，只要这是在符合网络规则的情况下做的，这样用户就可以在需要的时候快速找到一个实用程序。

放置

在过去，实用工具导航中的条目被嵌入到内容区域、放在侧边栏或卡在导航栏中。然而，近年来，许多工具已经迁移到网页的右上角。这种突出的位置使它们总是可见的，通常，更容易注意到。我们经常看到用户在这个区域寻找工具，特别是像日志搜索,和我的账户．

信息性网站(以及专门用于新闻和文章的网站部分)经常将实用程序与sitewide工具右上的放置,工具条在内容区域的顶部中心。订阅工具(时事通讯、RSS、社交媒体等)通常放在底部导航区。分享工具经常出现在人们最想分享的文章、菜谱、列表和其他信息页面的开头和结尾。

(首先，把实用导航放在4个不同的区域可能会让人感到困惑，但请记住，只有信息架构极客才会把这些东西放在“实用导航”和其他形式的导航上。对于普通用户来说，用于不同用途的工具是不同的，可以在动物园的不同地方找到而不会造成混淆。)

一些组织试图将实用导航隐藏在汉堡包菜单(3条水平线)或其他点击显示元素下，如齿轮图标和滑出抽屉。这种整洁屏幕的方法可能适得其反，所以最好进行测试和监控，以确保您的访问者实际使用这些新的交互约定，并且您没有把重要的工具隐藏得太好。忽视设计原则是个坏主意，即使大公司都在这么做。

建议

• 提供带有文本标签的图标．人们喜欢图标，但他们不理解它们，也很难记住它们。另外，网站使用的图标也不一致。不要依赖那些无法在触摸屏上显示的悬停文本解释(工具提示)。为了便于阅读、理解和翻译，可以使用文字，或者文字和图标同时使用。研究人员发现，当汉堡菜单上有标签时，人们会更多地使用它菜单还有边框，让它看起来更像一个按钮。
• 如果在导航图标下隐藏关键任务工具，测试理解和交互能力(汉堡包、椭圆、齿轮等等)因为人们不倾向于点击他们不理解的东西。这些新兴的惯例在移动平台上最有效，用户界面中很少有干扰。
• 根据人们的期望对公用事业进行分组:或在右上角，或在他们影响的内容旁边。可以将它们与其他导航结构融合在一起，或者在底部导航区域放置一些次要工具，因为人们在寻找他们需要的东西时，往往会非常仔细地查看导航区域。
• 使控件看起来像控件，并为它们使用典型的名称．
• 将两种类型的社交媒体图标分开。把关注我们从分享这因为他们看起来很像，但他们做的事情却非常不同。
• 不要疯狂地使用共享工具和共享计数器,因为研究显示人们更多地使用自己的工具和方法进行分享。一些网站已经放弃了嵌入式社交媒体分享和就像所有的工具，因为视觉混乱和访问者隐私的丧失不值得这些工具获得最小的参与。
• 包括订阅工具．让读者更容易地了解特性、作者和提要。
• 遵循搜索工具的最佳实践．
• 不要在区域设置中使用标志除非只有少数地区共享同一种语言(因此使用的标志对大多数读者来说是熟悉的)。在语言本身的字符集中使用语言的名称代替。
• 把登录和报名紧挨着．
• 使用颜色和按钮来强调最重要的动作把人们的视线吸引到公用区域。

公用事业导航的例子

与访问者进行测试

实用程序导航在其约定和位置上变得更加成熟。每当这种情况发生在网络上时，人们就很容易利用自己对热门网站的熟悉程度，跟随他们的脚步。但最终，最有用的解决方案会胜出，所以要进行测试，确保导航对用户有效，没有隐藏他们需要的工具。

我们提供几门课程用户测试，导航,视觉设计,计入用户体验认证．