通过IE9固定网站提升浏览体验的成功案例
固定网站作为IE9浏览器的一项重要功能，它在为用户带来方便的同时，也为网站提供了一个更好的浏览体验。下面让我们来看一个利用IE9固定网站功能提升浏览体验的成功案例。
赫芬顿邮报 (HuffPost) 希望为其客户提供相关和及时的“特大新闻”内容，并使客户通过博客和社交发帖实现参与和响应。通过利用IE9浏览器和 Windows 7 的一套新工具，HuffPost 借助新的固定网站功能打造了一种身临其境的“类似应用程序”的 web 体验：
它们提供了更好的 web 体验，进而获得了更好的可衡量结果。已经固定网站的用户所做的事情比 HuffPost 希望他们所做的更多：
.jpg)
开发人员通过 MSDN IE9 代码示例库和 IETestDrive 固定网站了解 IE9 固定网站的实现，其中包括带有“显示代码”弹出窗口且易于理解的场景。IE9 固定网站 API 和内置的 F12 开发人员工具也非常有用。
http://i.msdn.microsoft.com/gg558109.image010(en-us,MSDN.10).pngHuffPost 主要使用 JavaScript 从其内容管理系统发布新闻，内容管理系统是用于在线新闻编辑网站的通用解决方案。这样您可用最少的自定义代码或不需要自定义代码便能很轻松地将基于 JavaScript 的固定网站特性插入现有系统中并进行测试。比较难的是确定用什么以及何时为客户提供有针对性的内容，以便与客户的编辑策略保持一致。HuffPost 使用这些特性展示他们的“特大新闻”部分，因为他们认为这是与“传统”新闻来源的主要区别之一。
底线，端到端工作 3 天便可完成：
.jpg)
（上图）IE9中的HuffPost提供了一种整洁的品牌体验，重点是内容和互动。固定网站功能的设计宗旨是增加客户在浏览器外通过Windows 7参与的内容。
在IE9中对赫芬顿邮报进行深入观察
深入了解体验，此处介绍 HuffPost 采取了哪些措施在 1天，1位开发人员的帮助下重塑其网站：
步骤1:HuffPost外观和感觉-HuffPost 使用固定网站元数据定义了导航按钮的颜色、首页、窗口大小和工具提示。浏览器完成了其余的工作。访问 HuffPost 中其喜爱的新闻栏目的用户都有自己独特的特点。
.png)
步骤2:让您的用户获知- HuffPost 希望每个 IE9 用户都固定它们的网站。它们检查到用户没有固定其网站时，会提醒用户拖动选项卡进行固定操作。它们只用 15 行代码就完成了上述操作。用户现在可以将选项卡拖到任务栏，并开始固定网站体验。
.png)
步骤3:HuffPost在每个任务栏上- HuffPost 希望实现一种品牌体验，看起来“整洁但却吸引人”，就像其用户日常生活体验的一部分那样。它们在 X-Icon 编辑器里设计了 5 个 Favicon（网站图标），每个新闻部分（重大新闻、政治、商业、媒体和娱乐）都有特定的颜色。现在用户可以将他们喜欢的栏目从 HuffPost 直接固定到任务栏，单击一次便可以直接跳转到相应的栏目。
.png)
步骤4:使他们流连忘返！-新闻每分钟都在发生变化。每当发生“特大新闻”时，用户都想知道，HuffPost 希望把用户召回到它们的网站。通知功能包括 Custom Icon Overlay（自定义图标重叠） 和 Toolbar Flash（工具栏 Flash），直接在任务栏吸引用户的注意力。
.png)
步骤5:通过跳转列表实现深入浏览 - HuffPost 希望用户可以轻松发现并深入浏览新的网站内容。它们使用 Dynamic Jump Lists（动态跳转列表）实现这个目的，动态跳转列表包含“热门”关键词，如名人的姓名、政治见解或娱乐时尚。这些都通过新闻部分实现个性化，每 15 分钟更新一次。用户右键单击固定网站便可以快速访问跳转列表。
.png)
步骤6:使用缩略图工具栏进行社交-HuffPost 希望用户分享他们的故事并进行互动。现在，他们从任务栏单击缩略图工具栏便可以设定为“喜欢”以及使用“微博”。
.png)
总结和后续步骤
最终，HuffPost 根据其代码成本衡量客户价值方面的成功。它们通过较小的开发投入（1 天，1 位开发人员）创建了客户想要的、身临其境的、“类似应用程序”的体验。对 IE9 进行的开发非常简单，目标很明确，即在 PC 中通过一切可能的渠道提供个性化内容。结果是释放了 Windows 7 和 IE9 PC 作为交付渠道的全部潜力，使社交、编辑和“特大新闻”内容成为出色站点体验的真正焦点。
客户价值结果：
.jpg)
赫芬顿邮报
赫芬顿邮报 (“HuffPost”) 是领先的社会新闻和舆论网站，即“互联网报纸”。HuffPost 的内容涵盖了政治、媒体、商业、娱乐、生活、潮流、可持续“绿色”生活、国际新闻、科技、非盈利组织、大学生活、书籍、教育、宗教、旅游、艺术、食品和喜剧等，是新闻、博客和原创内容的首选之地。
.png)
Microsoft Windows Internet Explorer 9
http://www.beautyoftheweb.com/#/startdeveloping/
开始构建一个更美好的Web。您是 web 的设计师、建筑师和高瞻远瞩者。我们的目标是为您提供可构建内容更加丰富、更逼真的网站所需的工具。本案例研究展示了针对 IE9 进行优化的出色网站体验。通过探索 IE 博客或 @IE on Twitter 讨论并参与这一主题。
- 在网站上花费的时间多了 49%
- 留在网站的几率高 14%
- 查看的页面多了 11%
- 客户参与
-
- 是否用及时且相关的方式触及客户？
- 它是客户日常工作流的一部分吗？
- 它是否有助于客户更快地获得我们的内容？
- 它是否使我们的客户获得更深入的 HuffPost 体验？
- 客户价值
-
- 它能否让客户停留更长的时间并进行互动？
- 它能够增加客户参与广告和收费体验的机会吗？
- 它对客户来说是“尖端的”和“必须拥有的”吗？
- 它能够改进日常体验吗？
- 它能够提高客户忠诚度和品牌价值吗？
- 工程价值
-
- 从发展的角度来看，它是简单和可持续的吗？
- 它是否在具有成熟客户群的可靠、长期的平台上构建？
- 它与 HuffPost 的使命和价值观同步吗？
- 底线是，实施该项目可以盈利吗（“代码收益”）？
.jpg)
开发人员通过 MSDN IE9 代码示例库和 IETestDrive 固定网站了解 IE9 固定网站的实现，其中包括带有“显示代码”弹出窗口且易于理解的场景。IE9 固定网站 API 和内置的 F12 开发人员工具也非常有用。
http://i.msdn.microsoft.com/gg558109.image010(en-us,MSDN.10).pngHuffPost 主要使用 JavaScript 从其内容管理系统发布新闻，内容管理系统是用于在线新闻编辑网站的通用解决方案。这样您可用最少的自定义代码或不需要自定义代码便能很轻松地将基于 JavaScript 的固定网站特性插入现有系统中并进行测试。比较难的是确定用什么以及何时为客户提供有针对性的内容，以便与客户的编辑策略保持一致。HuffPost 使用这些特性展示他们的“特大新闻”部分，因为他们认为这是与“传统”新闻来源的主要区别之一。
底线，端到端工作 3 天便可完成：
- 设计（品牌，编辑内容优先级）= 2 天，在市场营销、编辑和产品规划部门之间实现共享
- 开发（构建、测试、部署）= 1 天，1 位开发人员
.jpg)
（上图）IE9中的HuffPost提供了一种整洁的品牌体验，重点是内容和互动。固定网站功能的设计宗旨是增加客户在浏览器外通过Windows 7参与的内容。
在IE9中对赫芬顿邮报进行深入观察
深入了解体验，此处介绍 HuffPost 采取了哪些措施在 1天，1位开发人员的帮助下重塑其网站：
步骤1:HuffPost外观和感觉-HuffPost 使用固定网站元数据定义了导航按钮的颜色、首页、窗口大小和工具提示。浏览器完成了其余的工作。访问 HuffPost 中其喜爱的新闻栏目的用户都有自己独特的特点。
.png)
步骤2:让您的用户获知- HuffPost 希望每个 IE9 用户都固定它们的网站。它们检查到用户没有固定其网站时，会提醒用户拖动选项卡进行固定操作。它们只用 15 行代码就完成了上述操作。用户现在可以将选项卡拖到任务栏，并开始固定网站体验。
.png)
步骤3:HuffPost在每个任务栏上- HuffPost 希望实现一种品牌体验，看起来“整洁但却吸引人”，就像其用户日常生活体验的一部分那样。它们在 X-Icon 编辑器里设计了 5 个 Favicon（网站图标），每个新闻部分（重大新闻、政治、商业、媒体和娱乐）都有特定的颜色。现在用户可以将他们喜欢的栏目从 HuffPost 直接固定到任务栏，单击一次便可以直接跳转到相应的栏目。
.png)
步骤4:使他们流连忘返！-新闻每分钟都在发生变化。每当发生“特大新闻”时，用户都想知道，HuffPost 希望把用户召回到它们的网站。通知功能包括 Custom Icon Overlay（自定义图标重叠） 和 Toolbar Flash（工具栏 Flash），直接在任务栏吸引用户的注意力。
.png)
步骤5:通过跳转列表实现深入浏览 - HuffPost 希望用户可以轻松发现并深入浏览新的网站内容。它们使用 Dynamic Jump Lists（动态跳转列表）实现这个目的，动态跳转列表包含“热门”关键词，如名人的姓名、政治见解或娱乐时尚。这些都通过新闻部分实现个性化，每 15 分钟更新一次。用户右键单击固定网站便可以快速访问跳转列表。
.png)
步骤6:使用缩略图工具栏进行社交-HuffPost 希望用户分享他们的故事并进行互动。现在，他们从任务栏单击缩略图工具栏便可以设定为“喜欢”以及使用“微博”。
.png)
总结和后续步骤
最终，HuffPost 根据其代码成本衡量客户价值方面的成功。它们通过较小的开发投入（1 天，1 位开发人员）创建了客户想要的、身临其境的、“类似应用程序”的体验。对 IE9 进行的开发非常简单，目标很明确，即在 PC 中通过一切可能的渠道提供个性化内容。结果是释放了 Windows 7 和 IE9 PC 作为交付渠道的全部潜力，使社交、编辑和“特大新闻”内容成为出色站点体验的真正焦点。
客户价值结果：
- 在网站上花费的时间多了 49%
- 留在网站的几率高 14%
- 查看的页面多了 11%
- 使用户通过一键式访问功能固定所需的新闻内容，从而创建了个性化的体验
- 通过通知增加了用户的参与度，把用户拉回到自己的“特大新闻”内容
- 使用 JavaScript 等现有的技术，降低编码成本并易于维持
- 构建我的固定网站：提供关于固定网站的所有知识
- MSDN 固定网站：了解关于这些功能的更多信息，开始进行开发
- IE 测试驱动：演示、测试和代码示例
- @IE on Twitter:回答您的问题
- 探索 IE 博客：查看出色的站点体验示例和开发人员知识
- Beauty of the Web：使用 IE9 功能和网站实现源开始进行开发
- MSDN IE9 代码示例库
- IETestDrive 固定网站
- 固定网站 API
- Favicon
- X-Icon 编辑器
- 发布固定网站元数据
- 检测 IE9 和 Windows 7
- 提示用户去固定网站
- 创建动态跳转列表
- 自定义图标重叠
- 工具栏 Flash
- 缩略图工具栏
.jpg)
赫芬顿邮报
赫芬顿邮报 (“HuffPost”) 是领先的社会新闻和舆论网站，即“互联网报纸”。HuffPost 的内容涵盖了政治、媒体、商业、娱乐、生活、潮流、可持续“绿色”生活、国际新闻、科技、非盈利组织、大学生活、书籍、教育、宗教、旅游、艺术、食品和喜剧等，是新闻、博客和原创内容的首选之地。
.png)
Microsoft Windows Internet Explorer 9
http://www.beautyoftheweb.com/#/startdeveloping/
开始构建一个更美好的Web。您是 web 的设计师、建筑师和高瞻远瞩者。我们的目标是为您提供可构建内容更加丰富、更逼真的网站所需的工具。本案例研究展示了针对 IE9 进行优化的出色网站体验。通过探索 IE 博客或 @IE on Twitter 讨论并参与这一主题。 
花椒直播官方版
赚享购安卓版
游学家官方版
恭王府导游安卓版
整形外科学高级职称安卓版
文字锁屏安卓版
Internet Explorer 9官方版