创建简约的导航栏如何帮助您增加网站转化

如果您是初次走进商场，很可能您可能不知道要去哪里，因此需要查看目录。

该目录可帮助您浏览建筑物。如果没有它，或者做得不好，您可能会迷路。

您网站的导航与目录相同。用户需要它才能从站点上的A点到达B点。

如果它的轮廓太混乱了，用户不知道要去哪里，他们可能会很难找到您网站上一些最重要的页面。

为了帮助您创建最有效的导航导航并更好地将用户直接带到哪里，您可以立即实施以下5个特征。

1.简化内容

导航栏的目的是为用户提供清晰，简洁的访问位置选择。考虑到这一点，您为导航栏选择的标签不应不必要地冗长或压倒性的。

将导航中的项目数量保持在4到7左右。再也不会显得拥挤，并减少了用户登陆您希望他们进入的页面的机会。

较高的数量也容易导致不同视口大小的布局问题，从而导致开发人员为奇数大小的屏幕创建不必要的解决方法。

内容本身也应该简化为简洁明了的内容。您不想将用户与他们可能无法理解的冗长而复杂的标签混淆。

MindBody的出色表现在以下导航中得以实现。

他们没有说“游览”或“查看我们的价格”，而是剪掉了不必要的形容词，并使用易于理解的标签，以便用户可以确切知道他们要去的地方以及在去那里之前会得到什么。这也使周围的标签更容易，更快地被消化，因此他们无需三思而后行。

2.按层次结构组织

尽管看起来像字母顺序一样好，但这不是您应该使用它的时候。

您也不能仅因为希望用户访问而立即放置“立即购买”按钮。您需要适当地组织导航项，以便它们的顺序与用户行为最匹配。

传统上，*将“家庭”物品放在首位。

如果您选择删除它，而使用徽标作为链接回首页的一种方式，则尝试先放置一个“关于”项目，然后再放置一些与产品页面相关的链接。

任何咨询，登录或注册按钮的顺序都排在*，但是它们也应该是最引人注目的，因为它们传统上是最重要的页面，并且您希望用户最终到达该页面。

Github出色地完成了工作，创建了组织良好的导航，其按钮链接到用户可以登录或登录的位置。

如果导航时间较长，也可以尝试将可操作的项目放在主导航上方的小得多的导航栏中。这样您就可以包括它们，而不必担心主导航栏过于拥挤。

3.放在明显的地方

用户到达您的网站时，他们希望导航栏与窗口顶部水平对齐，或者与左侧或右侧垂直对齐。不应有任何东西比导航优先，因此需要将其移动到其他地方。

在整个网站上保持其位置标准并保持一致。这样，用户可以确切地知道下一步该去哪里。这将自动使跳出率保持较低状态，并有助于适当的用户流过您的网站。

大多数网站都将其导航保持在页面顶部，但也许您想对自己的网站大胆一些。如果是这样，请看一下Sprint的网站，该网站选择了带有图标的左对齐导航，以引起人们的注意。

4.避免使用下拉菜单

我知道了。您的网站上有很多页面，并且希望人们尽可能多地浏览它们，但是将它们放入巨大的下拉菜单中并不是解决问题的办法。

下拉菜单创建了几个问题。

首先，如果您的下拉菜单仅在悬停时激活，则除非您创建某种类型的后备，否则平板电脑和移动设备上的人员将无法导航。还显示出用户认为下拉菜单很烦人，因为他们需要更多的时间来思考他们想去的地方。

当然，如果您是电子商务网站，则下拉菜单是您*的朋友。因此，如果您适合急需一个人的人，那么Sony就是布置下拉菜单的*方法的一个很好的例子。

索尼将他们的产品分为不同的类别，因此用户可以立即按产品类型进行搜索，而无需访问在线商店，然后必须选择他们想要的产品。他们甚至将产品图像插入导航中，因此，甚至在查看其下方的单词之前，您都可以先了解该菜单项的链接位置。

5.使其反应灵敏

现在您已经知道如何布局和设计导航，是时候开始考虑导航将如何响应地工作了。

显然，您的水平导航栏不适用于平板电脑或手机。相反，您需要压缩它。幸运的是，有几种有效的方法可以根据桌面菜单的功能来布局移动菜单。

大多数人都使用“汉堡”图标，该图标位于与桌面导航相同的区域。单击时，菜单功能可能会根据最适合您的站点的方式而变化。如果您具有单级导航，则可以执行一个类似于Microsoft的单项下拉菜单（减去它们具有的多级导航）。

如果您不喜欢该用户界面，则也可以像Digital Telepathy一样进行全屏幻灯片/淡入导航。

如果您使用的是多级导航，请尝试检查我们的客户之一Accelerence，他们有一个滑入式导航仪，所有订购的东西都与台式机导航仪相同。

如果您愿意，也可以将这种方法用于具有单级导航的网站，但是对于下拉式导航，此布局的可用性是这三种方法中*的。

如果您不确定哪种方法最适合您，请记住，A / B测试是您*的朋友，可以在此处利用它来确定哪种选项最适合您的用户。

当前标题：创建简约的导航栏如何帮助您增加网站转化
链接分享：https://www.cdcxhl.com/news/205719.html

成都网站建设公司_创新互联，为您提供定制开发、静态网站、Google、小程序开发、动态网站、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联