bts防弹少年团演唱会

bts防弹少年团演唱会

B2B网站:用户体验和设计的10个最佳实践

《B2B网站:用户体验和设计的10个最佳实践》

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

本文将Jakob Nielson的10%E4%B8%AA%E5%8F%AF%E7%94%A8%E6%80%A7%E5%90%AF%E5%8F%91%E6%B3%95%E5%BA%94%E7%94%A8%E4%BA%8E%E4%B8%93%E6%B3%A8%E4%BA%8E%E6%BD%9C%E5%9C%A8%E5%AE%A2%E6%88%B7%E7%94%9F%E6%88%90%E7%9A%84B2B%E7%BD%91%E7%AB%99%EF%BC%88%E4%BB%A5%E5%8F%8A%E7%BC%BA%E4%B9%8F%E4%BB%BB%E4%BD%95%E4%BA%A4%E6%98%93%E5%8A%9F%E8%83%BD%E7%9A%84%E2%80%9C%E9%AB%98%E5%BA%A6%E8%80%83%E8%99%91%E2%80%9DB2C%E7%BD%91%E7%AB%99%EF%BC%89%E3%80%82″>

可用性启发式是用户界面设计的“最佳实践”。 当应用于您的网站时,这些原则有助于减少摩擦并让买家专注于您的信息 – 而不是分散或混淆他们与缺乏或不完整的界面。

B2B网站经常需要解释很多才能让买家转换。 您所销售的价值越高,固有摩擦力越高; 因此,您需要在整个网站中回答的问题越多。

在这些情况下, %E4%BF%A1%E6%81%AF%E6%9E%B6%E6%9E%84%E8%A6%81%E5%A4%8D%E6%9D%82%E5%BE%97%E5%A4%9A%E3%80%82″>

%E9%87%8D%E6%96%B0%E8%AE%BE%E8%AE%A1%E7%BD%91%E7%AB%99%E6%97%B6“>

1.使您的系统状态高度可见

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

雅各布尼尔森

B2B网站的翻译 :在浏览您的网站时,始终告诉您的买家他们在哪里。 您可以通过以下方式实现此目的:

  • 面包屑。 %E9%9D%A2%E5%8C%85%E5%B1%91%E5%AF%BC%E8%88%AA%E5%B0%B1%E5%83%8FGPS%E4%B8%80%E6%A0%B7%EF%BC%8C%E5%8F%AF%E4%BB%A5%E9%9A%8F%E6%97%B6%E5%91%8A%E8%AF%89%E4%B9%B0%E5%AE%B6%E4%BB%96%E4%BB%AC%E5%9C%A8%E6%82%A8%E7%BD%91%E7%AB%99%E4%B8%8A%E7%9A%84%E4%BD%8D%E7%BD%AE%E3%80%82″>
  • 页眉。 页眉应类似于导航项或链接的副本。 这不仅是SEO的好习惯,也是用户体验的好习惯。 如果页面标题与用户点击的内容匹配,则买家将得到保证。
  • 突出显示所选菜单选项。 当您单击导航项目时,请将其突出显示,加粗或加下划线,以便您的买家获得有关菜单选项的即时反馈。
  • 显示进度条。 在页面加载期间包括页面加载指示符。 如果买家试图加载计算器小部件或处理请求,那么进度条或某种通知让他们知道发生了什么。
  • 谢谢你的网页%E8%B0%A2%E8%B0%A2%E9%A1%B5%E9%9D%A2%E6%98%AF%E5%BD%93%E5%89%8D%E7%8A%B6%E6%80%81%E7%9A%84%E9%87%8D%E8%A6%81%E6%8C%87%E6%A0%87%E3%80%82″>

如果你跳过这些元素,你的网站会让买家感到困惑,他们会想知道他们在哪里 – 一个完全不必要的%E6%91%A9%E6%93%A6%E7%82%B9“>

伯克希尔公司做得对,向买家提供有关他们在浏览网站时的确切位置的反馈,并且面包屑告诉他们他们是如何到达那里的:

《B2B网站:用户体验和设计的10个最佳实践》

对于MSC工业供应公司,想要查看他们的专业手册的买家会看到一个旋转进度轮,指示装载手册的百分比:

《B2B网站:用户体验和设计的10个最佳实践》

最重要的是,请记住, 好的网站必须先回答买家的问题才能提出问题。 如果买家在试图浏览您的网站时分心,或者想知道点击后是否发生了某些事情,他们会感到沮丧。

以此主页为例:

《B2B网站:用户体验和设计的10个最佳实践》

一切都很好,对吗?

那么,现在看一下这个内部页面,试着猜一下网站的哪个部分被点击,或者你是否可以告诉你网站的位置:

《B2B网站:用户体验和设计的10个最佳实践》

不。 你不知道你在哪里。

以下是感谢页面如何充当系统状态确认的示例:

《B2B网站:用户体验和设计的10个最佳实践》

2.使您的系统与现实世界相匹配

系统应该使用用户熟悉的单词,短语和概念来说明用户的语言,而不是面向系统的术语。 遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。

雅各布尼尔森

B2B网站的翻译 使用买家已经考虑过的短语和文字。 消除行话。 您的买家必须遇到他们熟悉的单词,短语和概念。

最好的语言和语调应%E7%9B%B4%E6%8E%A5%E6%9D%A5%E8%87%AA%E4%B9%B0%E5%AE%B6%E5%8F%A3%E4%B8%AD“>

  • 让他们告诉你你的产品对他们意味着什么;
  • 它解决了什么问题;
  • 在使用之前他们的生活如何。

Techport”>做得对。 他们的%E4%BB%B7%E5%80%BC%E4%B8%BB%E5%BC%A0%E4%BB%A5%E9%9D%9E%E5%B8%B8%E7%AE%80%E5%8D%95%E7%9A%84%E8%AF%AD%E8%A8%80%E8%A7%A3%E9%87%8A%E4%BA%86%E4%BB%96%E4%BB%AC%E7%9A%84%E6%89%80%E4%BD%9C%E6%89%80%E4%B8%BA%EF%BC%9A”>

《B2B网站:用户体验和设计的10个最佳实践》

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

  • “推出新软件”;
  • “培养团队”;
  • “做定制和增强”;
  • “让IT运行顺畅。”

这是故意的,并以研究为基础。 与之形成鲜明对比的是,在网站重新设计之前 ,请从主页上查看语言:

《B2B网站:用户体验和设计的10个最佳实践》

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

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

你明白了我的意思。

3.允许用户控制和自由

用户经常错误地选择系统功能,并且需要一个明确标记的“紧急出口”以离开不需要的状态,而不必经过扩展对话。 支持撤消和重做。

雅各布尼尔森

B2B网站的翻译 从用户手中消除任何控制权。 以下是在网页设计中常常违反此启发式的三个示例:

弹出式优惠

我们都访问了突然出现弹出窗口的网站,并要求我们加入电子邮件列表或进行调查。 虽然强行弹出式窗口像这些都是烦人( %E5%BC%B9%E5%87%BA%E7%AA%97%E5%8F%A3“> %E5%9C%A8%E5%81%9A%E6%AD%A3%E7%A1%AE%E7%9A%84%E5%B7%A5%E4%BD%9C“>

如果您想收集反馈,请给予用户100%的控制权。 让他们拒绝你的提议。 这实际上会提高您的调查质量:选择加入的人更可能是诚实和真诚的。

《B2B网站:用户体验和设计的10个最佳实践》

Grainger是一家工业供应公司。 在他们的网站上,买家清楚地看到了大红色“加入” %E5%8F%B7%E5%8F%AC%E6%80%A7%E7%94%A8%E8%AF%AD%E6%8C%89%E9%92%AE%E4%B8%8B%E6%96%B9%E6%9C%89%E7%94%A8%E7%9A%84%E2%80%9C%E6%97%A0%E9%9C%80%E6%94%AF%E6%8C%81%E2%80%9D%E7%9A%84增加了他们的用户体验。

%E8%AE%BE%E8%AE%A1%E5%92%8C%E5%8A%9F%E8%83%BD%E5%8D%9A%E5%AE%A2%E4%B8%8A“>

《B2B网站:用户体验和设计的10个最佳实践》

自动播放视频

另一个买家的宠儿是一个自动播放视频的网站。 这可能会令人讨厌,特别是如果它默认为声音开启。 不要假设您的网站用户想要做什么 – 让他们决定何时(如果有的话)播放您的视频。 视频内容仍应补充文本信息。

Square就是这样做的:

《B2B网站:用户体验和设计的10个最佳实践》

自动转盘

失去控制导致焦虑和沮丧的另一个例子是自动滑动横幅。 除了引起挫折之外,CXL研究表明%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个最佳实践》

4.使用一致性和标准

用户不应该怀疑不同的单词,情境或行为是否意味着相同的事情。 遵循平台惯例。

雅各布尼尔森

B2B网站的翻译:您应该让买家接受的最后一件事是一种混乱感。 他们不应该怀疑词语,情境或行为是否真的意味着同样的事情。 网站不是谜题。 创造流畅的体验,消除猜测。

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商业网站中,您会在导航栏中看到相同的元素,使买家可以轻松了解他们的位置。 此外,通过导航栏访问的每个页面的分层导航中都会显示相同的下拉菜单。

《B2B网站:用户体验和设计的10个最佳实践》

与Georgia-Pacific相比。 他们是一个庞大的公司,但相关品牌的经验是不同的 – 导航风格和标准的变化。 这不是统一的体验,可能会导致一些B2B买家感到困惑。

《B2B网站:用户体验和设计的10个最佳实践》

现在,人们可以说,因为该公司是如此之而市场如此不同,这是一个较小的问题比如果它发生在同一地点(或与买家的同一个池)。 在最坏的情况下,这些设计会:

  1. 强迫买家适应不同部分或微型网站上的不同界面;
  2. 导致一些买家认为他们实际上离开了您的主站点。

5.防止错误

比良好的错误消息更好的是精心设计,可以防止问题首先发生。 要么消除容易出错的情况,要么检查它们,并在用户提交操作之前向用户显示确认选项。

雅各布尼尔森

B2B网站的翻译:防止错误的最佳方法是首先避免错误。 当您仔细而谨慎地设计用户体验时,错误不会突然出现。 这可能需要对您的站点进行多次%E5%8F%AF%E7%94%A8%E6%80%A7%E6%B5%8B%E8%AF%95%E5%92%8C%E6%94%B9%E8%BF%9B%E3%80%82″>

以下是五个容易预防的错误:

在Web表单中键入错误的信息

当为了使表单清晰和光滑时,字段名称被放置字段本身内部时,这一点更加突出。 一旦买家点击该字段,他们就需要记住应该在那里的内容。

《B2B网站:用户体验和设计的10个最佳实践》

让买家轻松上手。 不要延长他们的短期记忆; 将字段名称放在表单之外。

导致用户错误地察觉到“错误”的点击

当号召性用语按钮与登陆页面语言不相似(没有“ %E6%B0%94%E5%91%B3“>

《B2B网站:用户体验和设计的10个最佳实践》

登录页面与创建号召性用语的期望无关; 因此,用户很容易认为他们犯了错误。

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

《B2B网站:用户体验和设计的10个最佳实践》

这是您登陆的登陆页面:

《B2B网站:用户体验和设计的10个最佳实践》

这里有好事和坏事。 两个脱颖而出:

  1. 好:如果用户对表单有疑问,可以为用户提供有用的解释器文本。
  2. 错误:标题不提供与主页上的号召性用语的消息匹配。 (它根本不提供任何有用的信息。)

未能包含网站搜索的自动填充功能

搜索框是用户犯常见错误的其他地方。 “自动推荐”功能可以为用户创造奇迹。 以谷歌为例。 每次输入短尾或长尾关键字时,自动填充功能会显示匹配项以加快搜索速度并避免拼写错误:

《B2B网站:用户体验和设计的10个最佳实践》

鼓励用户在关键时刻离开您的网站

当用户了解您的产品和服务时 – 或者在您的转化渠道中的关键页面上 – 通过消除外部链接让您的买家在任务和您的网站上。

如果您必须在这些页面上放置外部链接,请显示“您要离开我们的网站”通知。 这样可以防止您网站意外泄露。 这不是针对博客文章或其他顶级网页的规则,而是将其视为销售或其他底层漏斗网页。

未能区分主要和次要号召性用语

在任何面向转换的页面中,应始终存在“最想要的”下一步。 您不应该只将买家锁定在一个可能的操作中,但是您需要建立一个清晰的层次结构,并使主要的号召性用语更大更大胆。

以下是最后两点的示例:

《B2B网站:用户体验和设计的10个最佳实践》

拍摄清晰无处不在 。 如果事情不明确,买家会犯错误,这不是因为他们是愚蠢的。 这是因为您的网站设计让他们失望。

6.将所有内容都基于识别而不是召回

通过使对象,操作和选项可见,最大限度地减少用户的内存负载。 用户不必记住从对话的一部分到另一部分的信息。

雅各布尼尔森

B2B网站的翻译:您的买家需要快速识别下一步或下一步做什么 一些UX功能可以帮助您实现这一目标,但可以正确使用它们。

手风琴。 手风琴可以延长短期记忆力。 如果手风琴项目中的措辞与消费者最关心的问题相符,它们的效果最佳。 这是FAQ页面的常见结构。

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

《B2B网站:用户体验和设计的10个最佳实践》

粘菜单 。 对于长页面,一个常见的挑战是让买家知道他们的页面有多深。 粘性菜单是一个时尚的解决方案。 无论用户在页面的多远,他们总是可以访问菜单导航。

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

《B2B网站:用户体验和设计的10个最佳实践》

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

《B2B网站:用户体验和设计的10个最佳实践》

在浏览您的网站时,请勿延长买家的记忆。 不要强迫他们记住任何事情。 指出它们的位置,它们的去向以及它们已经清楚的位置。

7.鼓励使用的效率和灵活性

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

雅各布尼尔森

B2B网站的翻译:让您网站上最常见的任务最容易找到。

提供有限(但相关)的%E7%94%A8%E6%88%B7%E6%B5%81%E7%A8%8B%E9%80%89%E9%A1%B9%E3%80%82″ pipedrive>

《B2B网站:用户体验和设计的10个最佳实践》

礼貌地呼吁回头客。 对于潜在客户生成网站,请在网站顶部放置始终可访问的号召性用语快捷方式。

这变得很重要,因为B2B用户可能会在%E8%B4%AD%E4%B9%B0%E8%BF%87%E7%A8%8B%E7%9A%84

《B2B网站:用户体验和设计的10个最佳实践》

8.保持您的设计美学极简主义

对话不应包含不相关或很少需要的信息。 对话中的每个额外信息单元都与相关的信息单元竞争,并降低其相对可见性。

雅各布尼尔森

B2B网站的翻译:极简主义的即时吸引力。 事实上, 简单的设计在科学上被证明对买家更具吸引力。

以下是一些设计示例,可以保持简单,同时仍然提供足够的信息:

《B2B网站:用户体验和设计的10个最佳实践》
《B2B网站:用户体验和设计的10个最佳实践》

Basecamp是另一个很好的例子。 很清楚他们想要你做什么,他们留下足够的空白来限制分心:

《B2B网站:用户体验和设计的10个最佳实践》

现在将Apple的界面带到“选择你的国家或地区”。(这可能是苹果的设计或用户体验被用作坏例子的一次)。

他们显然将产品销售给来自世界各国的企业和用户。 考虑到这一点,你会认为他们会在提示他们选择国家时减轻买家的认知负担。

不幸的是,Apple让买家从一个巨大的名单中单独找到他们各自的国家。 这迫使买家思考并识别他们国家的名称或旗帜,而不是依赖智能识别功能在他们输入几个字符后提供建议。

《B2B网站:用户体验和设计的10个最佳实践》

9.允许用户识别,诊断和从错误中恢复

错误消息应以简明语言(无代码)表示,准确指出问题,并建设性地提出解决方案。

雅各布尼尔森

B2B网站的翻译:没有网页设计,无论多么健全,都不会对错误产生影响。 当错误发生时,它们足够令人沮丧,因此您的用户需要一种快速恢复的方法。

数字代理商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%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.提供帮助和文档

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

雅各布尼尔森

B2B网站的翻译 您的网站必须不需要说明。 保持简单,但提供帮助。

您可以通过以下几种方式执行此操作:

实时聊天弹出窗口。 让买家提出问题的最佳时机就是他们拥有问题的时间。

常见问题解答非常有用,尤其是当用于回应用户采取行动的网站区域中的常见问题或犹豫时。 您要求的承诺越大,您需要回答的问题就越多。 常见问题解答对于定价表或高承诺着陆页(例如“注册”)非常重要。

定价表可能充满混乱。 将完整功能表中的%E5%AE%9A%E4%BB%B7%E8%AE%A1%E5%88%92%E6%A6%82%E8%BF%B0%E5%88%86%E5%BC%80%E6%98%AF%E4%B8%80%E7%A7%8D%E5%BE%88%E5%A5%BD%E7%9A%84%E5%81%9A%E6%B3%95%E3%80%82″>

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

《B2B网站:用户体验和设计的10个最佳实践》

Microcopy减轻了买家在转换之前的一个犹豫或者防止了最常见的错误。 (你必须通过研究和分析找出它们是什么。)Microcopy可以作为小而重要的文档。

结论

无论您是重新设计网站还是进行优化之旅,遵循这些启发式方法都只是一种理智的行为。

即使这些启发式算法不是%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E7%9A%84%E9%93%81%E5%AE%9A%E6%B3%95%EF%BC%8C%E4%BD%86%E5%AE%83%E4%BB%AC%E4%BB%8D%E7%84%B6%E6%98%AF%E4%B8%80%E4%B8%AA%E5%AE%8C%E7%BE%8E%E7%9A%84%E8%B5%B7%E7%82%B9%E3%80%82″>

相关文章

点赞

发表评论

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