在想设计出色的用户体验之时, 很容易就会想到很多包含的元素. 字体, 颜色, 操作流程, 内容显示. 但UX设计中有另外一个可以迅速让用户豁然开朗的被小看的元素. 就是我要提到的microcopy.
什么是Microcopy
Microcopy指的是用户界面上帮助用户做某些操作的小段文字. 比如说错误信息, 管理员的联系方式, 购买链接等. 乍一看,这些小片文字和别的整体设计比起来非常不起眼. 但是实际上它们会在传达信息上起到很大的作用.
*Author/Copyright holder: visualpun.ch. Copyright terms and licence: CC BY-SA 2.0*为什么Microcopy很重要
虽然它们很小, 但并不意味着它们非常非常好实现. 做一个好的Microcopy需要很多技巧. 以下就是一些tips:
检验表述
可用性测试能给出一个直观的结果, 哪一部分的文字是清楚的, 哪一部分让用户困惑. 小小的改变会让结果大不同. 当小段文字不起作用的时候, 去分析它们, 做出修改.
Veam Product Page (before)然后他们试着把'Request a quote' 改成了 'Request pricing', 而后, 从数据分析中看到, 这个按钮被按的次数提升了161.66%之多.
Veam Product Page (after)启发
- 鼓励用户在操作之中提供反馈, 设计人员可以在用户反馈中学到很多
- 通过 来检测文字表述的有效性
缓解用户压力
你的microcopy应该要想用户所想, 比如注册, 订阅, 购买. 你要在用户提出疑惑之前先行给出文字. 用户测试时一个检测用户会提出什么样问题的好办法.
'Free of Spam'(没有垃圾邮件). 'not to auto-tweet'(不自动发twitter), 这种类型的小段文字是在请求twitter关联的时候很好的示范. Microcopy在一开始的时候就打消了用户的疑虑.
**Timely **Connect to Twitter accountMenonic, 一款笔记应用, 在它的注册界面上添上了这样的话:
数据丢失用Basecamp的时候你不必担心你账户的数据丢失:
我们为什么需要它: Facebook在它的注册界面解释了它为什么要你的数据:
启发
Microcopy应该用来消除用户的疑虑
有效的错误提示
当出错的时候, 需要用Microcopy来告诉用户发生了什么. 如果你仅仅给一个简单的错误提示的话, 你的用户会非常困惑.
**Mailchimp **handles the error state启发
- 永远记得告诉用户哪里有问题, 怎么解决它. 而不是说 "你的操作有错误, 请改正并重新提交表格"
- 想平常对话一样地添加Microcopy, 不要用复杂深奥的名词.
短小精悍
想好你想要的结果和过程, 当添加microcopy的时候,用简单没有歧义的段落. 用户不想读大段说明书来完成一个小操作.
**Basecamp **Sign Up但是你应该找到一个正确的平衡. 如果你一次提供了太多的无用信息, 你的UI会变得杂乱无章.
Microcopy并不是全部
Microcopy并不能解决所有的可用性问题. 太差的UX添加Microcopy根本不能补救. 如果设计有问题的话, 你就先改好设计.
*If you can’t explain it simply, you didn’t design it well enough.*“The best experiences have minimal copy because they’re intuitive.”