电脑与智能手机

即时访问全球信息的便利性现在是并将继续是我们生活中不可或缺的一部分。这得益于各种设备，例如台式电脑、智能手机以及不断增长的互联屏幕和设备阵列。在这个早期阶段，公司需要转型。如今，无论身在何处或使用何种设备，人们都期望持续连接已成为普遍的常态。公司现在必须具备理解并与其数字连接的消费者互动的能力。

随着移动网络浏览越来越受欢迎，设计与台式机和移动设备都兼容的网站变得至关重要。这可能包括对您的主网站进行各种修改，以增强其在Android和iOS设备上的显示效果，例如采用响应式布局、CSS媒体查询，甚至创建专门为移动用户设计的其他网站。

了解移动浏览和桌面浏览之间的差异可能会有所帮助。要完全理解这一点，重要的是要认识到移动网络与其他网站之间的根本区别。一旦您了解了这些差异，您就可以利用这些信息来指导您的移动网站的开发。

1. 屏幕更小

让我们从最明显的区别开始：移动浏览器的显示屏比桌面浏览器小。这里的“小”涉及两个概念

• 物理上更小：平板电脑的对角线尺寸应为9-12英寸，而手机的对角线尺寸通常在3到5英寸之间，但一些更大的手机可能会达到6英寸。这与正常的13-17英寸笔记本电脑屏幕和20-30英寸桌面屏幕尺寸形成对比。
• 像素更少：与PC显示器相比，目前大多数移动屏幕的像素更少。iPhone 6s的视网膜显示屏为1334x750像素，而最小屏幕的MacBook为2304x1440像素。

用户在小显示屏上一次可以看到的信息更少。为了弥补这一点，大多数现代移动浏览器提供快速放大和缩小按钮，并调整字体大小以便于查看文本。然而，在大多数情况下，访问者必须放大您网站上的内容才能阅读。

此外，较小的显示屏要求您的页面内容更多地显示在“首屏下方”，这迫使读者更频繁地滚动浏览。

因此，为了让您的网站在移动设备上表现良好，它必须采用易于阅读的字体，将关键内容放置在页面顶部附近，并避免用过多的材料淹没访问者。网站布局也必须在小的浏览器窗口中清晰易读且具有视觉吸引力。这通常意味着比传统网站更基本的页面设计。

2. 处理器运行速度较慢

移动设备的计算能力通常比台式电脑弱得多，但它们正在迎头赶上。这归因于多种因素，包括电池寿命和成本。因此，需要大量JavaScript的网站在移动浏览器上加载可能会很慢。

对于移动浏览器，请考虑构建一个更基本的页面布局，减少CSS和XML。如果您的网站大量使用JavaScript来实现交互式表单、幻灯片等功能，您可能需要优化或限制JavaScript的数量，以使其在移动浏览器上正常运行。

3. 带宽减少

尽管蜂窝网络速度不断增长，但典型的4G移动设备下载速度仅为5-12 Mbps，而宽带互联网客户端通常超过50 Mbps。

此外，大多数移动套餐显著限制了每月可下载的数据量。如果用户发现您的网站占用大量下载流量，他们就不会再回来了！

尽可能提高网站的带宽效率总是一个好主意，因为访问者等待页面加载的每一秒都会让他们感到焦躁。在为移动网络创建内容时，这一点变得更加关键。根据谷歌的数据，如果一个网站加载时间超过三秒，大约一半的用户会放弃。

如果您的网站包含大型图形或需要大量数据的嵌入视频，请创建一个响应式、移动友好的网站，其中包含较小的图片和视频（或根本没有视频）。此外，如果您为访问者提供下载PDF或其他文件的选项，请验证这些材料是否可以在移动设备上正常下载。

4. 触摸输入

触摸输入是几种移动设备的基本功能。大多数移动用户主要用手指与设备交互。然而，一些桌面用户也采用这种方法。这从几个方面影响移动网站设计师，包括

• 缺少悬停事件：由于没有鼠标指针，“悬停”页面元素的概念不存在。依赖JavaScript鼠标悬停/鼠标离开事件或CSS :hover伪类的导航菜单和其他控件在触摸设备上将无法正常工作。为了弥补这个问题，一些移动浏览器使用各种方法，例如当用户两次点击元素时生成点击事件，并在第一次触摸时生成悬停事件。然而，建议避免在移动网站的功能上依赖悬停等操作。
• 精度降低：用鼠标点击一个高度为12像素的文本链接是一项简单的任务。当你用粗大的手指触摸同一个链接时，情况就不同了！尽管消费者可以选择通过放大来适应，但体验仍然不愉快。这是设计专门用于移动设备的网站的最大论据之一，因为它使您能够将那些糟糕的文本链接替换为巨大、触摸友好的按钮和其他控件。
• 手势：大多数当前触摸设备允许用户用一根或多根手指执行动作，例如捏合、滑动和其他操作。手势是增强移动用户体验的宝贵技术。例如，您可以允许用户通过左右滑动来浏览画廊中的图像。借助许多JavaScript框架（如jQuery Mobile，它可以输出各种触摸动作的事件），为您的移动网站添加手势功能很容易。

5. 难用的键盘

除非您在移动设备上使用附加的全尺寸键盘，否则您可能正在使用小型塑料键盘或触摸屏键盘。尽管这些键盘比几年前有了显著改进，但在上面打字仍然不是一个非常舒适的体验。可以推断，移动用户讨厌输入长文本消息。您的移动网站可以通过以下方式使他们的生活更轻松：

• 利用更短的URL。
• 在搜索和文本字段中包含自动完成功能。
• 允许轻松浏览热门网站或商品，无需搜索。
• 在网页表单中尽可能主动提交信息。

6. 最少或不存在多任务处理

同时运行多个程序或多任务处理的能力最终开始在移动设备上流行起来。然而，许多设备仍然需要多任务处理能力，而那些能够多任务处理的设备也没有PC多任务处理那么强大或灵活。

对多任务处理的有限支持可能会影响您的移动网站设计。为了防止客户将您页面的URL复制并粘贴到另一个窗口或程序中，请考虑在您网站的每个页面上添加Twitter和Facebook分享按钮。

7. 并非所有浏览器都用于访问网站

用户通常使用浏览器在其PC上浏览网页。然而，智能手机上网时间的14%用于网页浏览器，而86%用于应用程序。

这种理解可能会以各种微妙的方式改变您的移动网站设计。

• 通常没有URL栏。这意味着访问者无法通过查看您网站的URL、复制和粘贴它或输入不同的URL来获取任何上下文或信息。
• 屏幕空间减少。移动浏览器上的视口天生就很小。然而，由于应用程序工具栏、按钮和其他周围的小部件，应用程序中显示的网站有时会被挤压到更小的区域。
• 在应用程序内访问网站时，大多数浏览器功能（如书签、在新窗口中访问链接和打印）都不可用。

8. 纵向屏幕

在台式电脑上，大多数显示器都是横向模式；而在移动设备上，大多数用户都是纵向握持设备。

这正在推动移动网站朝着在垂直姿态下表现最佳的趋势发展，从而导致以下设计选择：

• 内容列数更少
• 小元素：大型多列表格、超宽图片、幻灯片、Flash电影都是此类例子。
• 顶部导航而不是侧面导航。

9. 人们使用移动设备的方式不同

这种差异表明桌面和移动平台上的整体互联网体验存在显著不同。人们通常使用移动设备的方式与使用PC的方式不同，执行不同类型的任务。

人们使用电脑的目的多种多样

• 坐在办公桌前。
• 通常在正式的工作环境中。
• 通常在工作。
• 偶尔在无意义的网络浏览上浪费时间。
• 经常创建内容。
• 专注于工作，对周围环境的感知较少。

人们在使用移动设备时通常会进行以下行为

• 在家里的沙发上休息
• 室内或室外移动
• 排队等候
• 乘坐或排队等候公共汽车、火车或飞机
• 搜索特定数据
• 主要是吸收信息
• 容易被周围环境分散注意力

这些修改会影响在移动设备上运行良好的网站类型。旨在促进内容创建的网站和网络应用程序通常在台式电脑上更受欢迎。相反，移动用户更可能访问那些方便内容消费或允许用户在移动中访问特定信息的网站。

10. Flash支持不足

由于90%以上的浏览器都安装了Flash播放器，Flash在台式电脑上几乎无处不在。然而，在移动网络上并非如此。

iOS设备不支持Flash。Flash可以在运行2.2或更高版本的Android设备上使用；但是，许多用户宁愿禁用它，因为它可能会导致性能和稳定性问题。全球只有不到一半的移动设备可以运行Flash，即便如此，体验也可能不尽如人意。

因此，依赖Flash的网站不太可能在移动平台上受欢迎。值得庆幸的是，您现在可以构建一个在桌面和移动用户上看起来和感觉都像Flash的体验，而无需使用Flash本身。您可以使用HTML5、CSS3和SVG等现代网络标准创建矢量图形、动画、游戏、交互式功能和嵌入式视频，它们都将在现代移动设备上完美运行——无论它们是否支持Flash。

在开发可能在移动设备上查看的任何网站时，必须考虑这些差异。如果您将桌面和移动设备都纳入您的策略，这两个群体都将获得令人惊叹的网站体验。

移动设备的优点

• 由于移动设备可以在单个设备上执行多种功能，因此它们比台式电脑更方便。
• 由于配备触摸屏且尺寸较小，移动设备易于使用。
• 使用移动设备时，用户可以比使用台式电脑更快地访问更多信息。大多数重要公司，无论是在零售、银行、食品、赌场还是其他行业，都为其服务提供应用程序，这进一步方便了客户访问这些服务。
• 移动设备非常适合经常出行的人，因为它们提供了更高的移动性和灵活性。

移动设备的缺点

• 由于缺乏台式电脑的处理能力，移动设备不适合许多职业。
• 由于屏幕通常比台式电脑小，移动设备不太适合处理文档或浏览互联网。
• 与台式电脑相比，移动设备可能更昂贵。
• 移动设备的电池续航时间通常比台式电脑短。

电脑的优点

• 台式电脑提供更高的性能和功率。由于其强大的屏幕和巨大的容量，它们非常适合游戏、视频/图形编辑和音乐编辑等任务。
• 较大的键盘是台式电脑的另一个特点，它使得处理大型Word文档、PowerPoint演示文稿、Excel电子表格和专业电子邮件更加简单。
• 当用户拥有鼠标和较大的屏幕尺寸时，可以轻松地在应用程序之间切换并同时执行多个程序。在移动设备上尝试这样做要困难得多。

电脑的缺点

• 台式电脑比移动设备贵。
• 与移动设备相比，台式电脑需要更多的维护和关注。
• 台式电脑可能庞大笨重，需要占用大量空间。
• 移动设备比台式电脑更便携。
• 尽管存在这些缺点，许多用户仍然选择台式电脑，因为它们具有更高的功率和灵活性。

最终，用户的个人需求决定了哪个“更好”，是移动设备还是台式电脑。尽管移动设备更紧凑方便，但对于需要更大处理能力的特定任务，它们可能需要更强大的功能。

另一方面，台式电脑提供更大的功率和性能，但可能笨重且难以移动。