公用事业导航：它是什么以及如何设计它

用户工具

公用事业塑造人们如何与您的组织，网站和内容进行互动。

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

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

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

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

放置

在过去，公用事业导航中的项目已嵌入在内容区域中，放入侧边栏，或卡在导航栏中。然而，近年来，许多工具已迁移到网页的右上角。这种突出的放置使它们总是可见，并且通常更容易注意到。我们经常看到用户寻找工具的那个领域，特别是对于诸如此类的项目日志搜索,和我的帐户．

信息网站（和致力于新闻和文章的网站）经常分割公用事业网站工具放在右上方，和工具条在内容区域的顶部中心。订阅工具（新闻通讯，RSS，社交媒体等）通常被放置在底部导航区域。分享工具经常出现在人们最想分享的文章、菜谱、列表和其他信息页面的开头和结尾。

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

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

建议

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

公用事业导航的例子

与访问者进行测试

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

我们提供几门课程用户测试，导航， 和视觉设计这是朝向的用户体验认证．