移动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 总结