《界面设计》，第3版

第 6 章 移动接口 移动接口

本作品已使用人工智能进行翻译。欢迎您提供反馈和意见：[e-mail]

在任何城市的街道上，你都会看到人们低头看着自己的移动设备。 世界上到处都是 iPhone、安卓手机、其他智能手机和平板电脑。 在一些国家，人们主要通过手机上网。预计到 2025 年，全球将有 50 亿人成为移动互联网用户。¹您产品的用户很可能主要通过移动设备与您的产品进行互动。为移动设备设计不仅是一种良好的设计实践，也是一种实际的商业考虑，更是一种常识。

移动设备已成为日常生活中不可或缺的一部分，这也是情理之中的事。手机不仅仅是一部电话或连接互联网的工具，它已成为通信、商务、娱乐、交通和导航的主要通道。尤其是智能手机和平板电脑还具有直接操作的优势--可以触摸想要选择或编辑的对象--这使得移动界面变得易于学习和直观。

简单地将 做成一个紧凑版本的网站已不再是设计的方式，而移动优先（在设计功能更全面的网络体验之前，先设计移动体验）或响应式设计（设计可根据不同屏幕尺寸优雅缩放的网络体验）的方法已被那些希望确保其数字产品可在未来进行缩放的公司所采用。

移动体验的世界非常广阔，从移动网络到本地移动应用程序（Apps）。有些产品希望通过移动网站提供所有功能，但所有功能都要针对小屏幕和其他移动限制因素量身定制。很多人只通过移动设备浏览互联网，他们会希望获得网站的所有功能。您可以选择进行两个独立的平行设计，一个用于移动设备，另一个用于桌面设备。

如果你创建的是大屏幕工具和应用程序，而不是网站，那么本章可能根本不适用于你。您和您的组织可能需要评估一下，您的工具（或其中的某些子集）是否可以在移动设备上重新创建为应用程序，并且仍然有用。了解你的用户--了解他们的需求、任务和使用环境。

它们各有利弊，根据您需要提供的体验的丰富程度，您可能需要设计桌面（网页）、移动网页和移动原生应用程序。创建移动应用程序是一项不小的投资，但也许是值得的。

其中一些用户会通过小巧、缓慢、古怪和难以交互的浏览器来浏览您的网站。他们使用网站的环境条件和心态，与他们安静地坐在舒适的办公桌前、面对大屏幕时的体验完全不同。

在本章中，我们将不再讨论平台检测的技术细节，以及如何针对用户的情况进行正确的设计（例如，不同的 CSS 样式表），但这些知识都是现成的，而且相当容易找到。只要投入相对较少的知识、设计工作和时间，就能大大改善你所设计网站的移动体验。

移动设计的挑战与机遇

当你为移动平台进行设计时，你会面临一些挑战，这些挑战是你在时不会遇到的，因为你可以假定用户是在观看大屏幕并使用键盘：

小屏幕尺寸

移动设备没有太多空间来展示信息或选择。 遗憾的是，你没有多余的边栏、长长的标题菜单、没有任何作用的大图片或长长的链接列表。你需要将你的设计精简到本质--去掉所有多余的东西。把最重要的功能留在屏幕前部，其他功能要么舍弃，要么埋藏在网站深处。

可变屏幕宽度

要在 360 像素宽和 640 像素宽的屏幕上做出效果良好的设计是很困难的。在移动屏幕上向下滚动并不十分困难（这就是为什么要特别提到宽度而不是高度），但设计需要巧妙地利用可用的屏幕宽度。有些网站最终为最小的键盘设备和 iPhone 大小的触摸设备创建了不同的版本，包括不同的徽标图形、不同的导航选项等。

触摸屏

大多数移动网络和应用程序的访问都来自触摸屏设备。 键盘设备显然也应该得到服务，因为它们占了现有移动设备的大多数，但你可能想在设计上偏重于触摸屏体验。只要遵循良好的设计原则（限制内容、线性化布局等），键盘设备上的链接可以非常容易地通过按键导航。 ...