《移动Web实现指南：面向移动设备的网站优化、开发和设计》引导读者使用一种非常全局的方法来思考网站的移动化设计。全书介绍了移动化规划、移动化设计和相应的编码技巧，特别适用于那些最初是为桌面电脑展示而设计的网站。书中的建议和实例，也是根据在优化这些网站的过程中所遇到的不同挑战来组织的。更重要地，《移动Web实现指南：面向移动设备的网站优化、开发和设计》还将带领读者思考如何偱序渐进地对网站进行移动化改造。
最后，本书还提供一些实例，使读者能够将本书的知识应用于一个现有的网站，以提供更多学习和动手的机会。

第1章 移动化用户体验设计
1.1 设备并没有移动，移动的是人
1.2 移动=正在做
1.3 移动=繁忙
1.4 移动=分心
1.5 移动=轻松
1.6 移动=任务
1.7 与你的客户聊聊
1.8 撰写用户故事
1.9 将用户故事分解成设计需求
1.10 创建带有优先级的用任务分解表
1.11 小结

第2章 移动化页面布局
2.1 标准化的页面布局已符合响应式了
2.2 是什么固定了宽度
2.3 使宽度不固定
2.4 拖曳方块
2.5 我们的网站
2.6 小结

项目访谈1 亚利桑那州立大学和MTV O Music Awards
第3章 移动化导航
3.1 表
3.1.1 尺寸
3.1.2 比例
3.1.3 设计
3.2 汽车界面
3.2.1 尺寸
3.2.2 位置
3.2.3 数量和复杂性
3.3 iOS应用程序界面
3.3.1 计算器
3.3.2 电话界面
3.3.3 iPod
3.4 那么现在移动化导航设计
3.4.1 HTML
3.4.2 CSS
3.4.3 移动网页CSS
3.5 小结

第4章 移动化图片
4.1 图片移动化的整体分析
4.2 内联图片
4.2.1 有时候，移动化就意味着要变小
4.2.2 而有的时候，移动化却意味着变大
4.3 响应式图片栅格
4.4 小结

第5章 移动化文字
5.1 使用以用户为中心的方法来移动化文字
5.2 使用哪种单位：Point还是em
5.2.1 标题部分
5.2.2 正文：段落
5.2.3 正文：副标题
5.3 使用展示和隐藏
5.3.1 HTML
5.3.2 CSS
5.3.3 JavaScript
5.4 小结

项目访谈2 波士顿环球报
第6章 移动化表单
6.1 移动化可以提升网页表单的用户体验
6.2 Input类型
6.2.1 input type=“text”
6.2.2 input type=“email”
6.2.3 input type=“url”
6.2.4 input type=“tel”
6.2.5 Select
6.3 小结

第7章 移动化社交媒体
7.1 大部分社会化媒体可以提供“免费”的移动改造
7.2 Twitter
7.3 Facebook
7.4 Google+
7.5 Quora
7.6 LinkedIn+
7.7 YouTube
7.8 与社交化网站连接
7.9 小结

第8章 移动化内容策略
8.1 事先对移动环境的理解，会带来更好的内容策略
8.2 移动化设计为你做好可用性评估的准备
8.3 可用性评估是优秀内容策略的第一步
8.3.1 网站说了什么
8.3.2 网站是如何组织的
8.4 内容策略的制定为你的第一个移动化设计做好准备
8.4.1 从移动滞后转变为移动先行
8.4.2 任务清单和策略化的内容也要前置
8.5 小结

项目访谈3 洲际酒店集团网站
第9章 更多移动化改造的方法：JQuery Mobile
9.1 jQuery Mobile网页框架
9.2 jQuery Mobile的优点和不足
9.3 网页头部
9.4 主体区域和顶栏
9.5 导航
9.6 工具栏和按钮
9.7 模态对话框菜单
9.8 表单
9.9 横屏模式
9.10 小结

第10章 更多移动化方法：设备检测和PHP引用
10.1 什么是PHP
10.2 使用PHP
10.2.1 修改你的HTML文件
10.2.2 设置移动屏幕和完整屏幕按钮的CSS样式
10.2.3 添加PHP引用
10.2.4 设备探测
10.2.5 完整网站和移动版的PHP引用
10.2.6 一些特殊的CSS
10.3 小结
10.4 总结
……

　　1.9 将用户故事分解成设计需求
　　一旦有了一套简明的用户故事，就相当于有用户任务分解的开头，通过用户任务分解，可以为移动互联网或应用程序提供设计和开发工作的指引。
　　让我们再回过头来看看那个要找水上公园路线图的需求，弗兰克将会如何打开网站呢？网站是不会自己自动打开的。当然，可以有好几种方式打开网站：输入URL、使用浏览器的书签，或者使用对于手机网站来说最好的方法，也是最经常用到的方法，就是从移动设备的主界面直接启动。
　　对于这种可触摸的、有型的东西，我们只需先定义一些设计需求。
　　设计一个主界面的图标。
　　添加一些适当的说明，好让用户知道如何将你的移动网站添加到他们手机的主界面上。
　　随着深入研究用户故事，可以进一步将这些故事分解为有可行性的需求。但是即便是在此时，也仍不用着急解决所有的设计细节问题：还有很多东西要去挖掘呢。所以还是先让需求和任务都保持抽象吧，稍后再来研究细节。
　　1.10 创建带有优先级的用户任务分解表
　　一大堆的用户故事和需求本身其实并不是非常有用。要知道应该从哪里开始，就需要进行排序，需要一个优先级。
　　对用户故事排列优先级是非常重要的。因为，就像我之前提到的，将一个网站移动化，并不是在全部满足或全部否定中进行抉择。你并不需要把那些原本在移动设备上显得笨重的、可用性极差的网站，直接改成一个优雅的、完美的移动互联网设计。在这两种极端之间，还有很大的空间，让你可以为客户提供更好的用户体验。
　　将网站移动化，可以甚至应该有一个迭代的过程，正如为网站做其他方面改进时所做的迭代一样，可以允许时不时地在网站架构中添加一个新的页面或者区块来优化网站，对么？而且我敢打赌，在网页内容上的变化会更加频繁。让我们借用同样的思考方式来做更多移动化方面的努力：它可以随着时间而改变，无须假定要一下子就达到一种“完全移动化”的状态。
　　而且，在进行用户故事分解和优先级排列时，应该考虑使用工具来协助处理这个过程。
　　当你尝试着想给用户故事区分优先级时，一定要意识到，这个过程可能不会像你所想象的那么主观。优先级是不能仅仅根据你的一时兴起就编出来的，即使起初看起来，似乎是真的没有什么明显的理由，可以让你将一个故事排在另一个之前。为了更加清晰和系统化，使用评估工具还是很有用的。我建议在给用户故事定义优先级时，使用卡诺模型（Kano Model）。
　　……