查看原文
教育新闻

【第3037期】Microcopy:简短的小提醒造成巨大的影响

fransli 前端早读课 2023-08-24

前言

讨论了小提示(microcopy)在用户体验设计中的重要性。小提示是指在应用程序界面上的一小段文字,帮助用户完成某个操作或提供相关指示。尽管小提示在整体设计中相对较小,但它们对转化率有着巨大的影响。文章提供了一些关于设计有效小提示的要点和技巧,包括进行易用性测试以发现潜在的问题、消除用户的疑虑、提供有用的错误信息、使用简短而有用的语言等。同时,还强调了小提示并不能弥补设计上的问题,良好的用户体验设计应该尽可能减少对提示的依赖。总的来说,小提示是提高用户体验的重要元素,设计者应该注重优化和改进小提示的内容和语言。

今日前端早读课文章由 @Yuming Cheung 翻译分享。

正文从这开始~~

说到强大的用户设计体验,通常会想到:字型、颜色、流程和内容,都很重要。但是还有一个容易被忽视的元素,可以迅速让用户觉得很美好,这就是小提醒(微缩)。

小提醒是什么?

小提醒是指 app 界面上的小文字,帮助用户做「某件事」。比如错误消息、联系表单的指示、电子商务网站的提示。这个小串文字与整体设计相比并不重要,但令人惊讶的是,它们对转换率有极大的影响。

图片来源:visualpun.ch. CC BY-SA 2.0

为什么小提醒很重要

因为小提醒很小,但不代表它很容易使用。设计好出的小提醒有许多要素,这里有几个让一小段文字换来巨大影响的诀窍。

如果没有效果,则需进行检讨

难度测试可以让你刻意哪些标记很清楚,而哪些让用户觉得困惑。只要微小的修改就可以有很大的不同,因此没效果时需要分析一番。

从 Veeam 网站调查中发现,许多访客想知道价格:

Veeam 的产品页面(修改前)

他们把 “请求报价”(请求报价)改成了比较常见的字 “请求定价”(请求售价),让他们的潜在客户表单测试有 161.66% 的增长。

Veeam 的产品页面(修改后)

重点提示:

  • 鼓励用户说出过程中的想法,可以从他们的意见中获得许多好的用词。

  • 从 A/B 测试所发现的灵感来精进你的用词。

消除用户的担忧

小提醒也可以有特定的目标。处理用户在注册、订阅或购买时的疑虑。你要主动寻找用户的问题,最好的方法就是用户测试,找出用户可能想要的位置。

怕垃圾邮件。虽然一个心地收到友善的营销人员在要求链接推特账户时,本来就不会「自动帮他 PO 文」,但用户可这么不相信你。Timely 网站简短一行的小提醒附件可以解释用户可能有的疑虑。

Timely 网站的「链接推特帐号」

下方注明:我们承诺不会自动 PO 文、向您的朋友发送垃圾信和自动关注我们的账号。

Memonic 是一款笔记。在 Email 的栏目位置有明显的标注,让注册的人感觉很舒服。只要实际做到了,就能让用户更相信你。

「页面用在他渠道;界面发送垃圾信。」

资料遗失。在 Basecamp 的注册流程中,不一定担心没有填写完整的账户资料。


「日后你可以用以下这个网址登入。别担心,我们也用电子邮件寄了一份给您。」

你要这些数据做什么!?Facebook 直接在科罗拉多州的单子上回应了所有用户的疑虑。它解释了服务为何将永远免费,如果不想提供生日数据,也有说明需要。在表单中使用显眼的标签并解释可以哺乳所有内容输入数据时的问题。

Facebook 的订单

重点提示:

  • 按钮的说明跟随用户点击后的动作必须一致

  • 小提醒必须能够回答用户的疑虑

有用的错误消息

当发生错误时,知道什么情况最好解决它。如果你对错误的说明很模糊,想解决这些错误的用户会很痛苦。

Mailchimp 显示错误消息

抱歉,我们找不到这个帐号。让我们帮忙找回它吗?
抱歉,密码不对。让我们帮忙找回它吗?

重点提示:

  • 一定要告诉用户哪里错了,然后如何解决。不能说「你填写的资料有误。」请标出错误的位置,让用户重填,提示「看起来你输入的信用卡号码太短了」

  • 让您的用户在人们看到时,用对话的方式简单地传达技术上的信息。

且有用

一旦你让用户做的动作和目的。使用小提醒时要用简单清晰,立即见效的字句。思考用户一点都不想为了一件简短的事情阅读长长一串的说明。使用小提醒,而不是一段文章。

在设计上做一些个人化

未填写名称时:如果他们还没有在 Halftone 网站注册,我们会向他们发送一封电子邮件指引。

填入名称 “Benjamin Tailor” 时:如果 Benjamin 尚未在 Halftone 网站注册,我们会向他发送一封电子邮件指引。

重点提示:

  • 要写出大众清晰易懂的信息。使用常见的用词,避免商标。

  • 按钮的说明跟随用户点击后的动作必须一致

抓紧时机

提醒各位顾客或订户「你们的决定太棒了」绝对没有错。自吹擂台一下当然没问题,就像 Basecamp 一样。在注册画面放个近况数字来加强印象,这搞不会砸什么。


Basecamp 的注册画面:上周,已有 11,155 间公司开始使用 Basecamp3!

但是,过犹不及。如果一口气放了很多用的资讯,UI 会破坏,也会影响用户的资讯负载量。

重点提示:

  • 只有在用户必须使用小提醒的状态时才可用。

小提醒不是万灵丹

小提醒无法解决所有的手工问题,无法帮助用户渡过很糟糕的用户体验。如果设计有问题,应该去修改设计。

如果无法简单地说明你的设计,那还不够好。

“最好的体验几乎不需要说明,因为他们能够直觉。” —— 比尔・比尔德

结论

好的小提醒能够帮助用户上天堂,糟糕的小提醒让用户住得舒服,却打击用户的信心。接下来你在设计或者改进流程的时候,可以把这篇文章的小窍门应用到其中。

关于本文
译者:@Yuming Cheung
译文:https://medium.com/intersection-translation/microcopy - 簡短的小提醒造成巨大的影響
作者:@Nick Babich
原文:
https://babich.biz/microcopy-tiny-words-with-a-huge-ux-impact/

这期前端早读课
对你有帮助,帮” 
 “一下,
期待下一期,帮”
 在看” 一下 。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存