• home > webfront > browser > x5 >

    Mobile Readability Guidelines

    Author:[email protected] Date:

    前言:这是之前为团队微信账号写的一篇文章,同步过来。叫 Guidelines 其实有些托大了,只是站在前人的肩膀上,梳理一些移动端文字排版的

    前言:这是之前为团队微信账号写的一篇文章,同步过来。

    叫 Guidelines 其实有些托大了,只是站在前人的肩膀上,梳理一些移动端文字排版的简单参考。

    百度在 2014 年第三季度财报中表示,其移动端的流量已经超过 PC,微信中每天有超过 2 亿人阅读超过20亿次图文消息,这些都说明越来越多的人已经习惯于手机上阅读有价值的内容了。

    那么作为读者,你花多少时间认真阅读一篇文章?作为内容发布者,你是否对文章的阅读量和转化率感到满意呢?

    根据诺曼集团的用户调研,我们可以得到用户在网页上阅读时的一些行为习惯:

    • 用户平均最多只阅读一篇文章的 28%,其实通常只有 20%;
    • 17% 的读者会在 4 秒内关掉一篇文章,超过 10 分钟的只有不到 4%,说明大部分用户并没有认真读;
    • 读者阅读一篇文章的内容通常在 30 到 1250 个字之间,超过 1250 个字就很少有人能读完;
    • 人们一分钟能读 250 个字左右,但屏幕上通常是扫描式阅读,4.4 秒钟就能读 100 个字,也就是说,阅读比例大概只有 18%;
    • 读者是如此浮躁,那么我们该怎么做呢?

    针对用户阅读的习惯和手机屏幕的特征,我们整理出一些移动端的文章可读性指引,希望能够帮你提高文章的阅读体验,从而提高文章的阅读量和转化率:

    • 去除装饰,聚焦在内容;
    • 精简,简化标题、段落和内容,相对于印刷的内容,精简掉一半的文字;
    • 每段只表达一个观点;
    • 使用清晰的排版结构,比如:标题——简介——小标题——段落——小标题——段落;
    • 使用有序或无序的列表替代段落的铺陈;
    • 高亮或者加粗关键词和小标题;
    • 合理的行高,通常用字号的 1.5 倍;
    • 合理的段间距,通常用字号的 1.75-2 倍;
    • 合理使用图片,不滥用图片,图片单独成段落,不和文字混排;
    • 使用易读的字体,不用「美化」字体。通常使用系统自带的字体和默认字号即可。

    参考内容:

    感兴趣的话也可以查看微信图文消息时的原文 并关注该公众账号,嗯,可以关注到微信设计团队的一些动态。


    转载本站文章《Mobile Readability Guidelines》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/browser/x5/2016_0201_466.html