跳到内容 跳到导航

显微镜如何显着改善用户体验

2020年2月24日更新 (2019年4月4日发布)通过 迈尔斯网站设计& UX

我们每天与网站和软件互动。有些互动很棒,有些互动则不是。让我们看一下Microcopy及其含义,以及如何使用它来改善用户体验。

显微镜如何显着改善用户体验

在设计新网站或Web应用程序(例如SaaS产品或电子商务商店)时,很容易陷入对布局,颜色和整体“感觉”的思考。虽然用户发现这些当然很重要,但通常是较小元素(例如显微技术)中的“抛光”可以带来所有不同。

什么是显微镜?

您可能没有听过这句话,但是Microcopy遍布我们,您每天可能会读很多。

微观是我们用来指代小型句子和短语的术语,可帮助指导用户完成整个过程,或鼓励他们达到目标。

例如,“加入我们的新闻通讯”或“请求报价”都是显微镜的例子。

伟大的显微技术是什么造的?

如果您的任务是编写显微照片,则应确保这样做;

使用通俗易懂的语言

想象一下,完成一个表格,然后看到一条消息“警告用户遗漏导致不准确”,这会让任何人头疼,对吗?诸如“请完成名字”之类的内容简洁明了,并在后续步骤中变得清晰。

展现个性

您应该对错误表示同情,或者对成功表示祝贺。请记住,您的用户是真实的人,而不是交易号。尖叫 错误! 一个人鼓励他们离开,而不是完成任务。

是上下文的

如果用户与表单或功能进行交互,请告诉他们成功或失败的原因,而不仅仅是一遍又一遍地显示相同的文本。在执行某项操作(或出现错误)之前,通常会隐藏许多有效显微镜的示例。

简洁

您应该努力使显微镜保持简洁明了。尝试大声阅读-听起来像是漫长的漫步吗?再次编辑。

例如,您可以替换

填写此表格有困难吗?如果您遇到问题,可以致电(08)9228 2233或通过以下方式给我们发送电子邮件 [email protected]

具有更简洁的东西,例如;

遇到麻烦?请 保持联系.

正确的语气

您使用的显微镜​​应显示与网站或Web应用程序其余部分相同的色调和个性。如果那不是您惯常的风格,那就不要随便或太正式。

[返回顶部]

出色的显微示例

让我们看一些出色的显微示例,并解释为什么它们有效。

报名表格

的 管道驱动 签署表单的工作有多种原因;

  1. 清楚说明何时可以访问“立即访问”
  2. 回答一个普遍的问题,“不需要信用卡”
  3. 是的,有一个明确显示“免费试用”费用的可行按钮

然后,为了加分,当出现问题时,他们会得到一个很好的错误消息。他们使用简单的语言来澄清提交表格“请添加有效的电子邮件地址”出了什么问题。

下载表格

的模式弹出窗口 澳大利亚矿业网站 下载白皮书打勾所有框。这里的主要赢家是;

  1. 表单字段提示易于遵循并使用活动语言
  2. 提交按钮文字为正,显示值为“了解更多”
  3. 回答有关信息安全的问题“我们不会与任何人出售或共享您的信息”

号召性用语(CTA)

Snapchat 在营销上花了很多公车,所以如果有人应该做对,那就是他们。这个完整的号召性用语(CTA)下载了他们的快照工具包,其中有一个精彩,大胆的介绍。

软件注册

推特 拥有一个注册表格,该表格可立即出售Twitter的好处“看看现在世界上正在发生什么”。

搜寻表格副本

该搜索框上的 不飞溅 网站做得很好;

  1. 这些照片是免费的
  2. 他们是高分辨率
  3. 您将使用此搜索框搜索照片

万一您仍然不确定,它们在下面直接提供了一些趋势搜索的链接,因此您可以查看典型的搜索格式,也可以通过单击其中的一种来开始搜索工作。

多字段注册表格

此注册表单的开始 6Q 清楚了。首先,标题指出您将开始使用免费帐户,这消除了担心立即收费的担忧。

然后,他们跟进以澄清三个共同的关注点;

  1. 没有义务-这不必意味着任何承诺
  2. 预计不会使用信用卡-因此不会偷偷摸摸地“我们将在21天内开始收费”
  3. 无需软件或下载-无需担心病毒或获得IT批准。

添加到电子商务购物车

这种电子商务形式非常好–单击后,按钮从默认的“添加到购物车”更改为单击时的“添加”几秒钟,然后最终变为“添加”,所有这些都表明您的订单进度在3个以下话。

软件互动

在 - 的里面 朝体 软件,此处的小屏幕显示了两个非常有用的显微示例。首先是搜索字段,其中清楚说明了您要搜索的内容。

然后,在今天的任务标题旁边显示一个简单的文本链接,即“查看所有任务”。

404错误信息

我们都去过那里-可怕的404错误。有两种主要的处理方法。

在这个例子中 缓冲,他们表现出有趣的个性(猴子表情符号和Whoops!标题),然后跟进一些同理心,“对此我们感到抱歉”。

缩影:简讯注册表格示例
通讯注册表单示例

简单表格栏位

上面的例子来自 澳大利亚软件指南 之所以出色,有两个原因;

  1. 他们清楚地说明了承诺是“收件箱中的我们最好的文章”
  2. 他们在表单字段内显示带有“电子邮件”的提示

[返回顶部]

一些较差的显微镜实例

让我们看一些不良显微镜的示例,并说明如何轻松对其进行改进。

404页

澳大利亚最大的银行之一的404错误最严重。它不仅绝对没有任何个性,而且长条解释其为何可能是404的文字仅被下方显示的一米长的站点地图所遮盖(我将竭诚为您服务)。

很长的表格

这是用于更新目录上的公司列表的表格。当您单击“编辑我的列表”时,没有给出任何说明,而是直接跳转到此表单。

有一些带有星号符号的字段。我认为这意味着必须填写这些字段,但是并没有在任何地方说明。

我可以想象有些人会再次完成整个表单(此屏幕抓图之后至少还有15个字段)只是为了更新1或2个字段。

可以通过在顶部显示文本轻松地纠正此问题,该文本解释了您必须填写的字段,并提供了下一步的指示。

例如;

‘仅填写您需要更新的字段。带*的为必填项。您提交此表单后,我们将通过电子邮件发送回复,然后在24小时内通知您进度

登录错误

我故意没有正确填写此登录表格。屏幕刷新,似乎什么也没发生。

经过两到三次尝试,我意识到在屏幕的最上方是一条错误消息,该消息仅停留几秒钟,然后消失。

最好将其放置在表单本身中(请参见上面的Pipedrive示例),并保留在那里直到重新提交表单为止。

注意:徽标和网站描述是故意模糊的,不要指向特定品牌。

通讯形式

这是典型的 电子邮件通讯 订阅表格。但是,我仍然充满了他们本可以回答的问题;

  1. 内容将是什么?
  2. 他们的电子邮件多久发送一次?
  3. 您会分享我的电子邮件地址吗?

更糟糕的是,“提交”按钮上是否显示“提交新闻稿”-这是什么意思?我需要写一个吗?我要提交什么意思?这也无济于事,按钮看起来不像按钮,而是纯文本链接。

更好的简洁描述是:

收到我们的每月电子邮件,其中包含有关澳大利亚小型企业主的建议。

(然后填写电子邮件地址表格,并带有一个巧妙的按钮,如Ýes!)

您的电子邮件对我们很安全;我们从不共享垃圾邮件。您可以随时取消订阅。

电子商务讯息

这个澳大利亚大型电子商务网站的初衷是好的,但仍然存在一些问题。

  1. 显微镜在弹出窗口中(我经常阻止弹出窗口)
  2. “添加到购物袋”按钮仍显示“添加到购物袋” –起作用了吗?
  3. 我添加了什么? ‘这个物品’?

他们可能会说“成功!您已经轻松地将Parkway夹克添加到您的包中了。

[返回顶部]

今天的功课

浏览您的网站或Web应用程序,找到所有显微示例–是否符合上面的“优质显微指南”,还是需要进一步制作?

不要忘了通过在您的网站地址的末尾附加一个随机字符串来测试您的404页(www.example.com/whatwillhappenwhenigotothisnonexistingpage)

故意在任何应用程序中做错事,因此您可以看到发生了什么。有时候发现这很棘手-如果您觉得自己离系统太近,也许可以请同事去做。

继续寻找其他伟大的显微实例,并从中汲取灵感。

在显微镜上阅读更多内容。我在下面提供了一些文章以继续您的阅读。

[返回顶部]

更多显微读物

您可能会发现一些其他有关该主题的文章。

缩影:影响用户体验的小词

防止不良显微镜检查的5种方法

编写UX显微镜的四个基石

您忘记的看不见的显微镜片段

[返回顶部]

综上所述

既然您已经掌握了完整的显微镜知识,则应该完成上面的作业,然后继续向他人学习。

写得好的显微镜将指导用户,写得不好的显微镜将使他们感到困惑和沮丧。花一些额外的时间来确保您的网站或网络应用程序中的每条小消息都具有正确的用语,并且对用户清晰可见,并且您正在朝着更好的方向迈进。

相关文章