纽约时报是怎么做在线阅读产品的一

2019-03-18 09:01:13 来源: 铜陵信息港

纽约时报是怎么做阅读产品的?(一) 纽约时报是传统媒体里乐于大胆创新的一个楷模。在阅读领域,也是如此。随着阅读越来越成为一种潮流,该如何做阅读产品也已经摆在了想在这一领域有所突破的创业者面前。我们希望授权本站刊登的这篇文章能对该领域的创业者有所帮助,有所启发。这是文章的第.

纽约时报是传统媒体里乐于大胆创新的一个楷模。在阅读领域,也是如此。随着阅读越来越成为一种潮流,该如何做阅读产品也已经摆在了想在这一领域有所突破的创业者面前。我们希望krrishyan授权本站刊登的这篇文章能对该领域的创业者有所帮助,有所启发。这是文章的部分。如果您对第二部分也感兴趣,请移步这里。年前在李开复老师的微博上发现了一个很有意思的基于HTML5的阅读产品------纽约时报(版),当然在Ipad上使用和浏览的效果也很不错,于是对其在功能、内容和体验方面做了如下探析,希望对做阅读类产品的同仁有所帮助。

一、纽约时报都有哪些功能?

在firefox浏 览器下打开纽约时报,有一个地方很值得注意:“此站()提供了保存至您计算机以供脱机使用的数据。”从这句话很容易推断 出这是离线存储功能,阅读类产品没有络连接情境下,用户还能继续浏览到一些更新的内容,对用户来说,这可是一个加分型的需求满足。

接下来我们看看这张图中的右边栏:

细 心的人会发现,鼠标悬停时,有些内容分类右边有实心圆点,而有些内容分类右边是空心圆点,这代表了什么?经过试验发现,这其实是有没有内容更新的一种提 示,实心圆点表示有内容更新,用户还没浏览过;空心圆点则表示当前分类下没有内容更新,这样做的好处就是给用户一种阅读提醒,便于用户选择合适的内容阅 读,节约了时间。

点击列表中的某一篇文章,之后我们来看看纽约时报的文章终端页长什么样子?

细心的人会发现,右上角有个调节文字大小的ICON,左下角主要是社会化传播功能,如email推荐、分享到twitter和facebook。当然了,还有就是上下翻页功能。

火星人都知道,用户的阅读习惯各不相同,呈现多元化趋势,且看纽约时报是如何解决这个问题的,它主要使用了自定义的功能就解决了这个问题,而这个重要的工作就交给了内容排版的模板去解决。它一共有11种排版模板供用户自定义选择,这对满足用户多元化的阅读习惯又向前迈了一大步,

纽约时报是怎么做在线阅读产品的一

这里面重点介绍priority、slideshow和gallery三种模板。

顾名思义,priority指的是有 内容热度权重rank的排版方式,这跟新浪微博应用广场上的每讯阅读器里的微博内容权重rank排序是一个道理,都体现了一种根据内容热度来浏览的阅读习 惯;而slideshow指的是将文章内容的图片抓取出来,以幻灯片的形式展示,类似前段时间炒得比较火的flipboard效果,毕竟用户对图片的感知 优胜于纯文字内容;gallery指的是将内容中图片抓取出来组成相册的方式来组织文章内容的排版,flipboard和每讯阅读器都有此类排版效果,不 过从图片的美观角度来说,感觉每讯阅读器的图片排版效果略胜一筹。如下图所示:

本文的第二部分也已经刊出,如果您感兴趣,请移步这里。

本文由krrishyan供稿。krrishyan,6年互联产品经验,《产品经理的那些事》作者,其作品是在新浪微博有着很高使用量的每讯阅读器。此外,他还在财务管理方面有很深洞见。他曾供职于乐途旅游和人人, 并获千橡集团第二届极客大会产品用户体验奖,您可以在新浪围脖和他交流。

本文标签: