导航栏按钮上的常见设计错误

导航栏是网站上最重要的元素之一。用户依靠它来查找他们需要的信息。当设计师没有正确设计导航栏按钮时，他们会迫使用户使用更多的工作。

这可能导致用户迷路，不知道他们在导航中的位置。它也可能使他们难以阅读标签和点击按钮。

以下是设计师在导航栏按钮上制作的5个最常见的错误。如果你犯了这些错误，那么现在是修复你的导航栏了。

1.不突出显示所选按钮

许多设计师无法突出显示其导航栏上的所选按钮。当用户点击一个按钮时，他们需要对他们所选择的视觉反馈。

没有它们，他们将不知道他们在任务流中的位置。他们可能会将他们所在的页面误认为另一个类似的页面。

使用形状和颜色对比来突出显示所选按钮。仅使用颜色可能会使彩色用户难以区分它。

以形状突出的标准方法是在标签下方放置强大的下划线。你也可以在标签周围放一个轮廓。但请确保它不会与栏中的任何号召性用语按钮竞争。

按钮标签也应该显示为主页标题。但是在导航栏中突出显示它可以使其更加清晰，以防止任何混乱。

2.所选按钮的低色对比度

许多网站使用低颜色对比来区分所选按钮。这是一个错误，因为它会减慢用户从识别站点层次结构中的位置。

低色对比度使得按钮标签难以阅读。这迫使用户必须调用他们点击的内容。如果用户可以通过视觉提示识别所选按钮，速度要快得多。

所选按钮应具有所有按钮的最高色彩对比度。这样用户可以快速识别活动按钮。

使用对比度检查器获得按钮标签和背景之间的对比度。

3.不活动按钮的低色对比度

不活动按钮的颜色对比度应该比所选择的对比度低。但不是很低，标签很难阅读。对比度过低会使用户错过按钮，并认为它们已被禁用。

4.不能使区域标签可点击

导航栏按钮在其周围有空白，将其与其他按钮分开。您应该使每个按钮的外围空白都是可点击的区域。这将给按钮一个更大的点击目标，以便用户可以更快地导航。

5.按钮上没有悬停和聚焦效果

在您的导航按钮上放置悬停效果使其更容易点击。这允许用户知道他们何时位于可点击区域。没有悬停效果，用户将假设他们总是必须单击按钮标签才能激活它。

并非每个用户都使用鼠标。使用键盘导航的屏幕阅读器用户在选项之间进行选择时需要聚焦效果。焦点效果是所有类型的可点击元素的良好的可访问性实践。

对待导航栏按钮

导航栏通常是用户点击网站的第一件事。用户点击按钮时需要清晰的视觉反馈。他们需要一个视觉线索，他们之后点击了什么按钮。

通过修复或避免这些常见的错误，使您的按钮直观。设计师不再需要忽略他们的导航栏按钮。给予他们妥善的照顾和关注将使您的网站轻松浏览。

谢谢观看

大家可以关注微信公众号：UED笔记

                                                     此号不整虚的