B2B 网站的 7 个用户体验设计最佳实践（+ 示例）

创建一个引人注目的 B2B 网站需要的不仅仅是让它看起来不错并解释你所做的事情。 您想建立一个买家角色，以确保您在编写内容时考虑到了正确的受众。 您想进行关键字研究以确保所述受众找到您。 是的，你绝对想让它看起来有吸引力，以便人们想要浏览你的网页并最终成为客户。

整个过程的北起点是用户体验（或 UX，就像酷孩子们所说的那样）。 做对了，就赢了一半。 但是，它究竟意味着什么？ 您如何知道您现有的网站是否具有良好的用户体验？

什么是用户体验？

用户体验是访问者与您的网站互动时的感受。 目标是设计一个直观、易于浏览并为读者提供价值的网站。 每个组件都应该存在，以确保它们留在您的网站上，而不是感到沮丧并前往竞争对手的网站。

从理论上讲，这听起来很简单。 在实践中，它需要大量的计划、测试和修改。 如此之多，以至于在您设计网站时，它不仅仅是在您的列表中打勾的另一个项目。 实际上，有一些用户体验专家会花费整个工作日来提出实现更好用户体验的想法。

无论您是从头开始设计网站还是使用模板，一切都应该考虑到用户体验。

用户体验如何影响您的 B2B 网站

用户体验是您网站最重要的元素之一。 当有效地完成时，积极的后果是几个：

较低的跳出率

当大量网站访问者在到达后很快离开时，并不是他们都很着急。 这意味着该网站还有很多不足之处。 这可能是因为它需要更快的加载时间、更好的号召性用语，或者难以导航。 您可以通过让 UX 专家进行网站审核、确定问题所在并解决这些问题来解决所有这些问题。

有效的买家之旅

并非每个潜在客户在他们的买家旅程中都处于同一个位置。 首次访问网站的访问者正在寻找与回头客完全不同的东西。 那么网站设计师要做什么呢？ 引导他们，就是这样。 良好的用户体验意味着您拥有为处于意识、考虑和决策阶段的访问者量身定制的内容。 您可以通过提供智能内容以及使用他们在进行研究时可能进入搜索引擎的关键字来做到这一点。

更高的转化率

转化率不仅仅是销售额。 当然，是的，这些确实最重要。 但是，期望每一次网站交互都以销售结束是不现实的。 有效的 UX 考虑到用户旅程的每一步，因此他们更有可能采取所有你想要的行动——加入你的电子邮件列表、订阅你的博客、参加网络研讨会、请求演示、安排电话、制作一项采购。 这需要有效的标题、吸引人的文案、有用的视觉效果和强烈的行动号召。

更短的销售周期

B2B 和 B2C 网站之间的区别因素之一是 B2B 网站的销售周期往往更长。 这是可以理解的，因为潜在客户的研究过程更长，投资也更大。 潜在客户在第一次访问任何网站时准备购买的情况非常罕见。 但是，如果您的网站加载速度快、易于浏览、为他们提供所需的所有信息并保持他们的参与度，您就可以加快这一过程。 另一个关键要素是设计一个吸引访问者注册您的电子邮件通讯的网站。 这样，您可以培养这些潜在客户，直到他们准备好购买。

提高客户保留率

获得新客户比保留现有客户要昂​​贵得多。 您的网站设计可以通过多种方式让客户再次光顾。 尽一切努力使他们与您的网站的互动愉快。 确保它快速加载。 实施响应式设计。 包括原生支付功能。 创建一个客户门户，以便他们可以检查其项目和/或订单的状态。 包括他们与您联系的几种方式。 使用实时聊天，以便他们可以快速获得问题的答案。 所有这些元素都将使您的客户满意，并继续为您的业务增加收入。

什么是用户体验 (UX) 设计？

用户体验设计过程需要考虑网站访问者所需的一切，并优化整个网站的每个功能和位置。 您不能只列出上面列出的所有功能并随机添加它们。

UX 设计将每个元素置于上下文中； 使所有内容与网络访问者在特定时刻所做的事情相关。 除了实用之外，这个过程还可以包括添加纯粹有趣或有趣的元素。 关键是创造一个潜在客户和客户想要留下来的环境。

用户体验设计过程可能因一个网站项目而异，但共同点包括：

• 进行广泛的市场调查
• 发展买方角色
• 创建线框
• 提出有用的功能，例如工具、教程、3D 体验或信息图表
• 确保涵盖用户体验象限模型的所有领域（如下所述）
• A/B 测试

用户体验象限模型

用户体验设计师是四个不同领域的专家，它们共同优化用户体验。

体验策略 (ExS)

ExS 是 UX 的主要保护伞。 在这里，您可以将积极的体验与有关您的业务解决方案的详细信息结合起来。 示例包括提供易于查找和易于理解的产品描述。

交互设计 (IxD)

交互设计是指您网站的交互元素——号召性用语按钮、工具、测验、页面转换等……这些是引导网站访问者和提高转化率的关键元素。

用户研究 (UR)

UR 涉及根据网络用户自己的行为和反馈来调查他们想要和喜欢什么。 要找出此类信息，您可以测试可用性，部署调查，甚至直接直接向他们提问（通过电子邮件、社交媒体或与他们互动时）。

​​信息架构（IA）

信息架构是指网站的结构。 如何根据导航栏组织所有内容，以及子页面及其层次结构。 它涉及以易于浏览的方式将所有内容组合在一起。

在设计网站时考虑所有四个要素可确保涵盖最佳用户体验的所有基础。

用户体验不佳的迹象

有些网站非常过时，任何访问它的人都可以看到其糟糕的用户体验元素：没有图像、没有链接、断开的链接、大量内容很少的页面、图像加载速度就像你在使用拨号盘一样慢互联网连接。 简而言之，任何看起来或感觉上都像是在 90 年代末/2000 年代初创造的东西。

但是，看起来更现代的网站仍然可能提供较差的用户体验。 进行网站审核以确定以下任何一项是否适用于您的网站：

加载时间慢

大多数人的注意力都像蚊子一样。 再加上我们现有的即时满足文化，如果您的网站在两秒钟内没有加载，人们就会离开。

没有移动优化

当不坐在办公桌前工作时，大多数人都会通过手机上网。 虽然一个网站可以快速加载并且在桌面上看起来不错，但如果很难从较小的屏幕上阅读或导航，潜在客户就会离开。

令人困惑的导航

网站应该是直观的。 菜单选项太多、每个网页的设计不一致、可点击的链接与文本的其余部分颜色相同，和/或模糊的号召性用语会让您的访问者感到沮丧。

模糊的行动呼吁

说到 CTA，这些内容应该简短且以行动为导向。 此外，读者应该确切地知道点击它时会发生什么。 单击此处不如下载电子书或安排通话有效。

高跳出率

当您查看您的网站指标时，跳出率最高的页面是什么？ 原因是什么？ 如果是因为它是一个登陆页面并且他们在填写完后离开，那么你就是金。 但是，如果您的主页、产品/服务页面或博客导致人们在几秒钟后离开网站，他们要么感到困惑、不知所措，要么感到无聊。

低转化率

您还需要注意人们采取您想要的行动的频率。 任何几乎被忽略的 CTA 按钮都表明您应该对它们进行一些更改。 这可以是文本、大小或颜色。

用户体验设计技巧和最佳实践

至此，您应该对什么构成良好的用户体验最佳实践有一个很好的了解。 但为了清楚起见，这里有七个你肯定想要实施的最佳实践：

1. 快速加载时间

如前所述，快速加载时间至关重要。 除非加载速度很快，否则您的读者不会在您的网站上看到任何其他内容。 要检查您的，请使用 Google PageSpeed Insights 或 Pingdom 等工具。

2.简单的导航栏

您网站上的任何内容都不应该是压倒性的。 您的导航栏应该可以轻松地从一个页面转到另一个页面，并且应该简单明了。 添加太多选项（或太多下拉菜单，其中包含太多选项）会令人困惑，并且是糟糕 UX 的典型示例。

3. 面包屑

面包屑使网站访问者可以轻松轻松地返回特定页面。 该术语是指辅助导航，用户可以在其中查看他们当前所在站点的位置。 对于导航栏上有下拉菜单的网站来说，这是一种很好的做法。 它显示为一系列水平链接。

在下面的示例中，您可以看到尽管 Bed, Bath & Beyond 网站有很多页面，但可以在“厨房”选项卡下的“咖啡和茶”菜单选项下找到咖啡的图像。 借助面包屑，我们可以一目了然地看到这一点。

资料来源：Bed, Bad & Beyond

4. 有用的内容

曾几何时，将关键字填充到网站中足以帮助其在 Google 上排名。 不再。 该策略不会改善您在 SERP 上的位置。 另外，要以客户为中心。 这不仅仅是为了让你看起来不错。 这是关于解决用户的痛点并帮助他们克服挑战。 就这样做吧。 提供教育内容——例如博客、电子书和白皮书。 以简单易懂的步骤解释流程，例如使用信息图表和视频教程。 回答他们的问题。 提供价值。 这将使他们回来，分享您的内容，并为您推荐更多业务。

5.空白

空白正是它们听起来的样子——段落和页面部分之间的空白区域。 包括大量的空白使您的网站保持清洁和易于阅读。 想想苹果和亚马逊。 你没有太多的噪音来吸引你的注意力； 这使您更容易找到您要查找的内容。

6. 跨网页的一致性

人们来到您的网站寻找解决方案。 因此，他们应该能够快速找出如何在您的网站上查找内容。 一旦他们这样做了，他们就想继续直观地这样做，而不管他们在哪个页面上。 因此，请保持布局一致，以使读者尽可能轻松。

7. 多种联系方式

您的部分市场研究包括找出您的目标受众更愿意与您交流的方式。 根据他们的世代、工作角色甚至他们的偏好，这可能包括电子邮件、电话或实时聊天。 选择他们的前两个并实施它们。 实时聊天非常适合实时快速获得答案。

用户体验设计示例

现在，要查看其中一些元素的实际效果，让我们看看那些做 UX 正确的企业。

中心点

当然，我们从 HubSpot 开始。 它很干净，有很多空白区域，号召性用语按钮可以吸引您的注意力并准确告诉您单击它们时会发生什么，并且它们可以通过实时聊天工具轻松获得快速答案。

在页面下方，通过简单的卡片设计，您可以轻松找到所需的中心。 在每个简短描述下列出他们最受欢迎的功能，使内容可扫描且易于理解。

苹果

像往常一样，Apple 在几乎所有方面都处于领先地位——他们通过网站的 UX 奠定了基础。 空白无处不在。 没有分心。 单击顶部的任何图标以查找您要查找的产品类型。 或者，如果您已经是他们的追随者并准备好交出您的钱，请单击“购买”。

但是，如果您还没有准备好打开钱包，他们会通过为您提供有用的比较图表来简化研究过程。 无需打开 50 个标签或从一个页面跳转到另一个页面来获取您需要的信息。 一切都尽可能简单和简单。

民宿

Airbnb 让您轻松找到住宿地点——无论您要去哪里。 事实上，即使你不知道要去哪里，他们也会帮助你找到一个你会喜欢的地方。 他们的主页文本很少，但您确切地知道去哪里寻找地方或成为房东。

他们还为网站访问者提供有用的内容，例如他们在旅途中要做的事情，或者在他们的家乡逗留可以获得的体验。

如果用户一直在考虑出租自己的房产，但仍有疑问，该网站可以很容易地找到这些答案：

提供用户体验就是以客户为中心：什么会让事情变得更容易？ 更愉快？ 更吸引人？ 然后扩展每个元素，让他们为找到您的网站而感到兴奋。 一旦他们这样做了，他们就会告诉所有他们知道的人。