第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 总结
· · · · · · (
收起)
0 有用 iphyer 2016-05-15 00:49:39
不是特别好,非常琐碎不系统
0 有用 白崎 2015-10-07 01:42:14
一本讲代码的书……
0 有用 Happyzone 2018-03-09 21:15:44
除了翻译比较绕之外,很多代码干货,没什么高大空的东西,很实用。
0 有用 mmdn 2013-08-01 17:01:40
有一些代码 没有读的很懂
0 有用 张白 2012-08-17 14:41:21
^_^
0 有用 Happyzone 2018-03-09 21:15:44
除了翻译比较绕之外,很多代码干货,没什么高大空的东西,很实用。
0 有用 iphyer 2016-05-15 00:49:39
不是特别好,非常琐碎不系统
0 有用 白崎 2015-10-07 01:42:14
一本讲代码的书……
0 有用 孔咯 2015-03-07 20:16:21
个人觉得挺水的,干货比较少,可能会适合初级的入门者。如果已经是移动互联从业者,建议就别看了,几乎是在绘声绘色讲常识。
0 有用 Hanyu💤 2014-11-14 20:35:21
移动web启蒙实用工具书.