交互译文—清晰度,可读性和可理解性:让用户阅读你的文章

所谓成本是指:阅读你的文字所带来的长时间、理解内容带来的困惑、混乱的排版所带来的负面情绪等。
所谓收益是指:阅读你的文字能让我获得的信息内容和质量,以及获得的积极情绪。

交互译文—清晰度,可读性和可理解性:让用户阅读你的文章

 前言

只有当你的文字是清楚可见的,语句是简洁规范的,信息是明确易懂的情况下,用户才会阅读你的网页。

如果说一个网站的视觉设计关注的是它“看上去”怎样的话,那么网站的内容排版关注的是它“听上去”如何。在互联网产品的交互设计中,内容的设计与排版是至关重要的。无论多好的原创内容,如果没有用户阅读的话,就没有任何价值。相对于其他部分的用户体验,在用户决定是否阅读你的内容之前,要分析它所带来的成本和收益比。

所谓成本是指:阅读你的文字所带来的长时间、理解内容带来的困惑、混乱的排版所带来的负面情绪等。

所谓收益是指:阅读你的文字能让我获得的信息内容和质量,以及获得的积极情绪。

文字的收益部分往往是固定的,为了提高阅读文字的用户体验,我们需要在阅读成本上做减法。主要有三个方面:清晰度、可读性和可理解性。

清晰度

定义:清晰度是阅读文字的用户体验中最低层次的要求:清晰度指的是文字是否能被看到,区分每一个文字,识别文本中的每一个字,每一句话。清晰度主要靠视觉设计,更确切地说是排版设计来操作。

保证清晰度的几个准则:

  1. 在保证整体设计质量的情况下尽可能使用大号的默认字体,并允许用户调整字体大小。小号的字体影响文本的清晰度。“小号”的具体尺寸要区别于不同的用户群体,这主要是根据用户群体的视觉敏感度来设定。比如老龄用户需要更大号的字体,但即使年轻人也不希望眯着眼睛才能看清文字。(尤其是青少年,他们往往不会长时间的正襟危坐在电脑前阅读,想想你当年的样子就知道了)
  2. 对文字和背景使用高对比度。尽量使用纯色的背景,这样能够提高文字的清晰度。
  3. 使用简洁的文字样式。对于现在流行的高分辨率屏幕来说,衬线文字也是可以的,但是那些模拟手写体或者哥特式的文字会降低文字的清晰度。

测试文字的清晰度

如果你遵守了上文的准则,那么你就不需要专门测试文字的清晰度了。在一般性用户测试中观察用户是否前倾身体去阅读,或者抱怨文字比较难看清之类的,发生这种情况的时候往往说明你的文字需要继续调整,以确保它的清晰度。

专门测试文字情绪度的方法是计算典型用户对于简单文字的阅读速度。平均来说,如果测试用户中有约20%的阅读速度低于阅读参照物文字的速度,说明你的文字的清晰度就比较低了。

可读性

定义:可读性用来评估了一篇文本中文字的复杂程度,以及句子段落的结构合理程度。复杂的句子和段落结构更加难懂。用户的阅读等级越低(根据受教育年限来衡量),我们越需要设计比较简单的文本结构。举个栗子,12年级阅读等级,相当于一个优秀的高中毕业生的受教育程度,这类用户比较能够阅读一些比较复杂的文本结构。

保证可读性的几个准则:

  1. 使用标准的口语,越简短越好。避免使用网络流行语、地方性的流行语等。
  2. 使用简短的句子。避免使用复杂的句型,尤其是包含许多层次的分句和连词复合句型,这样复杂的长句型超出了用户的短暂记忆的极限。
  3. 主要使用主动式语句(例如:我吃了一个包子)。被动式语句可以用在一些需要重点突出关键词的句型上(例如:你的心灵被我的文字所感染)
  4. 当你的读者为一般民众时(例如一般的报纸的读者),以8年级阅读等级(相当于初中学生水平)为标准设计文本。
  5. 如果你写的是一些专业领域的文章,依然将你的文字的阅读等级设定为低于目标读者等级几个级别。当你为大学生读者写文章时,12年级阅读等级是一个很好的阅读标准。

测试文字的可读性

可读性经常由电脑来衡量。网上有许多可读性衡量公式,微软的Word也包含了一个可读性衡量公式。在Word2013中, “Flesch-Kincaid” 阅读等级公式可以在 “Review》Spelling & Grammar”中找到。

有很多的可读性衡量公式,它们主要通过测算单词的长度和句子的长度来衡量可读性。长的单词通常是很少见的,长的句子通常会增加用户理解文字的难度,因此这种衡量公式是合理的。但是要说明的是这种方法只能粗略的衡量可读性。阅读等级的设定也是一个粗略的衡量方法。我们所说12年级阅读等级是假定高中毕业生能够具备能力阅读这个等级难度的文字,但实际上有很多能够顺利毕业的高中生,他们仍旧只具备很差的阅读能力,这在天朝很常见,当然在其他国家也不会是个别现象。

可理解性

定义:可理解性衡量了用户是否能够理解文字希望传递给读者的信息,以及用户是否能够正确的总结这些信息。尤其对一些具有说明指导内容文字,我们希望用户在阅读后能够进行正确的操作。

保证可理解性的几个准则:

  1. 使用以用户为中心的语言。使用用户熟悉的语言形式可以加快文字的可理解性。
  2. 如果文字的目标用户是特定的(学术论文,专业性文字等),使用相应的专业性术语文字,虽然这对于大众用户来说阅读起来会很困难。
  3. 使用倒金字塔式的写作方式。文章的开头注明结论或者是关键点的综述。这样用户在阅读正文的时候已经对文章的观点有了概念。
  4. 遵照已知的思维模式来设计文字以降低认知负荷,降低和避免用户从不同的段落部理解文章的信息。
  5. 图片和概念图表能够更简洁清晰的向用户传递信息。
  6. 简明扼要,文字越少,用户会更容易的接收和理解你要传达的信息。
  7. 对于手机端用户,文字要更加的简明扼要。有限的屏幕大小降低了文字的可理解性,因为用户一屏只能看到极其有限的内容,这将很难让他们结合前后文来理解文章的内容。

测试文字的可理解性

测试网络内容可理解性的主要方法是标准的用户测试。能够证明用户是否正确的理解文字信息的唯一方法就是让他们真正的阅读我们的文字,并观察他们是否像我们期望他们的那样操作。当我们了解了测试用户是怎样操作的之后,我们可以对他们进行文字内容的测试以衡量文字的可理解性;测试内容可以从简单的关于文字内容的记忆测试到比较复杂的问题回答,以测试用户对于内容的理解程度。举一个测试的例子,我们重新设计了一个复杂的B2B产品的网站内容,并对用户进行新网站的使用测试。用户记住了65%的网站产品数据,而旧版本的网站测试中,用户只记住了33%的网站产品数据。你也可以对一个具体的内容进行”填字测试”,它可以帮助你确定这段文字是否会造成歧义或者其他的问题。

内容的可用性:在清晰度、可读性和可理解性之外

这三个标准只是保证了文字可用性的最低标准,它们只是必须的,但并不仅限于此。仅仅因为用户可以阅读和理解文字的内容并不代表用户回去阅读你的文字。在平均的网站访问中,用户只阅读了28%的网页文字。有极大一部分网页文字用户仅仅瞄了一眼。

用户有时还是会阅读文字内容的,尤其当用户对内容有兴趣的时候。提高阅读比例的关键点是快速的吸引用户的注意力,并在用户离开之前让其对文字产生兴趣。标题是非常重要的吸引用户的点,开篇的头几段文字也极其重要。

因此,为了让文字有高的清晰度、可读性和可理解性,我们需要:

  1. 让文字内容有兴趣,清楚的标题,清晰简洁的文章结构。
  2. 把注意力集中在怎样让用户感兴趣,而不是你怎样来描编写内容。
  3. 在文章的开头就让用户感觉到有趣且有用。

 

– Originally by Nielsen Norman Group

原文地址:http://www.nngroup.com/articles/legibility-readability-comprehension/

本文系作者@rayerlistic 编译投稿发布于人人都是产品经理,未经许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31104/

(0)
CatherineCatherine
上一篇 2017-05-31 09:26
下一篇 2017-05-31 10:26

相关推荐

  • Axure手机多屏幕滑动原型案例下载

    网络中有价值的Axure原型案例不多,给客户做的原型或者自己公司内部的几乎没有人愿意共享出来,这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型,换位思考一下,你付出劳动制作好的成品也不会随意送给…

    2015-01-04
  • 一份全面系统的渐变色自学指南

    踏入新创科技业以来,总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽(糟糕),要码是设计师常常抱怨工程师没有 美感,不重视设计细节,或是连Guideline都不读完就来跟我讲该怎样设计( → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完,这是基本啊!!基本啊!!在线已经有满坑满谷的翻译文章啰,所以别再拿看不懂英文当借口啰);另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家,把写程序当成写国字(Framer会红的原因?!)或是总是有着过于天马行空的设计想法。

    2017-05-22
  • 6种转化率分析模型,提高产品转化率、用户体验

    在微观层面(实战方法论)通过6种转化率分析模型提高产品转化率、用户体验; 大家如果能掌握好增长方法论和提升转化的秘诀,就一定可以通过实现业务快速增长。以下为数极客CEO @谢荣生 在【起点学院公开课】演讲实录,编辑有修改:1. 为什么转化率越来越重要?1.1 流量红利渐失,竞争日益激烈目前新平台、新应用发展起来的难度比十年前要难数十倍,主要有三方面的原因:增长率下降;流量集中于BAT等少数大平台;同行竞争激烈。根据CNNIC统计报告显示...

    2018-03-28
  • 关于用户体验

    产品不被喜欢的原因是漏了什么?答案是用户体验。如果你是一个产品经理,是否有深刻思考过这个问题呢?有人会说思考过,但似乎没什么用,产品还是不被喜欢。那是用户体验不重要,还是我们思考的不够呢?答案是后者。首先我们提出本篇要解决的核心问题:如何让产品被喜欢?(说明一下,这个产品可以是某种实物性的产品,也可以是一种服务性的产品。)这个问题提出后,很多人的脑海中会蹦出质量好、外观精致、用的舒服、服务周到等,但想到这些的人,一定还会有一个感受,就是...

    2018-04-09
  • 9个关于设计的关键要素,帮你设计出更加优秀的作品

    之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

    ——Source: SuperDryCleartrip is a very good example of what I am talking about……

    2017-05-17
  • 一名交互设计师的日常思考方式

    如果有一天,当你发现自己“较真又矫情,苛求又世故,倔强还言辞凿凿”,别否定自己,也许你已经开始有点交互设计师的意思了。

    2017-05-05
  • 【交互面试】阿里巴巴交互设计实习生笔试题汇总

    阿里巴巴交互设计实习生笔试题 1 在线测试,测试时间 180 分钟 【自我介绍-20 分】简要的自我介绍(学校、学历、专业、个性、独特亮点等),并上传你的简历和作品。(将附件上传到无密码的网盘中,建议使用酷盘,并…

    2015-07-30
  • 从可用到易用的一次思考|手机获取验证码那点体验

    我们做用户体验的不能将系统过失/产品过失迁就于我们的用户。因为用户永远不会错,用户也没有必要为产品和过失负责。我们要做的就是穷尽我们解决问题的能力帮助用户获得最佳的使用操作,并能带来一丝的惊喜。

    2017-05-17
  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • 信息与交互设计专业委员会走访北京服装学院艺术设计学院

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn第四站——北京服装学院2017年11月3日上午,信息与交互设计专业委员会卞亚君秘书长及秘书处谢老师、王老师一行三人到北京服装学院艺术设计学院进行了走访。新媒体系主任丁肇辰教授热情地接待了我们,在交谈中丁教授向我们介绍了学院的基本情况以及带学生做的一些研究项目及活动。如《都会寝室》项目,面向20-35岁人群,致力于通过卧室环境控制、健康食物推荐等,改...

    2018-01-31