人机交互_移动界面设计解答.ppt

第 8 章 移动界面设计 重点大学计算机专业系列教材 ? 移动设备及交互方式 ? 移动界面设计原则 ? 移动界面要素设计 ? 移动界面设计技术与工具 ? 移动设备 ? 智能手机、 ? PDA 掌上电脑（ Personal Digital Assistant ） ? MID 平板电脑（ Mobile Internet Device ） ? UMPC 超移动个人电脑（ Ultra-Mobile PC ） ? 连接方式 ? 移动互联网的数据接入方式是影响移动界面设计的另一重 要因素，目前也是多种标准并存，主要形式包括： ? 无线局域网（ Wireless Local Area Network ， WLAN ） ? 无线城域网（ Wireless Metropolitan Area Network ， WMAN ） ? 无线个域网（ Wireless Personal Area Networks ， WPAN ） ? 高速无线广域网（ Wireless Wide Area Networks ， WWAN ）以及卫星通讯等。 传统的按键式手机， ? 显示区与操作区是分离的： ? 显示屏用于显示内容， ? 键盘则用于操控。 ? 用户需要一边注视屏幕上的内容 ，一边在按键上进行操控。 ? 触摸屏手机 ? 显示区与操作区统一在触摸屏上 ? 用户可以直接对触摸屏其内容进 行操控。 ? 交互方式 ? 输入方式 ： ? 1. 键盘输入 ? 2. 笔输入 ? 3. 语音识别 ? 4. 手指触控 ? 输出方式： ? 移动设备的输出方式较为简单。主要是显示屏幕和声音输出。 ? 创建移动应用时应当遵守的一些重要的设计原则 ? 简单直观 ? 个性化设计 ? 易于检索 ? 界面风格一致 ? 避免不必要的文本输入 ? 根据用户要求使服务个性化 ? 最大限度的避免用户出错 ? 文本信息应当本地化 ? 移动界面与一般的图形用户界面一样，包含很多种 类的设计要素，在设计时需要遵循一定的原则才能 更好地适应移动用户的需要。 菜单 ? 为了设计适用于移动界面的可用性好的菜单，建议 遵守以下规则： ? 供选择的项目应该根据需要进行逻辑分类，如按日期、字 母顺序等。如果没有逻辑顺序，可以按优先级分类，即将 被选择频率最高的项目放在列表的最顶端。 ? 菜单上的每一选项一般应当简明扼要，不宜超过一行。占 据多行甚至多个显示窗口的大量文本则应当换行，并可以 通过设计“跳过”连接直接能够进入下一个选项。 ? 菜单 ? 按钮 ? 移动设备中常见的通用按钮包括： ? 1 ） OK （确定）：可用于菜单项的选择或表示对某一操作 的认可，如确认删除。 ? 2 ） Done （完成）：可用于结束当前操作，并返回到上 一层任务。 ? 3 ） Back （返回）：使用户回到前一个操作屏幕。一般在 手机等设备上有专用的 Back 键，因此仅用于除了返回功能 外还有其他任务的情况。 ? 多选列表： ? 在移动应用中使用多选列表，可以最大限度地减少文本输 入。例如使用一个电子邮件地址簿，可以使用户不必过多 使用移动设备的输入功能输入电子邮件地址，而可以简单 地通过多选列表将需要的电子邮件地址插入到一封电子邮 件的收件人或抄送入地址中。 ? 文字显示 ? 根据显示的需要，可能使用以下几种形式的链接： ? 1 ） View （查看）：如果一个数据列表中每个项目包含额 外的详细信息，可以使用该链接来显示这些数据。 ? 2 ） More （更多）：一般作为数据页末尾的一个链接，使 用户进入下一页的相关数据。 ? 3 ） Skip （跳过）：跳过当前选项，链接到下一个类似的 数据，如下一封电子邮件信息。 ? 关于文字显示的一般可用性建议包括： ? 1 ）每一屏幕显示内容不宜过多，如果信息较多，应定义 一个 More 链接。 ? 2 ）一般情况下文字信息应当使用换行方式进行显示。 ? 下图中是一个设置了两个链接的文字显示的例子，左右分 别是“ More ”链接和“ Skip ”链接处于活动状态下的模 拟画面 ? 数据输入 ? 针对数据输入可用性原则包括： ? 1 ）对于数据输入一般应该进行长度、数据类型以及取值 范围等形式的格式化，以指导用