移动Web实现指南

出版时间：2012-8  出版社：人民邮电出版社  作者：莱昂  页数：223  字数：173000  译者：张皛珏  
Tag标签：无  

内容概要

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

作者简介

作者:(美)Layon

书籍目录

第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）。

编辑推荐

《移动Web实现指南:面向移动设备的网站优化、开发和设计》提供了一些实例，使读者能够将《移动Web实现指南:面向移动设备的网站优化、开发和设计》的知识应用于一个现有的网站，以提供更多学习和动手的机会。

名人推荐

“在本书中，作者所讲解的不只是移动互联网开发的技术知识，还包含了更多在用户体验和界面设计方面的考虑，而这些都是移动网站的设计基石。” ——Shawn Welch Kelby媒体集团和美国Photoshop国家 ——专业协会的软件设计师及开发者

用户评论 (总计29条)

•   一本移动领域界面的设计方法和指南，既包括用户体验方面的研究分析，又阐明了移动应用中的布局方式和优化设计技巧。
•   刚接触移动web开发，这本书给了我很多思路和信心，内容实用！
•   如果你想从事移动We开发，请务必看看这本书，真的受益匪浅，能让你少走许多弯路。
•   小小本，全彩页，目前不多见的移动We实现方面的好书。
•   准备接触移动平台，内容写的不错。。。
•   内容现在是忘记了..但是看的过程中，对我的作用还是蛮大的，而且通过这本书，我的却是会制作手机网站了，而且是任意型的手机网站..都不怕不怕啦.不过这不全是这本书的功劳，我只是想说..他其实是本好书但内容我忘记了，我只知道他们让我学会了做手机网站..就这么多
•   技术是本书的核心，同时“移动性”的本质，及界面存在体——网站的“社会性”理念，也融入了技术之中。
•   很不错的书 很见解 很不错
•   发货很快,书很实用.
•   对我来说。。。没用
•   内容有点老，但是还是很不错的
•   内容草草看了一下，通俗易懂，可以参考
•   适合初学者，简单，明了
•   纸张非常好!!
•   一直對这方面有興趣,不知是否有用
•   這種從邏輯和概念出發 最後實作的書 還是要看國外寫的
•   其实本书就是CSS适合移动浏览的讲述。
•   整体书的感觉一般，知识点较少。
•   随便翻翻还行，不推荐购买
•   居然是32开彩色胶版印刷的.还没细看呢.
•   是彩页的，质量很好，一天就收到货了
•   对移动WEB不了解的可以购买，内容浅显易懂。
•   这本书介绍的东西太少了，很多没有用的话，看完了学不到什么东西，有点失望~
•   看着目录觉得内容挺实用的感觉，不错可能不适合设计师，感觉讲得很乏又不精，有点不知所云
•   内容太少，1小时就翻完了，没说到啥东东。实在不值
•   蛮不错的web3D的书，就是比较基础了
•   内容太少，感觉就围绕一个案例讲了从网站到移动设备的改造过程； 代码部分篇幅太多，大概三分之一以上都是。。。
•   对我来说没什么用，代码相关操作太多
•   书本概念很新，核心内容围绕一个项目展开讨论，用其他项目分析来做延伸知识讨论辅助。不足之处是翻译不太给力，一个普通的句子都跟google直接翻译的感觉。国内人读得比较吃力。