案例研究Huffington邮报用IE9固定网站重新创造大新闻体验

分享于 

10分钟阅读

Web开发

  繁體

在10天内开发 Windows 8应用程序。

摘要

美国新闻和广告行业是一家领先的社交新闻和意见 site-"网络报纸。"huffpost,涵盖了所有的政治,媒体,网络,新闻,博客,新闻,博客,原创内容,新闻,博客和原创内容的最高目的地。 站点超过了 26M 唯一访问者的每月访问时间。

HuffPost希望为他们的读者提供相关和及时的"大新闻",鼓励与评论和社交。 利用 IE 9和 Windows 7开发人员工具,HuffPost创建了一个身临其境的应用程序,像带有新固定站点功能的网页体验:

对huffpost的读者和业务来说,结果是的。 已经锁定站点的用户。

  • 在网站上花费了 49%时间
  • 有 14%个更可以能停留在网站上
  • 已经查看 11%页

这就是HuffPost希望更多的参与。

在用户 Windows Taskbar中,HuffPost开发人员使用了这些工具来支持更多的用户,在用户任务栏中,IE9共享 ,在美国达到,在美国接近。 Huffington邮报的首席技术官 Paul Berry描述了他们在这个视频系统中所采取的方法。

也要做同样的事情? 复制所做的开发工作需要大约一天的时间。 转到 BuildMyPinnedSite 了解想法和代码示例。 更简单的版本( 有很多好处) 可以在 15分钟内完成。

本例中的链接将直接带你到特定的MSDN固定站点部分,因此你可以深入了解细节并检查代码示例和演示。

情况

IE9的核心原则之一是把网站放在用户体验的中心。 用户访问浏览器访问网站,而不是浏览浏览器本身。 开发者应该有工具来构建用户体验的用户体验,浏览器应该离开。

虽然今天大多数网站都是 static 和内容,但是越来越多的网站是互动。个性化和社会化的。 现在很清楚网站的头是多少天。

HuffPost意识到成功意味着获取他们的相关和目标本地内容给读者,并鼓励他们自己贡献。 它也意味着使用整个PC不仅仅依赖于浏览器 URL。搜索或者移动应用程序。

HuffPost的开发人员忙。 他们关注网站内容和功能,所以他们没有时间去浏览每个平台上的每个特性。 他们所考虑的功能必须为 他们必须 ,他们必须立即以提高用户体验的体验。

下面是HuffPosts的三个标准,以及在考虑新的浏览器特性时应该问的问题。

  • 客户参与
  • 它能及时和相关的方式联系顾客?
  • 是客户工作流程的一部分?
  • 它能帮助客户更快地获得我们的内容?
  • 是否让我们的客户更深入地体验网站体验?
  • 客户价值
  • 它是否激发客户停留和互动更长的时间?
  • 它会增加我们的客户参与广告和高级体验的机会?
  • 客户是"刃口"和"必须有"?
  • 它能增强日常体验?
  • 它是建立忠诚度和品牌价值?
  • 工程价值
  • 从开发角度来看,它是否简单且?
  • 它是建立在一个具有成熟的客户基础的可靠的长期平台上?
  • 它是否与业务的任务和价值同步?
  • 底线是在给定的项目中使用它是有利可图的?

HuffPost希望他们的网站体验更像一个应用程序。 社交活动也是一个优先选择。 当读者参与时,他们经常访问,深入到网站,并保持更长的时间。

他们评估 IE 9固定站点特性,以了解这些特性如何影响客户的参与和价值。 他们很快就能满足和"沉浸式"的需求。

易于实现。标准。性能和可以持续性,因为与 3rd的to和移动设备的平台继续使用它们的有限开发带宽。

解决方案

简单易学,易于开发。

Devs通过 MSDN IE9代码样本库IETestDrive固定站点( ) 了解了IE9的站点实现,其中包含了带有"显示代码"pop的easy-to-follow场景。

ie9的Pinned站点 api 和内置的Developer开发者工具也非常有用。

许多在线新闻站点一样,HuffPost主要使用JavaScript从内容管理系统发布新闻。 使得基于javascript的站点特性易于添加和测试到现有系统中,几乎没有定制代码。

困难的部分是确定内容to服务和服务to什么时候服务。 他们决定展示他们的大新闻部分,因为这是将他们与竞争性新闻网站。

end-to-end工作3天后才开始。

  • 设计= 2天,在市场营销,编辑和产品计划之间共享
  • 开发= 1天,1开发人员要构建,测试和部署

IE9是一个全新的品牌体验,它可以让内容和交互在焦点上 puts。 固定网站功能旨在通过 Windows 7增加客户参与,在浏览器外部。

在IE9中更深入地查看Huffington帖子

进入体验,HuffPost在天内重新创建站点,与 1开发者一起:

步骤 1: 映射到当前品牌的外观和感觉。

HuffPost定义了导航按钮的颜色。主页。窗口大小和工具提示,使用固定的站点元数据。 IE9做剩下的。

步骤 2: 让你的用户了解。 然后提醒他们 !

HuffPost希望读者使用IE9来固定他们的站点。 当用户还没有锁定该站点时,该站点会自动检查,并提示他们将标签拖到。 所有完成的收费仅为代码。 用户现在可以将标签拖到任务栏上并启动固定的站点体验。

步骤 3: 每个任务栏上的HuffPost。

HuffPost希望品牌体验看起来像他们的用户体验的日常部分。 他们设计了 5图标编辑器在 x 图标编辑器,并与每个新闻部分关联的颜色。

读者只需将自己喜欢的部分直接插入到任务栏中,就可以通过一次单击来跳回到HuffPost体验。

步骤 4: 将它们重新带回 !

每分钟的新闻变化。 当大新闻出现时,读者需要知道。 HuffPost要确保他们的读者是第一个。 通知是一种很好的方式,无需发出干扰的噪音或者不必要的电子邮件就无法通知读者。 自定义 icon 覆盖工具栏 Flash 将用户的注意力直接捕获到任务栏上。

步骤 5: 深入跳转列表。

当读者发现新内容时,他们很高兴,HuffPost希望鼓励探索这个网站。

动态跳转列表包含了诸如名人姓名。政治评论或者娱乐buzz之类的关键词,让读者更容易发现有趣的新闻。 每个跳转列表都由新闻部分个性化,每 15分钟更新一次。

用户可以右键点击固定的站点查看新的跳转列表。 那是多么容易? !

步骤 6: 使用缩略图工具栏进行社交。

这看起来很简单但很有区别。 单击缩略图工具栏。打开 他们的任务栏使的"像"和"微博"的故事变得容易。 然后用户可以轻松地与他们的朋友共享故事,从而为huffpost的内容提供更大的内容。

汇总&下一步

HuffPost在客户价值客户价值和对代码的成本方面 measures。 一个小型的开发investment-1日,1开发者创造了一个身临其境的读者体验,真正付出了代价。

为IE9开发非常简单,尤其是当你的目标是直接向你的客户提供。 解锁 Windows 7和,的潜力将保持你的焦点,它应该在内容上,最终在你的客户上。

Huffington的post指标成功超过 !

HuffPost非常令人兴奋的是,( 1天,1开发人员) 对读者目标的支持是多少?

已经锁定站点的用户。

  • 在网站上花费了 49%时间
  • 有 14%个更可以能停留在网站上
  • 已经查看 11%页

网站体验优势

  • 让用户通过点击访问获得他们想要的新闻内容,从而创建个性化体验
  • 通过通知增加用户参与,使用户回到他们的big大新闻""
  • 代码成本低,并且易于使用现有技术如 JavaScript

准备好了学习怎么做。

请看它 !

查看中的Huffington Post插件。 开发人员有很多资源,包括代码示例,技术文档,api和更多内容:

轻松点击本案例研究中引用的链接: !


EXP  pos  POST  CAS  NEWS  Sites  
相关文章