峰会 工具与应用专场 html5与企业移动营销策略 陈本峰.pptxVIP

关于我云适配创始人CEOW3C中国区HTML5布道官前微软美国总部IE浏览器 核心研发团队网页跨屏适配云平台8, 9, 10手机已是第一大上网设备手机网民：4.64 亿PC电脑网民：3.83 亿手机是互联网流量的主要增长点移动互联网的主要信息载体自主开发APP客户端移动网站第三方微信公众账号微博企业账号…企业移动化战略选择：APP客户端／移动网站开发成本APP客户端移动网站一次开发、多处运行多平台分别开发维护成本APP客户端移动网站多个平台代码老版本兼容问题多新功能A/B测试难仅一份代码用户版本统一A/B测试方便，迭代快速速度及功能APP客户端移动网站UI反应速度快直接访问硬件API可以离线使用UI反应较迟缓对硬件API支持弱需要在线使用市场推广APP客户端移动网站用户需要下载应用商店审核内容无法被搜索推广方式有限无下载、瞬间打开随时上线搜索引擎优化推广途径多、易传播商业利益APP客户端移动网站应用商店分成广告插件对应用内容分析能力有限100％收益推送页面相关广告，最大化广告收益谁会赢？APP客户端移动网站移动网站什么是移动网站？仅仅在手机上显示 ≠ 移动网站 移动网站是为最佳的移动浏览体验定制的网站显示：适合手机屏幕阅读，无需缩放导航：适合手指操作，简洁导航性能：在低带宽下仍可以快速载入功能：有效利用手机特性 (GPS、电话、短信 …)营销作用移动网站助您在竞争中胜出－不适合移动浏览的网站会直接导致用户流失“适合移动浏览的网站是我更可能选择一个产品或服务。”“若在短时间内看不到我找的内容，我会迅速选择其他服务。”数据来源: 谷歌, 2012品牌作用移动网站助您建立良好的品牌形象－不佳的移动网站会损害您的品牌形象“我会因为不佳的移动浏览体验而对一个我喜欢的公司或品牌感到失望。”“不流畅的移动网站体验会损坏我对此品牌的整体印象。”“较差的移动体验使我不愿选择该品牌的产品或服务。”数据来源: 谷歌, 2012HTML5开发移动网站良好的浏览器支持独立浏览器APP内嵌浏览器（微信、微博）丰富的交互能力Audio, VideoCanvas,SVGGeolocationMedia CaptureWeb Storage…HTML5移动网站的开发方案独立开发移动版开发响应式网站转换原PC网站 - 云适配独立开发移动版实现方式：独立编写HTML/CSS/Javascript代码优势内容完全可定制页面流量可最优化可兼容非HTML5浏览器挑战开发成本很高数据同步困难跨屏扩展困难多个网址，推广成本高响应式设计实现方式：用CSS3的media queries 加载不同的样式优势同一网址，方便推广内容实时自动同步跨屏扩展容易挑战开发成本较高页面流量很大内容定制能力有限只适用HTML5浏览器云适配实现方式：在原网页中加入一行云适配JS代码，动态修改DOM优势同一网址，方便推广开发成本低内容实时自动同步内容可定制跨屏扩展方便挑战页面流量中等只适用HTML5浏览器HTML5移动网站的开发挑战9.6% Android机型 手机屏幕尺寸适配屏幕分辨率适配浏览器兼容1.4% 1.0% 0.7% 0.5% 0.4% 0.3% 0.3% 0.3% 数据来源: 百度移动互联网发展趋势报告2012 Q3HTML5移动网站的开发挑战数据来源：ZDC 2012 年中国手机用户屏幕尺寸调查报告HTML5移动网站的开发挑战数据来源: 百度移动互联网发展趋势报告2012 Q3HTML5移动网站的开发挑战数据来源: 百度移动互联网发展趋势报告2012 Q3云适配愿景 – One Web，Any Device单屏时代WEB多屏时代WEBWEB云适配客户案例－企业官网微软亚太集团联想浪潮云适配客户案例－电商好利来蛋糕中国人保RoseOnly玫瑰电商云适配客户案例－媒体CSDN创业邦《汽车博览》云适配客户案例－创投IDG资本真格基金经纬创投云适配客户案例－机构国际互联网标准联盟W3CHTML5梦工厂微软云加速器云适配客户案例－高校中国科技大学西北政法大学云适配客户案例－政府西安交警中关村政府美国Bellevue市政府一行代码，帮您抓住4亿手机网民 陈本峰 mailto:bfchen@bfchen@ || @陈本峰? 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informat