优化B2B网站体验的10个最佳实践(上)

本文阐述的最佳实践只是优化的起点，而不是用户体验的终点。

以下是关于如何将Jakob Nielsen可用性启发法B2B或高关怀B2C在该领域，新一代网站的一些想法（不一定具有交易功能），如： 电子商务、用户注册等。

可用性启发式被认为是用户界面设计的“经验法则”（或最佳实践），当应用到你的网站时，这些将有助于减少摩擦，并使你的买家专注于您尝试传达的信息，而不是被有缺陷或者不完整的界面困扰。

在B2B或高关怀B2C在这个领域，你将面临这样的挑战——你必须解释很多，这样你的买家才能理解你的价格。 请记住，你销售的产品价值越高，内部摩擦就越高，你需要在网站上回答的问题就越多。

在这种情况下，信息架构是一项非常复杂的任务。B2B公司臭名昭著，因为他们忽视了这些事实，因为他们认为这对我们来说并不重要，因为我们实际上没有在我们的网站上出售任何东西……(我们只是一个平台)。

Hoa Loranger，Chris Nodder和Jakob Nielsen在其“B2B Website Usability for Converting Users into Leads and Customers报告中说：

“B2B由于它们必须帮助用户完成更高级的任务，并且需要研究更专业的产品，网站应该更加强调可用性。

在设计新网站时，特别是当您选择激进的再设计方法时，请记住，这些启发方法确实可以作为设计指南针或可靠的标准来确定页面设计、功能 或信息显示形式。

接下来，我们将讨论和解释如何使用这些启发方法。

可用性原则1：Make Your System Status Highly Visible (系统可见性)

Jakob Nielsen：

系统应始终通过适当的反馈让用户在合理的时间内了解正在发生的事情。

在设计B2B网站可以理解为：在浏览你的网站时，一定要告诉你的买家他们在哪里。

通过以下方式实现这一目标：

面包屑导航：面包屑导航（Breadcrumb navigation）就像一个GPS，告诉你的买家他们在你的网站上的位置。此外，通过面包屑导航，您的买家将有一条告诉他们如何到达那里的路径。因此，无论是基于位置、归因还是路径，请使用面包屑导航。页面标题：页面标题也应类似于买家点击的导航项目或链接，这不仅仅是SEO良好的实践也是一种很好的用户体验实践。如果页面标题与用户点击的内容相匹配，买方可以放心他的选择。突出显示所选菜单选项：当您单击导航项目时，请突出显示、粗下划线，以便买方立即获得菜单选项的反馈。在页面加载时显示进度条：页面加载指示器。如果您的买家试图在您的网站上做某事，如加载计算器小部件或处理请求，最好显示进度条或通知，以便他们知道发生了什么。Thank You页面：也是当前状态的重要指标，例如：如果您的买家下载电子书或订阅在线研讨会，那么Thank You页面确认刚刚采用的操作非常重要。

如果你跳过这些元素，你的网站会令人困惑，你的买家会开始怀疑它们在哪里，这是一个完全不必要的摩擦点（friction point），所以尽量让你的导航非常清晰。

Berkshire该公司做得很好，为买家提供关于他们在浏览网站时确切位置的反馈，面包屑导航告诉他们他们是如何到达那里的。

请记住，一个好的网站必须在买家提问之前回答买家的问题。然而，如果你的买家在试图找出你的网站时分心，或者想知道点击后是否发生了什么，他们会感到困惑和沮丧。

以此主页为例：

现在看看这个网站的其他页面，看看你是否能猜到点击网站的哪一部分，或者你是否知道你现在在哪个网站：

你不知道你在哪里……但实际上，用户点击了主页的某个地方。

以下是展示的例子。Thank You如何确认页面作为系统状态？Hey you have downloaded this report…”

专业建议：确保使用面包屑导航，并明确指出导航激活部分。

可用性原则2：Match Your System to the Real World (匹配现实世界)

Jakob Nielsen：

系统应该说用户的语言、熟悉的单词、短语和概念，而不是以系统为导向的术语。遵循现实世界的做法，使信息以自然和逻辑的顺序出现。

在设计B2B网站可以理解为：使用买家知道的短语和单词，而不是行话。你的买家必须看到他们熟悉的单词、短语和概念，而不是太技术性的术语。

事实上，最好的语言和语调应该直接来自买家。因此，花时间与客户交谈，让他们告诉你产品对他们意味着什么，解决了什么问题，以及他们在使用产品之前的生活。你在网站上提供的任何信息都应该以自然和逻辑的方式出现，而不是说话。

看看iTunes您将了解真实文本标签如何为用户提供舒适的用户体验。iTunes它本质上是一个巨大的数字图书馆，可以存储你最喜欢的媒体项目，无论是音乐、电影还是电视节目。显然，使用这些现实世界的标签可以通过保持语言相关性来帮助用户消费它们iMac最喜欢的媒体项目。

Techport 13用非常简单的语言解释了他们的所作所为：

买家字面上使用的术语如下：

推出新软件IT运行顺畅”

在网站redesign之前，他们在主页上的语言与现在的形成鲜明对比：

当然，他们的客户不会使用以下术语：

充分利用我们的资源、产品和成熟战略……我们的员工一直熟练地将丰富的经验应用到我们的客户身上……”

专业建议：您的网站必须使用现实世界的语言与买家交谈。

可用性原则3：Allow User Control and Freedom (用户控制和自由)

Jakob Nielsen说：

用户经常错误地选择系统功能，离开当前错误状态需要一个明确标记的紧急出口，而不需要扩展对话来支持撤销和重做。

在设计B2B网站可以理解为：消除从用户手中夺取控制权的任何东西。

以下是网页设计中常见的三个例子：（某些）Pop-up请求，自动播放视频、自动轮播等自动操作。

Pop-up请求：我们都访问过突然出现弹出窗口的网站，要求我们加入网站或进行反馈调查。这样的干扰性弹出窗口本身很烦人(尽管pop-up正确使用时是ok)，如果你的买家不能拒绝这样一个令人不安的请求，这种体验会更糟。

如果您想通过要求买家加入调查来收集反馈，请允许他们在弹出窗口出现时拒绝您的请求，从而给他们100%的控制和自由。信不信由你，会提高你的调查质量，因为选择加入的人更有可能诚实。

在Grainger在网站上，一家工业供应公司，买家在弹出窗口的大红色添加号召性语言按钮下清楚地看到No,thanks。你的买家会喜欢这个深思熟虑的功能，因为它会增加他们的用户体验。当然，想要提供反馈的人可以轻松点击Join”CAT按钮。

视频自动播放：买家的另一个问题是，一旦买家登录到该网站，一些网站就会自动播放视频。这可能令人沮丧，因为一些用户觉得这是一个麻烦。只在他们想要的时候播放视频，并补充书面信息。

Square这样做：

销售人员自动播放：如果你认为自动播放视频很烦人，你还没有体验过自动播放销售人员。信不信由你，还是有人在他们的网站上卖第二件事。这不仅是意想不到的假货，还会让买家失去很多时间，所以要避免这些不好的举动。自动轮播：另一个导致买家焦虑和沮丧失控的例子是自动滑动横幅，尽管反复证明自动旋转是无用的。与其在网站上使用这个令人分心的元素，不如向你的网站展示信息，这样买家就可以很容易地找到和探索，并完全控制他们的体验。