纽约时报是怎么用HTML 5设计在线阅读产品

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

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

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


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

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


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

  火星人都知道,用户的阅读习惯各不相同,呈现多元化趋势,且看纽约时报是如何解决这个问题的,它主要使用了自定义的功能就解决了这个问题,且看纽约时报有多少种内容排版的模板。

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

时间: 2024-09-10 20:02:49

纽约时报是怎么用HTML 5设计在线阅读产品的相关文章

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

网友&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;krrishyan 投稿 原文 年前在李开复老师的微博上发现了一个很有意思的基于HTML5的在线阅读产品--纽约时报(在线 版)http://www.nytimes.com/chrome/,当然在Ipad上使用和浏览的效果也很不错,于是对其在功能.内容和体验方面做了如 下探析,希望对做阅读类产品的同仁有所帮助. 一.纽约时报都有哪些功能?在firefox浏 览器下

《纽约时报》网络版明年起收费

据新华社电 美国纽约时报集团20日宣布,<纽约时报>将从2011年开始对在线读者征费. 纽约时报集团发表声明说,从明年开始,该报在线读者每月可免费阅读一定数量的文章,超过定量就需付费.不过,<纽约时报>订户将可继续免费在线阅读.

《纽约时报》:优秀的媒体 失败的生意

研究结论 1.在收入持续下滑的危机中,<纽约时报>开启了大规模数字化转型.但从效果看,新增的收入远远不能弥补广告收入大幅跌落留下的空白: 2.在数字化创新方面,<纽约时报>开发了四款新产品希望藉此获得营收增长.但其所有的内容依然是基于媒体和内容思维的: 3.传统媒体转型最大的挑战也许在其自身,人们往往宁愿抓紧最后一根稻草,也不肯奋力一搏. 序 拼命转型的<纽约时报>人 在纸媒收入下滑的大背景下,执着的媒体人只能将希望寄托在那些声誉卓著的报刊上--也许它们可以成为扭转颓势

《纽约时报》网站明年开始收费

<人民日报> 也开始在线阅读收费 据外媒报道,<纽约时报>宣布将于明年开始对在线文章进行收费.<纽约时报>声称,将采用一种在读者一个月里阅读文章达到一定数量时开始收费的"计费模式",订阅了印刷报纸的用户则可免费访问网站. 无独有偶,国内部分传统媒体也在去年年底和今年年初开始逐渐推进在线阅读收费业务,其中包括<人民日报>.有业界人士表示,过去大部分人对在线阅读收费不看好,不过,随着国内互联网 版权备受重视,未来在线报纸收费会将成为一种趋势.

《纽约时报》与Flipboard完美牵手

中介交易 SEO诊断 淘宝客 云主机 技术大厅 你喜欢读<纽约时报>吗?如今据国外媒体报道,<纽约时报>与Flipboard完美牵手,前者正式向iPad应用Flipboard开放所有内容,用户可以通过该应用程序阅读<纽约时报>的全部内容.这一消息对Flipboard具有重大意义,它标志着其第一次成功说服大型出版商提供全部"付费"内容,Flipboard将不再只能从杂志,报纸等类似刊物上阅读部分内容,对于<纽约时报>将有完全的访问权限.同时

网站收费将成《纽约时报》重要收入来源

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 新华网北京3月12日专电<纽约时报>主席苏兹贝格12日在2010年彭博社<商业周刊>媒体峰会上说,向网站读者收费将成为<纽约时报>第二大收入来源,但该报纸质版"在未来多年"仍将是最重要的收入来源. 纽约时报集团今年初曾宣布,从2011年初开始,<纽约时报>网站的访问者每月只能

环球时报:纽约时报向阿里巴巴发难目的不纯

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 <纽约时报>21日发表文章,通过"股东分析",把即将在美国上市的阿里巴巴公司描述成政治色彩浓厚的淘金者.阿里巴巴当天发表声明,对<纽约时报>文章以及一些媒体屡次三番关于它的"背景论"表示强烈反对. 延伸阅读:阿里巴巴回应外媒"背景论"质疑:唯一背景只有市场 阿

《纽约时报》:“无脑游戏”的夸克级人文关怀

人们打通<超级马里奥兄弟>第一关平均用时1分30秒,<愤怒的小鸟>第一关却仅需10秒.这就是现代游戏的核心理念之一:让玩家最快.最简洁地获得一定成就 编者按:游戏正成为一种生活方式.从<俄罗斯方块>到<开心农场>,从<植物大战僵尸>到<涂鸦跳跃>,从<愤怒的小鸟(微博)>到<Draw Something>,全世界玩家为之寝食不安,日夜奋战. 然而,游戏的"无脑化"倾向正在日益凸显.事实上,从

纽约时报:表情符号已在一定程度上取代文字

纽约时报:表情符号已在一定程度上取代文字导语:7月27日出版的美国<纽约时报>印刷版 刊登题为<表情符号赢得文字大战>(The Emoji Have Won the Battle of Words)的评论文章称,表情符号已经成为人们的重要沟通方式,甚至在一定程度上取代了文字.但这种模式仍然存在很多缺陷.以下为文章主要内容:大约从6个月前开始,各种各样的笑脸图标又衍生出了更多内容,包括在发送宝宝照片时附带的红心,以及说晚安时附带的深情一吻.我个人尤其喜欢露着牙齿.令人略感不适的鬼脸.