設计移动用户界面.docVIP

架构宣言: 设计移动用户界面 设计移动应用程序的用户界面是比较棘手的事情，对于新手来说更是如此。另一方面，这是个极好的设计挑战，而且得到的结果是非常有价值的。这一期的架构宣言 使用一种架构方法来识别移动设备环境的限制和能力，并设计出一种同时对这两方面加以利用的用户界面。 对于任何环境来说，用户界面设计都是应用程序开发的重要方面，但是移动应用程序的 UI 设计令人感到格外地棘手。移动设备的环境约束（如有限的内存和处理能力）不仅影响移动应用程序的功能方面，还会影响到用户界面。在移动设备环境中，对应用 程序架构的每一层都必须予以慎重考虑并划分优先级，从而最大限度地提高设备的物理能力，这比其他任何平台的要求都严格。 在本专栏 中，我们将考察如何利用以前专栏中开发的架构透视图，设计高度实用的移动应用程序用户界面。我将从架构视图的最外层开始讨论，仔细评估移动环境所固有的物 理限制和能力。接下来，我将着重讨论用户界面的特殊要求。最后考察如何分析、组合这两层，及其对应用程序 UI 实现的影响。 现行移动设备的挑战 设 计任何应用程序时，第一步总是了解环境，包括考虑应用程序硬件的限制和能力。为移动设备开发软件时，这是非常重要的实践，与桌面或笔记本环境大不相同。因 为移动设备必须足够小以便携带，因此它们的特点是小屏幕和小键盘（假定其功能需要这些元素），且通常受到有限的内存、CPU 和带宽能力的约束。这些环境因素中的每一项都会对移动设备应用程序的设计造成影响。 例如，考虑为小屏幕开发高可用性、图形化导向 的用户界面时所面临的挑战。较小的屏幕尺寸将限制可以在一个屏幕上传输的数据量，以及图片和文本元素的大小和放置。开发用于多种环境（具有不同的屏幕大 小）的应用程序时，这变得特别重要。必须动态地计算屏幕的尺寸并根据屏幕尺寸放置各项内容，而不是静态地（按照 x、y 坐标）放置各项内容。 图 1 展示了相同的元素是如何动态放置以适应不同屏幕大小的。左侧是一个小屏幕，其中元素及元素之间的空间必须比较小。右侧是一个较大的屏幕，其中元素的尺寸可以更大一些，同时元素之间不必太紧凑。 图 1. 动态放置 GUI 元素，以便适应不同的屏幕大小 虽然为移动应用程序设计用户界面时，屏幕大小是最切实的硬件影响因素，但并不是惟一因素。可用内存、CPU 和带宽容量将影响移动应用程序的性能和功能，这又对用户界面的设计造成影响。  HYPERLINK /developerworks/cn/java/wi-arch4/ \l main 回页首 UI 设计中的性能考虑因素 内 存始终是移动应用程序设计中需要解决的问题。尽管现在一些比较好的移动设备的内存容量极高，但将应用程序的内存占用作为设计过程的一部分来考虑仍具有重要 意义，特别是在您想在多环境中运行应用程序时。例如，设计用于不同手机的 MIDP 应用程序时，必须考虑此类设备的多种多样的内存容量。 CPU 带来了类似问题。由于当今桌面计算机的巨大处理能力，很多习惯于使用桌面环境的开发人员发展出了一种对于 CPU 来说极不谨慎的编程风格。按照桌面（甚至是笔记本）环境的规范来开发的应用程序在典型移动设备上的运行速度是非常慢的。解决办法是认真分析 for 和 while 循环，推测随着时间的推移它们会变成多大，特别是在这些循环的目的并非在于处理存储器中的数据时。对数据处理例程进行测试是具有挑战性的，因为对小量数据进行测试时，相对比较顺利，但是随着数据的增加，测试的速度将大大降低。 通常移动设备能以某种方式连接到 Internet，但连接速度不是很快。因而，大多数移动设备不具备从服务器端系统移动（或处理）大量数据的能力。如果应用程序依赖于服务器端数据，那么必须慎重考虑该应用程序的设计和实现。 考 虑内存、CPU 和带宽时，通常着眼于功能，关注它们对于应用程序性能的影响，但是了解这些因素对用户界面设计的影响也是比较重要的。与屏幕大小一样，每个移动环境都存在 某些固有的能力和限制：内存所能保存的数据量、CPU 中的进程数量以及网络连接的速度。在 UI 设计中考虑这些不同能力不仅有助于开发更实用的用户界面，还能释放一些设备能力，用于后端功能。  HYPERLINK /developerworks/cn/java/wi-arch4/ \l main 回页首 需求分析和 UI 一旦掌握了移动应用程序设计的基本环境约束（即外层或架构透视图），下一步就要开始考虑应用程序的特殊需求。在以前的专栏中，我已经对计算机应用程序的功能、后端元素的需求分析进行了深入讨论，因此这里只考虑如何将这些技术应用于用户界面设计。 需求分析是 UI 设计中极其重要的部分，因为它将为您提供应用程序的数据需求和相关操作的功能性概览。当然，数据将成为应用程序输入和输出的各