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

莎士比亚和海明威的文字可能会让你去反思人类的状况,但是文字可以增加产品的转化率吗?答案可能会让你很惊讶。
作家.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》

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容