注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

百鬼夜行

身是菩提树,心如明镜台,时时勤拂拭,勿使惹尘埃。

 
 
 

日志

 
 

Mobile Readability Guidelines (转自前端观察)  

2015-05-04 14:13:22|  分类: HTML5CSS3WEBAPP |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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


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

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

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

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

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

读者是如此浮躁,那么我们该怎么做呢?

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

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

参考内容: 
http://www.nngroup.com/articles/how-little-do-users-read/ 
http://blog.usabilla.com/8-guidelines-for-better-readability-on-the-web/ 
http://www.entheosweb.com/content_writing/tips.asp

  评论这张
 
阅读(53)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017