了解用户的阅读习惯,提升产品设计体验

用户头像
上海/UX设计师/1年前/133浏览
了解用户的阅读习惯,提升产品设计体验
用户头像
三分设
9 种扫读模式,10 种调整文本方法,实现最佳可读性。
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MDA=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
Amish Letter 作家
收藏
我们写作的目的各不相同,但是,我们有一个共同点——现在我们都在网络上写作。
在媒体网站上写作总感觉有些许笨拙。或许,你早已参透那些媒体网站上的文章风格,学到能让用户保持注意力的关键因素:
  • 保持段落简短
  • 长短句组合
  • 使用项目符号
  • 添加相关的插画
盲目地运用这些写作“小技巧”并非是一个正确的做法。
我们都知道,医生在开始治疗前,是需要学习人体构造。相同,我们在开始写作前,也有必要学习了解人类眼睛获取内容的运作原理。让我们一起看看,现代人是怎么阅读文章的,我们能够从中学习到适合现代人阅读的写作方法。
本文的科学依据
Nielsen Norman Group(尼尔森诺曼集团),是一家非常著名的用户体验研究公司,本文基于他们的眼动追踪实验数据。阐述人们是如何在线阅读内容。
01、“扫读”概念介绍
什么是扫读?它指当人们快速浏览页面中的文字、短语、标题或页面的各个模块。
人们更倾向于扫读你的数字内容(文章、图片),并不是去阅读。这不是你的错。或许,你可能是下一个 Leo Tolstoy(列夫·托尔斯泰),能够写出《Anna Karenina 2.0 》,但是互联网对文本内容是无情的。
NN Group 发现 79% 的人不断扫读任何他们看到的新页面。只有 16% 的人会阅读页面上的每个字。
扫读即搜索。读者扫读的行为看似可能是纯粹的懒惰,但实际上并不是。这是一种寻找和过滤信息的有效策略。扫读还可以让读者避免信息过载。
如何判断你是否在扫读?
  1. 眼睛会注视某些单词,但不会注视整行文本。
  2. 你正在以非线性的方式处理内容(跳过部分内容,找到有用的信息)。
  3. 你很有可能阅读这篇文章一目十行,对我而言,我无所谓,没有问题。
02、9 种扫读模式
据我所知,NN(尼尔森诺曼)的专家们是第一个发现和研究扫读模式。他们将摄像头放置在人们的头部并监测他们通过视觉识别含文本和图片的电子网页。这很像使用 Hotjar 产品,是为了眼睛。以下是他们发现的最常见眼睛扫描模型。
1、F 模式
如果我们从左到右阅读,扫读文本就像下图:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MDQ=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
F 模型示意图
收藏
我们会看每行文本的第一个字,而且往往在前面的每行中看更多的字。随着我们下拉页面时,我们每行看的文字会越来越少,而且只看靠最左边的文字:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MDg=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
F 模式
收藏
如果是从右向左阅读的语言,例如阿拉伯语 —— F 模型呈现出镜像:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MTI=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
阿拉伯语页面的眼动追踪
收藏
02、分层蛋糕模式
人们通常只阅读 / 搜索 / 扫读副标题(h2):
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MTY=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
分层蛋糕模式
收藏
这种阅读模式有助于找到和确定页面的主题。
这种阅读模式有助于找到和确定页面的主题。人们阅读那些对他们有用的部分,而忽视那些没有信息标题的文本段落。
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MjA=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
分层蛋糕模型
收藏
简明扼要的小标题能够助力读者快速找到信息,并且在长文章中保持专注力。因此,让小标题清晰明了,变得更有趣、更有用。
03、散点模式
读者有的时候只是扫描关键词:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MjQ=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
散点模式
收藏
例如,一个用户主要在搜索和查看是数字:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5Mjg=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
散点模式
收藏
散点模式证明了扫读模式不是随机的。我们在浏览网站时潜意识搜索关键信息,而并不是纯粹为了娱乐(阅读《纽约客》除外)。
04、决定模式
一种特殊的扫读模式。如果你对一个小标题特别感兴趣,你会阅读小标题下的所有文字。
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MzI=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
决定模式
收藏
这种模式暗示了人们会阅读感兴趣部分的所有行文字。(这也是另一个为什么要写好小标题的原因)
我本该提前透露这一点——这很重要,但是我将这个事实藏在这里,只为了让那些“热爱”写作的作家们参考。当人们在网络上阅读时,他们不仅仅在扫读内容,而是他们在寻求答案。
他们不是为了娱乐而阅读,而是搜寻能够解决他们任务的信息。如何制作饼干面皮?我在其他人眼里太固执了么?伊丽莎白二世什么时候出生的?问题,问题...网络上的文章必须给出答案。
决定模式只有在读者发现某个部分直接与他们的任务 / 主题 / 兴趣相关时出现。
一般是在看菜谱时。用户在发现正确的内容后会停止扫描,或者继续漫游一下。
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5MzY=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
决定模式
收藏
决定模式不会产生负面情绪,这一点和详尽审查模式不同。
05、详尽审查模式
为了考试,学生们使用这种模式阅读学习材料。文案从业者也使用这种模式阅读其他文案写的测试任务:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NDA=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
详尽审查模式
收藏
在每一个字里行间反复查阅看似很实用,但实际上,花费读者大量的精力。详尽审查模式在以下情况发生:
  • 文章很难理解,由于外在的理由(比如:考试、学习)必须要去阅读
  • 文章的主题内容超出了读者的专业水平
  • 读者希望找到缺失的信息(比如:阅读那些写得不好的常见问题的解答和使用说明)
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NDQ=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
详尽审查模式
收藏
06、只读列表模式
读者跳过文本,只阅读列表里的文字:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NDg=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
只读列表模式
收藏
只读列表模式还意味着,如果每一行首字非常相似,读者就会忽视:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NTI=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
只读列表模式
收藏
NN Group(尼尔森诺曼集团)指出读者在扫读常见问题列表时,往往会跳过“为什么”和“如何”两个常见高频词。
07、模块跳过模式
读者会跳过页面上的整个模块进行阅读:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NTY=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
模块跳过模式
收藏
这种情况经常出现在文章内容价值较低。看似阅读模式和 F 模式很像,但是,读者几乎不看任何一行文字:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NjA=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
模块跳过模式
收藏
08、割草机模式
此模式与文字内容无关,而是和整个网站布局、生态相关。如果网站页面被划分为一个个单元格——图片、视频、文本 —— 那么,我们的目光就会像割草机一样移动(对,就像你收割家门口草坪一样):
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NjQ=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
割草机模式
收藏
下图是 Apple Watch 页面,可以完美阐释了内容的“单元格”样式以及展示了割草机阅读模式:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5Njg=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
割草机模式
收藏
09、 “之”型模式
这种模式出现在主文字内容的侧边有小文本目录和图片的网站:
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NzI=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
“之”字型模式
收藏
读者为什么会像“之 ”字型扫读?他们要么被图片所吸引,要么对文字/图片感到困惑。
了解用户的阅读习惯,提升产品设计体验(图ZMTQ4ODE5NzY=) - 观点 - 站酷设计师三分设原创素材 - 站酷ZCOOL
“之”字型模式
收藏
03、10 种调整文本到最佳可阅读性的办法
  1. 根据个人经验和眼部结构,我推荐以下10 种办法让内容适应读者扫读 :
  2. 使用和正文内容相关的标题和副标题。让用户轻松找到内容,他们会感激不尽。
  3. 把最关键的信息和要点放在句子最前面(作为句首 3 个字)。记住 F 模式。
  4. 将关键词加粗,或者以其他方式强调关键词。但记住不要过度使用,因为会让读者感到困惑。如果你强调所有,那等于什么都没强调。
  5. 提供要点列表很有用!但是,只有在要点数少于 4~5 个的时候才有效。
  6. 使用简洁的语言也很有效,原因在于:满足最低专业水平的受众,这样就会有更多的读者可以读懂。同时,也降低了用户来回阅读,减少精力的消耗。
  7. 不要过分追求引言。快速进入基本的、有结构的、信息丰富的、简明扼要的内容模块。冗余的开场白会占用你将要表达的核心内容。
  8. 使用倒金字塔的叙事风格。就是将最重要的信息放在开头(人物、事件、时间、地点、起因)。然后,加上个人经验和补充细节,最后,放上最不重要的东西(比如,意见),或者在文章最后回顾最重要关键要点,这样也行得通。就像现在,这里?仅仅是对上述扫读模式的总结。
  9. 如果潜在读者搜索数字,那么记得使用数字。比如,文章谈论猎豹,那么可以将猎豹的最大速度由“八十公里每小时”写为“80 千米 / 时”。
  10. 增加动词,使用动词开头的句子会更易于阅读。对了,不建议使用不定式。
  11. 研究课题,做真正的研究。胡思乱想的文章都是垃圾。读者是来获取信息。而不是来欣赏写作的风格。确保使用可靠的资料,对来源进行严格的核查,这关系到作者的专业和声誉。
1
阅读原文
|
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】游戏/娱乐icon
【新年UI图标】30个图标
【新年UI图标】酒店icon
【新年UI图标】影音icon
UI界面 组件
盲盒APP UI设计
手表表盘UI系列
科技医疗透明柜UI界面设计
Security Camera UI kit
UI_3D图标火箭炮<新春促销>
UI应用平面图标
UI通用设计素材1
【新年UI图标】美妆icon
高级表盘系列UI源文件
矢量立体简约UI蓝白图标
新能源APP应用UIKit
【新年UI图标】珠宝icon
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI_3D图标炮仗<新春促销>
高级感金属拟物 UI设计组件库
【新年UI图标】家具icon
你可能喜欢
相关收藏夹
大家都在看
登录注册