bts防弹少年团演唱会

bts防弹少年团演唱会

更好的B2B网站体验的10个最佳实践

《更好的B2B网站体验的10个最佳实践》

最佳实践是起点:如果您没有数据,请从这些开始。 它们不是你最终应该得到的,但它是你开始的地方(优化)。 这是一个重要的区别。

以下是关于如何将10 Jakob Nielsen可用性启发式技术应用于B2B或高度考虑B2C领域的领导代网站的一些想法,其中不一定有任何交易功能,例如电子商务,用户注册等。

可用性启发式被认为是用户界面设计的“经验法则”(或最佳实践)。 当应用到您的网站时,这些将有助于减少摩擦并让您的买家专注于您尝试传达的信息,而不是因缺乏或不完整的界面而分心或混淆。

《更好的B2B网站体验的10个最佳实践》

图片来源

在B2B或高度重视B2C领域,您可能会面临挑战,必须解释很多让买家转换您的优惠。 请记住,您销售的产品价值越高,固有摩擦力就越高,因此您需要在整个网站上回答的问题越多。 在这些情况下,信息架构是一项复杂得多的任务。 一些B2B公司因忽视这些事实而臭名昭着,认为“这对我们来说并不重要,因为我们实际上并没有在我们的网站上出售任何东西……”

Hoa” nodder>和Jakob” nielsen>在其“ %E5%B0%86%E7%94%A8%E6%88%B7%E8%BD%AC%E5%8C%96%E4%B8%BA%E6%BD%9C%E5%9C%A8%E5%AE%A2%E6%88%B7%E5%92%8C%E5%AE%A2%E6%88%B7%E7%9A%84B2B%E7%BD%91%E7%AB%99%E5%8F%AF%E7%94%A8%E6%80%A7“>

“B2B网站应该更多地强调可用性,而不是更少,因为它们必须帮助用户完成更高级的任务并研究更专业的产品。”

在设计新网站时,特别是如果选择了一种彻底的重新设计方法,那么记住这些启发式方法确实可以作为北极星,或作为一个可靠的标准,可以用来决定页面设计,功能的不同不同选择,或分层信息的方式。

在这里,我们将评论并提供示例,以说明在重新设计lead gen网站时这些启发式方法的相关性。

启发式#1:使您的系统状态高度可见

雅各布尼尔森说: 系统应该始终通过适当的反馈在合理的时间内让用户了解正在发生的事情。”

lead gen web design的翻译:在浏览网站时,请务必告诉买家他们的位置。 您可以通过以下方式实现此目的:

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

如果你跳过这些元素,你的网站将会令人困惑,你的买家会开始怀疑它们在哪里,这是一个完全不必要的摩擦点 。 使您的导航非常清晰。

伯克希尔公司做得很好,为他们的买家提供有关他们在浏览网站时的确切位置的反馈,并且面包屑告诉他们他们是如何到达那里的。 《更好的B2B网站体验的10个最佳实践》

在MSC工业供应公司的情况下,想要查看他们的专业小册子的买家看到旋转进度“轮子”,表明整个小册子的装载百分比。

《更好的B2B网站体验的10个最佳实践》

最重要的是,请记住,好的网站在考虑提问之前必须回答买家的问题。 但是,如果您的买家在试图弄清楚您的网站时会分心,或者想知道点击后是否发生了什么事情,他们会感到困惑和沮丧.-

以此主页为例:

《更好的B2B网站体验的10个最佳实践》

……那都很好吗?

那么,现在看看这个其他页面,看看你是否可以猜到点击了网站的哪个部分,或者你是否可以告诉你网站的位置:

《更好的B2B网站体验的10个最佳实践》

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

以下是感谢页面应如何作为系统状态确认的示例:“嘿,您已下载此报告……”

《更好的B2B网站体验的10个最佳实践》

专业提示:确保使用面包屑并清楚地指出导航活动链接。

启发式#2:将您的系统与现实世界相匹配

雅各布尼尔森说: 系统应该说用户的语言,用户熟悉的单词,短语和概念,而不是系统导向的术语。 遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。“

领导网页设计的翻译:使用买家已经考虑过的短语和单词,并消除行话。 您的买家必须遇到他们熟悉的单词,短语和概念,而不是过于技术性的术语。 事实上,最好的语言和语调应该直接来自买家口中。 因此,花时间与客户交谈,让他们告诉您产品对他们意味着什么,解决了什么问题,以及他们在使用产品之前的生活。 您在网站上提供的任何信息都应该完全没有用,并且以自然和逻辑的方式显示。

想想iTunes的用户界面外观,你会欣赏真实文字标签如何为用户提供舒适的用户体验。 iTunes本质上是一个巨大的数字图书馆,可以存储喜欢的媒体项目,无论是音乐,电影还是电视节目。 很明显,使用这些真实世界的标签可以帮助用户通过保持语言相关性来消费他们在iMac上最喜欢的媒体项目。

《更好的B2B网站体验的10个最佳实践》

Techport”>做得对。 他们的价值主张用非常简单的语言解释了他们做了什么:

《更好的B2B网站体验的10个最佳实践》

他们的买家字面上使用的术语如下:

  • “推出新软件”
  • “培养团队”
  • “进行系统自定义和增强”
  • “让IT运行顺畅”

这在他们的主页上被认为是成功的。

现在,在网站重新设计之前,他们在主页上的语言形成鲜明对比:

《更好的B2B网站体验的10个最佳实践》

%E5%9B%BE%E7%89%87%E7%94%B1webarchive.org%E6%8F%90%E4%BE%9B“>

当然他们的客户没有使用以下术语:

  • “我们的资源,产品和成熟战略”
  • “充分利用”
  • “……我们的员工一直在熟练地将丰富的经验应用于我们的客户”
  • “各种各样的客户体验……”

你明白了我的意思。

专业提示:您的网站必须绝对与买家的真实世界语言对话。

启发式#3:允许用户控制和自由

雅各布尼尔森说: 用户经常错误地选择系统功能,并需要一个明确标记的”紧急出口“,以便离开不需要的状态而无需进行扩展对话。 支持撤消和重做。“

lead gen web design的翻译:简单; 消除任何可以控制用户手中的东西。 以下是三个示例,其中此启发式通常在网页设计中被违反:弹出窗口提供(某些),自动播放视频和自动轮播等自动操作。

弹出窗口提供:我们都访问了突然出现弹出窗口的网站,并要求我们加入网站面板或进行反馈调查。 虽然像这样的侵入性弹出窗口本身就很烦人( 虽然弹出窗口实际上可以正常工作 ),如果你的买家不能拒绝这样一个侵入性的提议,它们会更糟。 如果您想通过要求买家加入专家组或进行调查来收集反馈,那么请确保在弹出窗口出现时让他们拒绝您的报价,从而给予他们100%的控制和自由。 信不信由你,这将提高你的调查质量,因为那些选择加入的人更可能是诚实和真诚的。

在Grainger的网站上,一家工业供应公司,买家在弹出窗口中的大红色“加入”号召性用语按钮下面清楚地看到了有用的“不用感谢”的缩影。 您的买家会欣赏这一深思熟虑的功能,因为它会增加他们的用户体验(不会带走)。 当然,那些想要提供反馈的人可以轻松地点击“加入”号召性用语按钮。 《更好的B2B网站体验的10个最佳实践》

另一个例子就在这个博客中 。 在写这篇文章时,有一个幻灯片的号召性用语,在页面上显示50%的滚动; 它具有折叠控制的优点,因此如果买家不想立即采取行动,买家可以稍后再回来:

《更好的B2B网站体验的10个最佳实践》

自动播放视频:买家的另一个问题是,一旦买家登陆网站,一些网站会自动播放视频。 这可能令人沮丧,因为有些用户可能会在他们登陆您的网站时看到这是一种麻烦。 重要的是不要假设你的买家想要做什么,所以让你的买家在他们想要的时候播放视频,并让它作为书面形式的信息的补充。

Square就是这样做的:

《更好的B2B网站体验的10个最佳实践》

自动播放销售人员:如果您认为自动播放视频很烦人,那么您还没有体验过自动播放销售人员。 信不信由你,仍然有网站有人在他们的网站上出售第二个东西。 这不仅是出乎意料的假货,它还会让买家失去大量时间,所以不惜一切代价避免这些糟糕的举动。 甚至还有%E9%92%88%E5%AF%B9%E6%AD%A4%E7%9A%84

自动转盘:另一个导致买家焦虑和沮丧的控制失败的例子是自动滑动横幅,除了已经反复证明%E8%87%AA%E5%8A%A8%E8%BD%AC%E7%9B%98%E4%B8%8D%E8%B5%B7%E4%BD%9C%E7%94%A8“>

例如,这是一种更好的方法; WSI%E7%89%B9%E8%AE%B8%E7%BB%8F%E8%90%A5%E6%9D%83%E4%BD%BF%E7%94%A8%E6%A0%87%E7%AD%BE%E6%9D%A5

《更好的B2B网站体验的10个最佳实践》

ProTip:让您的买家轻松发现并控制他们想要去的地方或他们想去的地方。 消除任何移动或自动激活的内容,包括轮播,自动播放视频和语义动画。

启发式#4:使用一致性和标准

雅各布尼尔森说: 用户不应该怀疑不同的词语,情境或行为是否意味着同一件事。 遵循平台惯例。“

领导网页设计的翻译:您应该让买家接受的最后一件事是在您的网站上感到困惑 。 他们不应该被置于他们想知道各种言辞,情况或行为是否真的意味着相同的事情的位置。 网站不应该是谜题。 相反,你应该创造流畅的体验,消除任何猜测。

Massey Ferguson的网站是拖拉机和全球收获业务的领导者,它充分体现了网站的一致性。 在每个页面上,无论是主页还是产品页面,买家都会看到相同的空白区域,干净的布局和组织良好的信息层次结构。 这使买家保持冷静,并能够快速扫描整个站点的重要区域。 保持一致性和惯例简单%E4%BD%BF%E6%82%A8%E7%9A%84%E7%BD%91%E7%AB%99%E2%80%9C%E5%8F%AF%E5%AD%A6%E4%B9%A0%E2%80%9D“>

《更好的B2B网站体验的10个最佳实践》

有许多良好的标准导航样式的例子。 这是Sprint Business网站上的一个。 在整个网站中,无论您在哪里导航,您都会在导航栏中看到相同的元素,以便买家随时了解他们的位置。 此外,从您访问导航栏的任何页面的分层导航中都会显示相同的下拉菜单方案。

《更好的B2B网站体验的10个最佳实践》

现在以佐治亚太平洋公司为例。 他们是一家大公司,但不同相关品牌的经验却截然不同,具有不同的导航风格和不同的标准。 这当然不是一种统一的体验,可能会引起一些买家的困惑。

《更好的B2B网站体验的10个最佳实践》

现在,人们可能会争辩说,因为公司规模如此之大且市场变化多端,所以这个问题比在您浏览网站的不同区域时强迫买家通过不同的体验要小。 你必须考虑这样做:

  1. 迫使买家在遇到差异化区域或微型网站时适应不同的界面,或者
  2. 在一些买家实际上可能会认为他们离开了您的主站点时引起混淆。

专业提示:在网站的不同部分遵循标准外观和导航样式。

启发式#5:防止错误

雅各布尼尔森说: 比良好的错误信息更好的是一种精心设计,可以防止问题首先发生。 要么消除容易出错的情况,要么检查它们,并在用户采取行动之前向用户提供确认选项。“

领导网页设计的翻译:对任何错误的最佳防御是尽一切力量避免它们。 当您仔细而谨慎地设计用户体验时,错误根本不会突然出现。 这可能需要对您的网站进行多次可用性测试和改进。

以下是一些容易预防的错误:

%E5%9C%A8%E7%BD%91%E7%BB%9C%E8%A1%A8%E5%8D%95%E4%B8%AD%E8%BE%93%E5%85%A5%E9%94%99%E8%AF%AF%E7%9A%84%E4%BF%A1%E6%81%AF“>

《更好的B2B网站体验的10个最佳实践》

让买家轻松,不要延长短期记忆,只在表格外面列出字段名称。 你以后会感谢我的。

用户认为它点击了错误的地方(实际上没有)。 当号召性用语按钮与其指向的目标网页语言不相似时,会导致您的买家怀疑或感到沮丧和焦虑。 举个例子:

《更好的B2B网站体验的10个最佳实践》

登陆页面与期望建立无关; 因此,买家很容易感到沮丧,困惑,并相信他犯了错误。

让我们看看Simply Business的流程,邀请用户请求保险报价。 首先,这是他们主页上的号召性用语:

《更好的B2B网站体验的10个最佳实践》

这是你着陆的登陆页面; 那里有好事和坏事:

《更好的B2B网站体验的10个最佳实践》

搜索框是用户犯常见错误的其他地方。 这就是为什么使用自动推荐功能可以为每个用户创造奇迹。 以Google的自动推荐功能为例。 每次在搜索引擎中输入短尾或长尾关键字时,搜索框中都会显示可能的完全匹配列表,从而避免拼写错误。 这些是在网站上有所作为的最佳实践。

《更好的B2B网站体验的10个最佳实践》

推动您的买家离开您的网站 –好的,当您的买家在您的网站页面中,了解您的产品和服务,或者在转化渠道的关键页面中间时,请尝试让您的买家完成任务并在您的网站通过消除外部链接。 如果您必须在这些页面中放置外部链接,因为它指向一个有价值的资源,那么显示“您要离开我们的网站”警告是一个好习惯。 这样可以防止您网站意外泄露。 您可以在博客中对此更加轻松,但不能在您的网站页面中放松。

主要和次要号召性用语之间的明确区别 :在任何面向转换的页面中,应始终存在最需要的下一步。 这并不意味着您应该将买家锁定为只有一个可能的操作,但这确实意味着您需要建立一个清晰的层次结构,并确保主要的号召性用语明显更大,更大胆。 以下是最后2点的示例:

《更好的B2B网站体验的10个最佳实践》

专业提示:为了清晰无处的拍摄:如果事情不明确,买家会犯错误,这不是因为他们是愚蠢的; 这是因为你没有做你的功课。

启发式#6:基于识别而不是召回的一切

雅各布尼尔森说: 通过使对象,动作和选项可见,最大限度地减少用户的内存负荷。 用户不必记住从对话的一部分到另一部分的信息。“

领导网页设计的翻译:您的买家需要能够在浏览您的网站时快速识别下一步或下一步该做什么。 有一些UX功能可以帮助您实现这一目标,但仍然要小心使用它们:

手风琴 –手风琴可以延长短暂的记忆力,所以如果问题中的措辞与他最先想到的措辞相同,它们的效果最好。

Wealthfront做对了。 它通过手风琴呈现大量信息,但问题分为带有清晰标题的部分,使用易于理解的语言编写,并按逻辑顺序排列。

《更好的B2B网站体验的10个最佳实践》

粘性菜单 – 对于长页面,常见的问题是让买家知道他们的页面有多深。 粘性菜单是一个时尚的解决方案,因为无论买家的页面有多深,他总是可以访问菜单导航选项。

Atlassian在让买家立即认识到他们所处的部分以及已探索的信息方面做得非常出色。 他们能够使用粘性菜单和标签内容的组合在单个页面中解释他们的整个软件解决方案Jira for development ops(这是一个非常复杂的软件解决方案)。

《更好的B2B网站体验的10个最佳实践》

更改已访问链接的颜色 – 这是现代设计人员和开发人员经常忽略的原则,但这是改进识别启发式的一种非常简单的方法。

《更好的B2B网站体验的10个最佳实践》

专业提示:当他们浏览您的网站时,不要拉伸买家的记忆。 不要强迫他们记住任何事情。 指出它们的位置,它们的去向以及它们的位置。

启发式#7:鼓励使用效率和灵活性

雅各布尼尔森说: 加速器 – 新手用户看不到 – 可能经常加速专家用户的交互,使系统可以满足缺乏经验和有经验的用户。 允许用户定制频繁的操作。“

领导网页设计的翻译:在您的网站中进行最常见的任务,最容易找到的任务。

有限(但相关)的用户流程选项: Pipedrive的可能操作,首屏限制为4个选项:注册,登录,开始免费试用或了解有关软件的更多信息。

《更好的B2B网站体验的10个最佳实践》

礼貌的回访游客的行动呼吁。 对于潜在客户生成网站而言,要记住的另一个重要事项是在网站顶部放置一个始终可访问的号召性用语快捷方式。 这一点非常重要,因为在购买过程的%E8%AF%84%E4%BC%B0%E9%98%B6%E6%AE%B5%EF%BC%8C%E6%82%A8%E7%9A%84%E8%B4%AD%E4%B9%B0%E8%80%85%E5%BE%80%E5%BE%80%E4%BC%9A%E7%BB%8F%E5%B8%B8%E8%AE%BF%E9%97%AE%E6%82%A8%E7%9A%84%E7%BD%91%E7%AB%99%EF%BC%8C%E8%80%8C%E8%BF%99%E7%A7%8D%E5%8F%B7%E5%8F%AC%E6%80%A7%E7%94%A8%E8%AF%AD%E4%BD%BF%E4%BB%96%E4%BB%AC%E5%8F%AF%E4%BB%A5%E8%BD%BB%E6%9D%BE%E5%9C%B0%E5%AF%B9%E6%82%A8%E7%BD%91%E7%AB%99%E4%B8%AD%E7%9A%84%E6%9C%80%E7%BB%88%E8%A1%8C%E5%8A%A8%E5%91%BC%E5%90%81%E9%87%87%E5%8F%96%E8%A1%8C%E5%8A%A8%E3%80%82″>

《更好的B2B网站体验的10个最佳实践》

专业提示:您可以使用快捷方式大幅减少用户执行任务所需的鼠标点击次数。

启发式#8:保持您的设计美学极简主义

雅各布尼尔森说: 对话不应包含不相关或很少需要的信息。 对话中每一个额外的信息单元都与相关的信息单元竞争,并削弱了它们的相对可见性。“

领导网页设计的翻译:这是一个不需要太多说服力的翻译; 似乎对极简主义有一种即时吸引力,事实上, 更简单的设计在科学上被证明对买家更具吸引力 ,而且%E8%B6%8B%E5%8A%BF%E5%8F%8D%E6%98%A0%E4%BA%86%E8%BF%99%E4%B8%80%E7%82%B9%E3%80%82″>

以下是一些简单的设计示例,同时为买方提供足够的信息:

《更好的B2B网站体验的10个最佳实践》

另一个在网页设计中利用极简主义优势的网站是路透社。 它的主页采用了极简主义的色彩对比,足以引导买家注意动作区域。 请注意大量使用%E7%A9%BA%E7%99%BD%E5%8C%BA%E5%9F%9F“>

《更好的B2B网站体验的10个最佳实践》 Basecamp是另一个很好的例子; 现有用户最突出的号召性用语(顶部),以及新买家最突出的号召性用语。

《更好的B2B网站体验的10个最佳实践》

现在让Apple的界面“选择你的国家或地区”(这可能是苹果被用作坏榜样的一次)。 他们显然将产品销售给来自世界各国的企业和用户。 考虑到这一点,您认为公司会在提示他们在“选择您的国家/地区”页面上选择他们的国家时,减轻其购买者的认知负担。

不幸的是,Apple让买家从页面上的巨大列表中单独找到他们各自的国家。 这迫使买家必须思考和识别他们国家的名称和标志,而不是只有在他们在下拉菜单中键入几个字符后才提供匹配建议。 你认为苹果公司 – 给予买家良好用户体验的强大支持者 – 会更好地考虑其“选择你的国家”页面……但事实并非如此。

《更好的B2B网站体验的10个最佳实践》

专业提示:如果有疑问,请更简单。

启发式#9:允许用户识别,诊断和从错误中恢复

雅各布尼尔森说: 错误信息应以简明的语言表达(无代码),准确地表明问题,并建设性地提出解决方案。”

领导网页设计的翻译:没有网页设计,无论多么健全,都不会有错误。 当错误发生时,他们会感到非常沮丧,因此您的买家需要快速恢复…

数字代理商Bluegg集中体现了如何通过其非常幽默和高效的错误页面来减轻未找到页面的挫败感。 当然,该页面的幽默和外观都是出乎意料的,但它也为用户提供了一个功能上的好处 :用户可以通过以愉快的方式取笑访问者来回到Bluegg的主页。

《更好的B2B网站体验的10个最佳实践》

这是经典404页面的另一个视角; 这个来自TechCrunch。 这个提供了更多功能性解决方案,旨在真正帮助用户。 错误页面不仅提供建议搜索功能,以使用户走上正轨,而且还为用户提供他们可能感兴趣的最新内容。

《更好的B2B网站体验的10个最佳实践》

专业提示:您网站上的任何%E9%94%99%E8%AF%AF%E6%B6%88%E6%81%AF%E9%83%BD%E9%9C%80%E8%A6%81%E4%BB%A5%E7%AE%80%E5%8D%95%E7%9A%84%E6%97%A5%E5%B8%B8%E8%AF%AD%E8%A8%80%E6%98%BE%E7%A4%BA%EF%BC%8C%E4%BB%A5%E4%BE%BF%E6%82%A8%E7%9A%84%E4%B9%B0%E5%AE%B6%E7%A1%AE%E5%88%87%E7%9F%A5%E9%81%93%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88%E3%80%82″>

启发式#10:提供帮助和文档

雅各布尼尔森说: 即使系统可以在没有文档的情况下使用更好,但可能需要提供帮助和文档。 任何此类信息都应易于搜索,专注于用户的任务,列出要执行的具体步骤,而不是太大。“

领导网页设计的翻译:嗯,您的网站不需要任何有关如何使用它的说明。 保持简单,但提供帮助。 您可以通过以下几种方式执行此操作:

实时聊天弹出窗口:让买家提出问题的最佳时机正是他在研究信息时出现的问题。 您可以使用LiveChat等工具在浏览网站时与买家进行互动。

《更好的B2B网站体验的10个最佳实践》

常见问题解答非常有用,特别是当它们用于回应您要求采取行动的网站区域中的常见问题或犹豫时。 您要求的承诺越大,您需要回答的问题就越多。 这就是常见问题解答在定价表或相对高承诺的目标网页(例如“开始使用”或“注册”)中非常重要的原因。

网站上的定价表有时可能是一个充满混乱的领域。 将完整功能表中的不同定价计划概述分开是一种很好的做法。 这将使您的买家很容易从高层次上了解不同的定价点,并且仍然允许他们深入了解所包含的功能。

这是一个例子,首先是摘要,然后是功能比较表。

《更好的B2B网站体验的10个最佳实践》

网站上的帮助和文档的另一个很好的例子可以在客户服务平台Zendesk的定价表中找到。 Zendesk利用弹出式解释确保他们的买家清楚地了解所包含的每个功能,消除可能的疑虑。

《更好的B2B网站体验的10个最佳实践》

Microcopy – 这是在转换点使用小文本,或者:减轻买家在转换之前的一个犹豫(你必须通过研究找出是什么),或者防止最常见的错误。 这可以作为一个小但非常有效的帮助/文档。

结论

无论您是重新设计网站还是进行优化之旅,遵循这些启发式方法都只是一种理智的行为。 虽然这些启发式算法不是网页设计的铁定法,但它是一个很好的起点。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注