这篇文章会主要讨论如何书写你的用户界面,介绍一些适用于所有界面的方法,当然也会有一些特别的技巧。
清晰是你的第一要素
模拟两可是任何好设计的最大敌人,对于手机或网页界面更是。因为在这些界面里,文字作为最直观的元素,它们的模拟两可会使得其造成的困惑无限放大。
在Google Ventures的John Zeratsky的《书写用户界面文案的5个原则》一文里,我们认为其中有4种最有用的规则:
1 具体化
选择合适的词语精确描述你想表达的意思。比如说:“保存(save)”和“上传(submit)”是不一样的。同样的,一个 过滤器 的功能有时候可能会和 搜索 混淆。
比如上面这个例子,你就可以看到按钮被分别标注为”查看和编辑“以及”管理“的好处。这是很细微的区别,但有助于说明这两个功能的不同。”管理“这块目录提供的是添加病人,更改计划和打印重要信息等功能,和另外两块只需要简单输入一些用户信息是不一样的。
另外还有个地方尤其需要具体化的是合适的标题。假定说你的产品更新了一系列公司活动,对于你来说这个解释是没问题的,但是对一个新用户来说会很困惑。一个具体的标题,比如很简单的”公司更新“,也许能拯救用户的困惑。
如果是多页步骤的话,比如注册账号,具体化能帮助你知道你具体在哪一步。大多数产品在下一步的按钮上会标注 下一步 或者 继续 ,而要更具体化则需要创造更有用的交互,比如“ [保存继续] ,下一步,支付信息”
2 避免生僻词语
这里说的生僻主要是指在产品里使用你们在办公室里用的一些语言,而不是普通用户知晓的语言,我们是设计师或者工程师,可是用户不是。除非你就是给设计师或者工程师设计这款产品的。比如“UI” “IxD”这种,对于大众来说就算生僻词语。
3 区分重要度
重要的语句需要出现在最前面或者最中间。“First name”会好过“Name(first)”,“以下更多细节”好过“下面你会看到更多细节”
4 限制无关用语
对于所有写作形式,限制无关用语都是必要的基础。对于展示空间有限的界面设计来说更是如此,有研究表明,用户只会花10-20s来决定这个网站是否对他们有用。
尽可能尝试使用更少的词语。举个例子:“点击并继续”就可以简化成“继续”。
不要为了特别而特别
在绝大多数产品都使用很官方语言的几年前,个性化的语言还是很有用的。但最近太多产品使用轻松随意的语调,所以这一策略已经不太管用了。
我们不是所你的产品需要摒弃这种语调,只是说别为了用它而用它。把说清楚事情放在第一位,如果这种说话方式阻碍了这一点,那就别用它。
标题和按钮是你产品的主心骨,建议不要冒险使得这里有产生误解的可能。对于主要交互而言,清楚明了永远大于个性化,比如“储存和继续”会比“太好了,我们继续!”更好。
无论你选择使用哪种腔调的语言,你设计的产品会以不同方式表现出它的特别。公司的品牌(独特性)不是你能用几句语言简单的强加给用户的,它应该是慢慢的,可靠的表现出来的,人们会比你想象中更受这种独特性的影响,但是友好亲切的语言不是让你变得友好的必要条件。
这里有一篇文章可以参考:设计中的独特性
文字语言的情感
Blue Bottle的公司介绍页是这一主题的完美表现。文章的可读性比文章的长或短更重要,而有个普遍的概念性错误就是文章短一些总比长一些好。当然,请不要把这点和限制无关用语混为一谈。
很多公司可能觉得这样迂回的介绍自己公司不太明智,但是Blue Bottle公司的这一页很聪明的传达了目的。创始人是如何激发出没有添加物,新鲜的,原材料满分的咖啡,将品牌与其他咖啡店区别了出来。
利用人类阅读的习惯
你需要知道如何布局内容来增加它的可读性,这就是层次结构和排版的重要性。
1 布局
有时候,它看起来怎么样和它说了些什么一样重要。
研究表明,用户浏览一个网页的视线轨迹为F模式和Z模式。这些模式的重要性在于,你可以从用户视线浏览的方式中,知道怎么布局页面中最重要的内容。
2 字体
精心编排的字体可以完善你的内容,按照你的需求指引你用户的视线。IOS的界面指南里就有列一些很有用的字体原则。
- 字体必须清晰可读
如果用户都读不了这些字,那不管它多好看都于事无补。 - 用字体大小来区分内容优先级
将最重要的信息用大号字体来显示,以此吸引用户的注意力。
别忘了辅助性小文字的重要性
并不是只有主要内容才重要,一些次要的文字也一样不能被忽视。User Interface Engineering的创始人Jared M.Spool讲过一个例子,一个小小的文字改动,给一个电商网站带来了一年300万的盈利增加。
简单来说,就是这个电商页面本身的设计并不好,在不改动现有设计上,他们加了一个按钮并且写了一句话:“你不需要注册才能购买我们的商品,请点击继续按钮买单。”
结果就是上面说的,增加了45%的盈利,也就是大概一年300万美元。
辅助性文字的重点在于你要知道它要说什么,以及在哪里说明这两点,一般是用来解释用户的困惑或者担忧,提高用户转化率等。你可以从有用性测试或者其他方法里知道答案,但切记别等着这个300万错误发生后才知道去重视它。
这里有一篇文章可以参考:五个小方法,避免错误的辅助性文字。
总结
我们所有人心里都有一个莎士比亚或者海明威,所以是时候用上他们了!
按照以上我们的建议,想清楚你想和用户交流些什么,确保你的产品像人一样说话,像真实的人一样去帮助他们完成他们的目的,也别忘了,内容的可读性至关重要。
好的语言是一份无价的至宝,在设计领域也一样。