[自译]如何利用文字优化产品体验

莎士比亚和海明威的文字可能会让你去反思人类的状况，但是文字可以增加产品的转化率吗？答案可能会让你很惊讶。

作家.png

这篇文章会主要讨论如何书写你的用户界面，介绍一些适用于所有界面的方法，当然也会有一些特别的技巧。

清晰是你的第一要素

模拟两可是任何好设计的最大敌人，对于手机或网页界面更是。因为在这些界面里，文字作为最直观的元素，它们的模拟两可会使得其造成的困惑无限放大。

在Google Ventures的John Zeratsky的《书写用户界面文案的5个原则》一文里，我们认为其中有4种最有用的规则：

1 具体化

选择合适的词语精确描述你想表达的意思。比如说：“保存(save）”和“上传（submit）”是不一样的。同样的，一个 过滤器 的功能有时候可能会和 搜索 混淆。

图片例子.png

比如上面这个例子，你就可以看到按钮被分别标注为”查看和编辑“以及”管理“的好处。这是很细微的区别，但有助于说明这两个功能的不同。”管理“这块目录提供的是添加病人，更改计划和打印重要信息等功能，和另外两块只需要简单输入一些用户信息是不一样的。

另外还有个地方尤其需要具体化的是合适的标题。假定说你的产品更新了一系列公司活动，对于你来说这个解释是没问题的，但是对一个新用户来说会很困惑。一个具体的标题，比如很简单的”公司更新“，也许能拯救用户的困惑。

如果是多页步骤的话，比如注册账号，具体化能帮助你知道你具体在哪一步。大多数产品在下一步的按钮上会标注 下一步 或者 继续 ，而要更具体化则需要创造更有用的交互，比如“ [保存继续] ,下一步，支付信息”

2 避免生僻词语

这里说的生僻主要是指在产品里使用你们在办公室里用的一些语言，而不是普通用户知晓的语言，我们是设计师或者工程师，可是用户不是。除非你就是给设计师或者工程师设计这款产品的。比如“UI” “IxD”这种，对于大众来说就算生僻词语。

3 区分重要度

重要的语句需要出现在最前面或者最中间。“First name”会好过“Name（first）”，“以下更多细节”好过“下面你会看到更多细节”

4 限制无关用语

对于所有写作形式，限制无关用语都是必要的基础。对于展示空间有限的界面设计来说更是如此，有研究表明，用户只会花10-20s来决定这个网站是否对他们有用。

尽可能尝试使用更少的词语。举个例子：“点击并继续”就可以简化成“继续”。

不要为了特别而特别

在绝大多数产品都使用很官方语言的几年前，个性化的语言还是很有用的。但最近太多产品使用轻松随意的语调，所以这一策略已经不太管用了。

我们不是所你的产品需要摒弃这种语调，只是说别为了用它而用它。把说清楚事情放在第一位，如果这种说话方式阻碍了这一点，那就别用它。

标题和按钮是你产品的主心骨，建议不要冒险使得这里有产生误解的可能。对于主要交互而言，清楚明了永远大于个性化，比如“储存和继续”会比“太好了，我们继续！”更好。

无论你选择使用哪种腔调的语言，你设计的产品会以不同方式表现出它的特别。公司的品牌（独特性）不是你能用几句语言简单的强加给用户的，它应该是慢慢的，可靠的表现出来的，人们会比你想象中更受这种独特性的影响，但是友好亲切的语言不是让你变得友好的必要条件。

这里有一篇文章可以参考：设计中的独特性

文字语言的情感

Blue Bottle的公司介绍页是这一主题的完美表现。文章的可读性比文章的长或短更重要，而有个普遍的概念性错误就是文章短一些总比长一些好。当然，请不要把这点和限制无关用语混为一谈。

Blue Bottle.png

很多公司可能觉得这样迂回的介绍自己公司不太明智，但是Blue Bottle公司的这一页很聪明的传达了目的。创始人是如何激发出没有添加物，新鲜的，原材料满分的咖啡，将品牌与其他咖啡店区别了出来。
​

利用人类阅读的习惯

用眼习惯.png

你需要知道如何布局内容来增加它的可读性，这就是层次结构和排版的重要性。

1 布局

有时候，它看起来怎么样和它说了些什么一样重要。

研究表明，用户浏览一个网页的视线轨迹为F模式和Z模式。这些模式的重要性在于，你可以从用户视线浏览的方式中，知道怎么布局页面中最重要的内容。
​

2 字体

精心编排的字体可以完善你的内容，按照你的需求指引你用户的视线。IOS的界面指南里就有列一些很有用的字体原则。

• 字体必须清晰可读
  如果用户都读不了这些字，那不管它多好看都于事无补。
• 用字体大小来区分内容优先级
  将最重要的信息用大号字体来显示，以此吸引用户的注意力。

别忘了辅助性小文字的重要性

并不是只有主要内容才重要，一些次要的文字也一样不能被忽视。User Interface Engineering的创始人Jared M.Spool讲过一个例子，一个小小的文字改动，给一个电商网站带来了一年300万的盈利增加。

简单来说，就是这个电商页面本身的设计并不好，在不改动现有设计上，他们加了一个按钮并且写了一句话：“你不需要注册才能购买我们的商品，请点击继续按钮买单。”

结果就是上面说的，增加了45%的盈利，也就是大概一年300万美元。

辅助性文字的重点在于你要知道它要说什么，以及在哪里说明这两点，一般是用来解释用户的困惑或者担忧，提高用户转化率等。你可以从有用性测试或者其他方法里知道答案，但切记别等着这个300万错误发生后才知道去重视它。

这里有一篇文章可以参考：五个小方法，避免错误的辅助性文字。

总结

我们所有人心里都有一个莎士比亚或者海明威，所以是时候用上他们了！

按照以上我们的建议，想清楚你想和用户交流些什么，确保你的产品像人一样说话，像真实的人一样去帮助他们完成他们的目的，也别忘了，内容的可读性至关重要。

好的语言是一份无价的至宝，在设计领域也一样。

原文来源：《Interaction design best practices》