---移动界面设计.ppt

第8章 移动界面设计 内容摘要 移动设备及交互方式 移动界面设计原则 移动界面要素设计 移动界面设计技术与工具 移动界面设计实例 8.1 移动设备及交互方式8.1.1 移动设备 目前主要的移动终端设备种类包括手机、PDA（Personal Digital Assistant）以及各种特殊用途的移动设备如车载电脑等。其中，基于可移动性（Mobility）的考虑，手机与PDA是目前最常见的主流移动设备 8.1 移动设备及交互方式8.1.1 移动设备 不过随着技术的进步，各种设备之间的界限正在逐渐淡化，也出现了一些新的移动设备形态，特别是介于PDA和笔记本电脑之间的移动互联网设备MID（Mobile Internet Device）以及超移动个人电脑UMPC（Ultra-Mobile PC） 8.1.2 连接方式 移动互联网的数据接入方式是影响移动界面设计的另一重要因素，目前也是多种标准并存，主要形式包括无线局域网（Wireless Local Area Network，WLAN）、无线城域网（Wireless Metropolitan Area Network，WMAN）、无线个域网（Wireless Personal Area Networks，WPAN）、高速无线广域网（Wireless Wide Area Networks，WWAN）以及卫星通讯等。 8.1.3 交互方式 移动设备种类繁多，其相应的输入方式也相当复杂。特别是对于目前主要的移动设备形式—智能手机与掌上电脑而言，由于尺寸较小、接口较为简单，全尺寸键盘、鼠标等诸多的传统的输入输出设备较难在移动界面中使用，因此需要设计专门的输入输出方式，以适应移动界面的特点。 1. 输入方式 2. 输出方式 6. 图标与图像 图8-9就是在手机上显示一幅二值位图图像的画面，其中图像的格式为wbmp（Wireless BMP） 8.3 移动界面要素设计 7. 报警提示 常用的提示类型有： 1）确认提示 2）信息提示 3）警告提示 4）出错提示 5）持久性提示 6）等待提示 8.3 移动界面要素设计 8. 多媒体展示 为了制作能够在移动设备进行播放的多媒体音频或视频文件，应当意以下一些问题： 1）尽量使用标准的文件格式 2）根据平台的计算能力特点，选择合适的格式 8.3 移动界面要素设计 8. 多媒体展示 为了制作能够在移动设备进行播放的多媒体音频或视频文件，应当注意以下一些问题： 3）有的应用场合下静态图像也可以达到很好的展示效果 4）要根据平台的多媒体能力制作相应质量的多媒体数据 8.3 移动界面要素设计 8. 多媒体展示 为了制作能在移动设备进行播放的多媒体文件，应当注意以下一些问题： 5）视频内容应该精练 6）音频的使用与否应当不改变程序的运行结果 7）录制音频时应当尽可能的提高音量，以保证回放时的效果 8.3 移动界面要素设计 * * (a)OQO (b)FlipStart MiniPC (c)N810 (d)iPhone 8.1.1 移动设备 输入方式： 1） 键盘输入 2） 笔输入 3） 语音识别 输出方式： 移动设备的输出方式较为简单 1）显示屏幕 2）声音输出 8.1.3 交互方式 通过前面的介绍，可以注意到，移动设备特别是掌上设备的自身特点使其在作为移动应用的开发目标平台，存在诸多限制： 资源相对匮乏：存储、显示、计算能力差 移动设备种类繁多：需界面具有自适应性 连接方式复杂：形式繁杂，多种标准并存 8.2 移动界面设计原则 1. 简单直观 2. 个性化设计 3. 易于检索 4. 界面风格一致 8.2 移动界面设计原则 5. 避免不必要的文本输入：选择列表 6. 根据用户要求使服务个性化：保留用户 7. 最大限度的避免用户出错:日期提示 8. 文本信息应当本地化：用词得当 8.2 移动界面设计原则 移动界面与一般的图形用户界面一样，包含很多种类的设计要素，在设计时需要遵循一定的原则才能更好地适应移动用户的需要。 下面主要围绕手机应用，特别是WML应用和J2ME应用（有关WML和J2ME的介绍请参见第8.4节）的要素设计进行介绍。 8.3 移动界面要素设计 1.?菜单 为了设计适用于移动界面的可用性好的菜单，建议遵守以下规则： (1) 供选择的项目应该根据需要进行逻辑分类，如按日期、字母顺序等。如果没有逻辑顺序，可以按优先级分类，即将被选择频率最高的项目放在列表的最顶端。 8.3 移动界面要素设计 1.?菜单 (2) 供选择的项目应该根据需要进行逻辑分类，如按日期、字母顺序等。如果没有逻