面向MID进行用户界面设计的经验之谈.doc

面向 MID 进行用户界面设计的经验之谈 作者: 方亮 发布日期: 2007年10月23日 | 最后修改日期: 2008年6月23日 摘要 MID（移动互连设备）是 PC 产品系列的一项最新创新，它具有 PC 的所有功能，但功耗却有明显的降低。鉴于 MID 的功能及用途，在设计用户界面（UI）时需要考虑到多方面的因素，以便为用户提供卓越的使用体验。本白皮书从总体上介绍了 MID 的 UI 设计规则。Hildon 用户界面以任务为导向，所以它需要一些特别的处理。本白皮书还介绍了 Hildon UI 设计的已知最佳方案（BKM）。 1. MID 简介 MID（移动互连设备）是 PC 产品系列的一项最新创新，它具有 PC 的所有功能，但功耗却有明显的降低。MID 是一种小外形（SFF）设备，它便于携带，可提供 24x7 全天候的数据访问功能。 英特尔一直致力于开发并推广各种技术，以满足 MID 用户的需求。在 MID 的创新过程中，英特尔最重要的一项贡献就是，通过其集成显卡驱动程序英特尔?图形媒体加速器，为用户提供了集成的显卡软件。 MID 一般采用尺寸较小（4.5” – 6”）的高分辨率触摸显示屏，并具有小型的键盘。为了给用户提供类似于 PC 的使用体验，MID 显示屏上的内容必须易于阅读，必须能够使用手指在显示屏上轻松进行操作，这也就是说，操作系统和应用的 UI 必须是高度定制的。 2. Midinux 概览 Linux 是一种开源操作系统，它允许在系统级别上进行高度的定制，例如快速启动、快速从待机模式恢复；在应用级别上，它还允许进行 UI 风格及主题方面的定制。 Midinux 是首款基于 Linux 的操作系统，它完全支持英特尔 2007 MID 平台。它具有基于 GTK 的移动应用框架，专为 MID 的屏幕尺寸和分辨率而优化。图 1 显示了 MID 应用框架堆栈。  图 1. MID 应用框架堆栈 2.1 Hildon 概览 Hildon 用户界面以及 Maemo 均基于开源组件。Hildon 以 Gnome 桌面使用的工具套件 GTK＋ 为基础，并在原有基础上进行了一些改进，使其更适合于移动设备。首款采用 Hildon UI 风格的产品为 Nokia 770 Internet Tablet。Hildon 用户界面主要以触摸屏操作为基础，这就意味着用户将主要通过手写笔和手指来使用设备。虽然设备上有几个强制性的硬件按钮，用户在大多数时间均通过触摸屏操作设备。Hildon 支持多任务处理，可以同时运行多个应用，并且用户可以在不同应用之间切换。 Hildon UI 包含 4 个基本组件：任务导航条、标题区域、状态指示区域以及应用区域。任务导航条是位于屏幕上方的全局屏幕元素。任务导航条主要用于启动应用并在不同应用之间进行切换。标题区域包含应用的标题，该标题可打开应用特定的菜单。标题区域的右侧包含有最小化和关闭按钮。状态指示区域包含各种指示系统状态和行为的图标。状态条程序便位于该区域。应用区域由处于正常模式的应用使用。在全屏模式中，所有其它组件均会消失，应用区域会扩展至整个屏幕。 图 2 显示了 MID 应用 UI 的一般布局。 图 2. MID 应用 UI 布局 . UI 设计方面的挑战以及有关 MID 的 BKM 尽管 PC 架构以及全功能 PC 操作系统会降低开发人员将应用从桌面 PC 移植到 MID 的难度，MID 自身的外形仍为应用 UI 的设计提出了许多新的挑战。Hildon 应用框架是一种类似于设备的应用框架，这也给应用 UI 的设计带来了一些难题。 3.1．屏幕尺寸 由于 MID 的屏幕尺寸要远远小于传统屏幕尺寸，因此各种图形元素的尺寸就需要特殊处理。开发人员既要避免将按比例缩小的图形元素设计得过小，又要避免尺寸相同的图形元素占用太多的屏幕空间。具体来说，某些文本和图标可能比较难以辨认，屏幕上的按钮和单元可能不便于点击操作，一些游戏窗口可能无法放大到整个屏幕。 3.1.1．文本和图标尺寸 问题：在移植到 MID 的应用界面上，文本或图标可能会缩小到某个尺寸，这可能使文本或图标变得难以辨认。一个在 15 英寸屏幕上能够正常显示的文本，如果放到 MID 使用的 5 - 7 英寸的屏幕上，用户将很难看清文本的内容。除了文本的实际字体大小外，聊天和其它文本窗口也将变得过小。如果通过降低字体大小来适应较小的窗口尺寸，那么文本将变得非常难以阅读。 (a) (b) 图 3. 适合于阅读的正常文本尺寸 (a) 与未经过合理的字体大小调整的文本 (b)。 最佳方案：理想情况下，针对 MID 设计的应用程序应尽量避免使用文本，此外，在选择字体时一定要考虑 MID 的屏幕尺寸。同样，图标设计上