Inception Mobile Web Rebuild

腾讯WSD Hoosin

2010.08.26

2010年 Webrebuild年会广州站

现实 理想 梦想

移动互联网最大的瓶颈？

国内移动上网用户最关心的是？

速度 流量

手机腾讯网日均 pv是多少？

模拟启动一个Mobile web项目

技术储备及项目准备

机型 /屏幕分辨率数据 标签兼容测试 手机浏览器市场占有率 wap网站情况分析 翻阅资料 用户需求调查

用户对象： 大众版： symbian,black berry等 高端版： iphone,android等

工具：

Dreamweaver cs5 Photoshop cs5 Safari/chrome/ff yslow/Pagespeed Pngout

软件类工具： Safari 开发模式 ,firefox +插件 各种平台模拟器

硬件类工具： 手机 Ipad 其它移动设备

DTD 选择： 大众版： xhtml mp 高端版： html5,xhtml mp

标签及样式使用 大众版： div,p,span,a,img,body,h1-h6 高端版：大部分标签及样式都可以（ safari,chrome）

脚本使用 大众版：最好不用 高端版：尽量少用

页面测试：

普通空间 本地

关注手机销售数据，了解未来方向

机型数据

第三方浏览器：

手机QQ浏览器

Ucweb

自带浏览器

Symbian自带

Opera mobile/mini

Safari

Chrome

浏览器市场占有率调查

浏览器市场占有率调查

抽样对象：网易、新浪、搜狐、腾讯、百度、淘宝、雅虎等

1.概括2.声明3.页面宽度与边距4.Logo 与 导航5.标题6.字号、行距7.链接8.底部导航、版权9.标签表现

Wap门户数据分析

Wap门户数据分析

新浪：运用了 float等高级的 css样式表现导航。空中：无版本选择链接，整体绚丽，图片比其它网站多。

淘宝：注重实用操作。网易，腾讯：字体较大，易阅读；

Wap门户数据分析

经过对比， 13px/14px在手机上表现最佳

Wap门户数据分析

Wap门户数据分析

float导航效果差， #&160;比 更好用

Wap门户数据分析

看新闻时事 77.7% 聊天 73.0%

搜索信息 66.5%

玩手机网络游戏、在线收听音乐看视频 /电视不足 20%

用户行为调查

手机腾讯网兼容目标

经过大量调研，测试之后，手机腾讯网改版

改版前 改版后

现实 理想 梦想

wml: 普通版 普版Xhtml mp/xhtml strict: 3g 版 高档版 彩版 炫彩版 标准版Html5/xhtml：触屏版

统一清晰的版本

版本统一

Md,我买个 Ipad只能上 for ipad网站？

:To ny 手机网站怎么要四个版本，能不能一个版本

版本统一

Xhtml mp v1.2 xhtml1-strict Xhtml mp v1.0

完善的语言使用规范

Wap.sohu.com 3g.sina.com.cnz.qq.comInfo.3g.qq.comXiaoyou.m.qq.com

按易识别，方便输入的原则推荐使用 m 短域名 如： m.yahoo.com

简单易识别的域名

Mobile平台这么多怎么办？

按终端模式：键盘、键盘 +触屏、全键盘。

平台标准化

目前大部分用户关注上网速度，上网流量。国内手机浏览器以减少流量，速度快为核心竞争力。

我是非主流！

3g全面普及

有专业的系统的交流平台

现实 理想梦想

流程的工具化标准统一化问题简单化电池技术革命化

我们看到的世界是真的吗，再见！Wsd.tencent.com