案例分析：赫芬顿邮报使用 IE9 固定站点重塑重大新闻体验
0/5 (0投票)
利用 Internet Explorer 9 和 Windows 7 的开发者工具，HuffPost 打造了一种沉浸式、类似应用的网页体验，并具备新的固定网站功能。
摘要
《赫芬顿邮报》是领先的社交新闻和观点网站——“互联网报纸”。HuffPost 无所不包——政治、媒体、商业、娱乐、生活、时尚、可持续的“绿色”生活、世界新闻、技术、非营利组织、大学生活、书籍、教育、宗教、旅行、艺术、食品和喜剧，它是新闻、博客和原创内容的首选目的地。该网站每月吸引超过 2600 万独立访客。
HuffPost 希望为其读者提供相关且及时的“大型新闻”，并通过评论和社交帖子鼓励互动。利用 Internet Explorer 9 和 Windows 7 的开发者工具，HuffPost 打造了一种沉浸式、类似应用的网页体验，并具备新的固定网站功能。
结果对读者和 HuffPost 的业务都很有利。固定了该网站的用户……
- 在网站上停留的时间增加了 49%
- 停留在网站上的可能性增加了 14%
- 浏览了多 11% 的页面
而这正是 HuffPost 所希望的——更多的互动。
HuffPost 的开发人员利用这些工具，通过用户 Windows 7 任务栏上始终活跃的存在，让读者不断回归，IE9 的市场份额在全球范围内超过 20%，在美国接近 30%。赫芬顿邮报的首席技术官 Paul Berry 在这个视频中描述了他们采取的方法。
想做同样的事情吗？复制 HuffPost 所做的开发工作大约需要一天时间。访问BuildMyPinnedSite 获取创意和代码示例。 一个更简单的版本（具有大部分效益）可以在 15 分钟内完成。
本案例研究中的链接将直接带您进入特定的MSDN 固定网站部分，以便您可以深入了解详细信息并查看代码示例和演示。
情况
IE9 的核心原则之一是将网站置于用户体验的中心。用户访问浏览器是为了访问网站，而不是为了浏览器本身。开发人员应该拥有构建引人入胜的用户体验的工具——而浏览器应该让路。
虽然当今的许多网站都是静态的、以内容为导向的，但越来越多的网站变得更具交互性、个性化和社交性。这显然是当今网络的发展方向。
HuffPost 认识到，成功意味着将其相关且有针对性的本地内容传递给读者，并鼓励他们自己贡献。它还意味着利用整个 PC 来保持在读者面前——而不仅仅是依赖于浏览器 URL、搜索或移动应用程序。
HuffPost 的开发人员很忙。他们专注于网站内容和功能，因此没有时间探索每个平台上的每个功能。他们考虑的功能必须是简单的。它们必须是高影响力的。而且它们必须立即增强用户体验。
以下是 HuffPost 对功能进行排名的三个标准，以及您在考虑新浏览器功能时应该问自己的问题。
- 客户参与度
- 它能否及时且相关地触达客户？
- 它是客户日常工作流程的一部分吗？
- 它能否帮助客户更快地访问我们的内容？
- 它能否让客户更深入地体验网站？
- 客户价值
- 它能否激励客户停留并与我们互动更长时间？
- 它能否增加客户与广告和优质体验互动お机会？
- 它是客户的“尖端”和“必备”之物吗？
- 它是否增强了日常体验？
- 它能否建立忠诚度和品牌价值？
- 工程价值
- 从开发角度来看，它是否简单且可持续？
- 它是否建立在可靠、长期的平台之上，并拥有成熟的客户群？
- 它是否符合业务的使命和价值观？
- 底线——在给定的项目中使用它是否有利可图？
HuffPost 希望其网页体验更像一个应用程序。社交互动也是一个优先事项。当读者参与时，他们会更频繁地访问，更深入地浏览网站，并停留更长时间。
他们评估了 Internet Explorer 9 的固定网站功能，以了解这些功能将如何影响客户参与度和价值。他们立刻对“快速获胜”和“沉浸式”的潜力感到满意。
易于实施、标准、性能和可持续性是必需的，因为平台——以及用于社交集成和移动设备的第三方 API——会不断消耗他们有限的开发带宽。
解决方案
学习简单，开发简单。
开发人员通过MSDN IE9 代码示例库和IETestDrive 固定网站了解了 IE9 固定网站的实现，其中包含易于遵循的场景和“显示代码”弹出窗口。
IE9 的固定网站 API 和内置 F12 开发者工具也非常有用。
与许多在线新闻网站一样，HuffPost 主要使用 JavaScript 从其内容管理系统发布新闻。这使得基于 JavaScript 的固定网站功能易于添加到现有系统并进行测试，几乎无需自定义代码。
困难的部分是确定*什么*内容要提供以及*何时*提供。他们决定展示他们的“大型新闻”部分，因为这使他们与竞争新闻网站区分开来。
端到端的工作量？3 天上线。
- 设计 = 2 天，由市场营销、编辑和产品规划部门共享
- 开发 = 1 天，1 名开发人员完成构建、测试和部署
IE9 中的 HuffPost 是一种干净、品牌化的体验，将内容和交互性置于焦点。固定网站功能旨在通过 Windows 7 在浏览器外部提高客户参与度。
深入了解赫芬顿邮报在 IE9 中的表现
深入了解体验，以下是 HuffPost 在短短1 天内，由1 名开发人员完成网站重塑的操作：
步骤 1：映射到您当前的品牌外观和感觉。
HuffPost 使用固定网站元数据定义了导航按钮颜色、主页、窗口大小和工具提示。IE9 完成其余工作。
步骤 2：告知您的用户。然后提醒他们！
HuffPost 希望使用 IE9 的读者固定他们的网站。该网站会自动检查用户是否尚未固定，并提示他们将标签拖动到固定。所有这些都只需不到15 行代码。用户现在可以将标签拖动到任务栏并开始固定网站体验。
步骤 3：HuffPost 在每个任务栏上。
HuffPost 希望获得一种品牌体验，这种体验看起来“干净而闪亮”，就像用户日常体验的一部分一样。他们使用X-Icon 编辑器为5 个图标设计了与每个新闻部分相关的颜色。
读者只需将他们喜欢的部分固定到任务栏，即可一键式返回 HuffPost 体验。
步骤 4：让他们一次又一次地回来！
新闻每时每刻都在变化。当发生重大新闻时，读者需要知道。HuffPost 希望确保他们的读者是第一个知道的。通知是一种巧妙地提醒读者突发新闻的好方法，而无需干扰性的噪音或不必要的电子邮件。任务栏上的自定义图标叠加和工具栏闪烁直接吸引用户在任务栏上的注意力。
步骤 5：通过跳转列表深入。
读者在发现新内容时会感到高兴，HuffPost 希望鼓励他们探索网站。
动态跳转列表包含“热门”关键词，如名人姓名、政治观点或娱乐热点，让读者更容易偶然发现他们感兴趣的新闻。每个跳转列表都根据新闻部分进行了个性化，并且每 15 分钟更新一次。
用户可以右键单击固定网站，查看新的跳转列表。多么容易啊？！?
步骤 6：通过缩略图工具栏进行社交。
这看起来很小很简单，但却带来了很大的不同。任务栏上的一键式缩略图工具栏 可以轻松“喜欢”和“推特”故事。用户然后可以轻松地与朋友分享故事，这反过来又为 HuffPost 的内容带来了更大的受众。
总结与后续步骤
HuffPost 根据其编码成本来衡量客户价值。一项小额开发投资——1 天，1 名开发人员——用于创建沉浸式读者体验，确实带来了丰厚的回报。
为 IE9 开发很直接，特别是当您的目标是直接向客户提供优质内容时。释放 Windows 7 和 IE9 的潜力，让您的重点放在应有的地方——内容，以及最终的客户。
赫芬顿邮报的成功指标——已超出！
HuffPost 对一点点努力（1 天，1 名开发人员）就实现了其读者目标感到非常满意。
固定了该网站的用户…
- 在网站上停留的时间增加了 49%
- 停留在网站上的可能性增加了 14%
- 浏览了多 11% 的页面
网站体验效益
- 通过允许用户固定所需的新闻内容并实现一键式访问，创建了个性化体验
- 通过通知提高用户参与度，将用户拉回到他们的“大型新闻”中
- 使用 JavaScript 等现有技术，编码成本低且易于维护
准备好了吗？了解如何做他们所做的事情。
观看实际演示！
在 IE9 中查看赫芬顿邮报。下面有大量面向开发人员的资源，包括代码示例、技术文档、API 等等。
- Build My Pinned Site：关于固定的一切，尽在一处。
- MSDN 固定网站：功能和深入的开发探讨。
- IE Test Drive：演示、测试和代码示例。
- Twitter 上的 @IE：获得您的问题的答案！
- 探索 IE 博客：精彩的示例和操作指南。
- Beauty of the Web：IE9 功能和网站实现的全面来源。
轻松点击！本案例研究中引用的链接