建立移动网站和用智能设备翻译.doc

建立移动网站和应用智能设备 第一章 1.1 介绍移动浏览网页的设计 你准备好进入下一个网页设计的大舞台。建立移动网站和应用智能设备，顾名思义，就是关于移动设备的设计。它是关于未来的设计。这本书会从零开始指导你了解设计和建立一个移动的网络应用程序。我们会看看当你在移动环境下设计时应考虑的问题——建设我们的应用程序使用网络标准的基础，和在此基础上的层次相互作用。最后，我们将我们的应用程序和运行在一个本地包装，以便它可以在不同的应用市场中下载。这本书将侧重于建立为phone-sized设备，虽然很多的概念和技术可应用于其他移动设备和环境，如平板电脑或笔记本。 从技术角度分析，我们将谈谈和我们建立网页相似的技术：HTML，CSS和JavaScript正在形成我们包括的所有(几乎)的基础。所以你最起码需要对这些技术有一个基本的了解。 1.2 这意味着什么？ 首先，让我们确定我们具有相同的页面。你也许会问：“这里mobile是什么意思？”答案是：很多东西。从表面上看，建立为移动网络与建立其它网站应用程序或网站似乎没什么不同；我们只是对观看移动设备进行优化。稍微深入挖掘一点，还有很多需要我们考虑。 讨论的移动网络往往关注设备及其功能，诸如必威体育精装版的iPhone，必威体育精装版的Android手机，或者每周webOS。这是一个快速变化的现象，是网站开发的一个令人兴奋的时期，所以是很容易陷入技术要求的讨论和针对移动设备的解决方案。但这并不是令我们的移动设计真正担心的地方，因为，这个设计最终是为人服务而不是为设备服务。Barbara Ballard在她的书中恰到好处的定义了移动用户体验设计：从根本上说，“移动”指的是用户，而不是设备或应用程序。1 人，而不是东西。移动不仅仅局限于我们的桌子。这是一个不同的背景下，一个不同的用户体验。奇怪的是，人们当他们的移动时使用移动程序，这种anywhere-and-everywhere的方便移动设计使移动应用非常有用，但也很难设计。我们需要努力考虑我们把谁作为目标和他们想要的东西或要求。我们要把注意力集中在此背景下应用程序的应用。同时，这本书的大部分内容，我们将集中于技术实现，在我们的决策中将把Ballard的定义放在最前列考虑。1.3 为什么这很重要？ 估计在2013年，智能手机和其他安装了浏览器的手机数量大约有18.2亿，而个人电脑大约为17.8亿。2 移动浏览器使用可靠的数据是出了名的难找，但无论来源，这个趋势是清楚的。根据StatCounter，移动分享的整体浏览网页占4.36%，这一数字似乎很小，但考虑到比过去的两年增长多达430%。并且这只是一开始的移动浏览。我们永远不可能比现在所做的在我们的电话和其他移动设备少花些时间。不可避免地，更强大的移动设备及无所不在的互联网接入将成为常事。并且使用这些设备的环境会频繁的改变。移动设备的潜在客户将越来越多。我们忽略了移动网络对我们的危险。 1.4 本地是多变的 移动空间设计时不可避免的决定是建立一个本地应用程序或Web应用程序之间的选择。让我们先定义下面两个术语。Web应用程序是通过浏览器设备访问网络，换句话说，是一个提供app-like功能的应用程序。所谓的Native应用程序是特别为特定平台建立的，例如Android或iOS，并且它设备上的安装很像一个桌面应用程序。这些一般都是通过向消费者提供一个特定平台的应用程序市场。其中最著名的是苹果iPhone和iPad的App Store。 现在让我们看看在Native应用程序和Web应用程序的优点和缺点。作为一般规则，与Web应用程序相比，Native应用程序提供了一个卓越的体验；较慢的设备上的差异更是明显。Native应用程序的建立，优化，最重要的是专门为他们正在运行的设备和平台进行编译。在iOS，这意味着他们写在Objective-C，在Java写在Android上。相比之下，Web应用程序的解释是，他们必须通过浏览器的渲染和JavaScript引擎来阅读和理解。对于iOS， Android， BlackBerry， Symbian， 和 webOS，选择浏览器引擎是开源的WebKit项目——和Safari和Chrome用相同的引擎。对于Windows Phone 7，当前的引擎是Internet Explorer 7版本，但微软已经宣布计划改变Internet Explorer 9渲染引擎。我们的代码和设备之间的这额外的一层意味着Web应用程序和Native应用程序将永远不会执行以及，问题就是，如果我们建立一个应用程序，需要高分辨率三维图形或大量数字运算。如果我们要建立简单的东西，一个Web应用程序将做的工作就好了。虽然在性能上仍然会有差异，但我们将仍然能够提供良好的用户体验。 由于Web应用程序需要由一个引擎解读