第8章移动界面设计If.ppt.ppt

8.4.5应用实例分析 是一个航空旅行服务程序，采用WML编写； 提供查询功能帮助用户安排旅行计划，特别是机票的购买或预订； 其设计使用了Openwave公司的WAP SDK中的移动浏览器（Mobile Browser）所提供的多种用户界面设计要素 应用中用到的times.wmls是WML Script脚本语言编写的辅助程序，其作用是随机地产生航班号和起飞时间等模拟数据，需要自己根据程序中使用的情况编写。 山东大学计算机学院 * 应用实例分析 该应用界面的设计过程包括以下步骤： 明确用户群 经常旅行的用户，一般旅行的目的是商务事宜，此类用户对飞行时刻表、机场代号以及航班非常熟悉。 不常旅行的用户，一般旅行的目的是处于个人原因，可能几周甚至几个月可能会安排一次旅行，这些用户可能就不太熟悉具体的航线或航班代号等信息。 山东大学计算机学院 * 应用实例分析 明确用户需求 确定用户的主要操作是设计用户界面导航流程并进行优化的基础。 经常旅行的用户的主要操作包括了解航班情况（准时或延误）、查找航班时刻以及预定机票等； 不常旅行的用户的主要操作包括查看某一特定航线的票价或查找特价机票信息等； 第一次使用的用户可能需要适当的帮助提示。 山东大学计算机学院 * 应用实例分析 确定界面的设计目标 经常旅行的用户有一个常飞人员号码，可以用于实现用户使用界面的个性化，包括航班预订情况的保存和修改等。 对于不常旅行的用户来说，重点是提供快速的目标航班、票价以及可能的特价机票信息，在设计中需要简化这些内容的访问。 山东大学计算机学院 * 应用实例分析 建立导航流程 界面设计的实现需要导航流程的建立。 应当允许经常旅行的用户用户登录后立刻能够查看快速访问航班的预订和自己的旅行计划信息，这一选项需要安排在菜单项的突出位置。 对于不常旅行的用户来说，需要使其可以迅速查看和其个人喜好相关的机票优惠等信息。 从导航流程的设计来说，就是安排这些状态的访问路径应当尽可能的短，使用户可以在最短的时间内获得其最重要的信息。 山东大学计算机学院 * 应用实例分析 可用性设计要点 界面中各种元素如菜单、标签、文字输入等的风格样式和操作方式在整个应用中保持一致； 使文字录入的工作降到最低程度 ； 预防用户可能出现的各种错误操作，一旦用户出错，应当尽可能地给用户修正错误的余地。 山东大学计算机学院 * 作业 参考本章的设计方法，使用Android实现一个手机游戏，并总结游戏设计中可能涉及到的可用性问题。 移动界面设计要素 图标与图像 图像、图标可以增强显示信息的效果 在移动设备上使用图像，需要注意的问题包括： 了解目标设备所支持的图象格式 注意调色板的设置使其达到最佳显示效果 对于不支持图像的设备，应当提供替换的信息展示方式 进行图像浏览时，图像缺省地应当充满整个可用区域，如必须滚屏时，尽量使用垂直滚屏。 尽量使用户在上下文中直接浏览嵌入的图像，而不必使用独立的显示工具。 山东大学计算机学院 * 移动界面设计要素 山东大学计算机学院 * 图像模拟显示画面 移动界面设计要素 报警提示 警报提示，可以将用户所关心的必威体育精装版信息通知给用户，或向用户提供有关当前状况的信息。 一般使用文字信息，可能加入一定的图标。 常用的提示类型有： 确认提示 信息提示 警告提示 出错提示 持久性提示 等待提示 山东大学计算机学院 * 移动界面设计要素 移动多媒体技术 目前移动设备的多媒体支持进步很大，已经可以播放几种类型的音频和视频文件，还可以使用内置或外接的摄像头来抓取图像。 移动应用开发平台开始提供支持多媒体数据的编程接口。 山东大学计算机学院 * 移动界面设计要素 制作能够在移动设备进行播放的多媒体音频或视频文件，应注意以下问题： 尽量使用标准的文件格式 根据平台的计算能力特点，选择合适的格式 不必一味追求动态视频，有的应用场合下静态图像也可以达到很好的展示效果； 根据平台的多媒体回放能力制作相应质量的多媒体数据。 视频内容应该精练，没有必要包含太多的特技效果。 如果在应用中使用音频增强效果，音频的使用与否应当不改变程序的运行结果； 录制音频时应当尽可能的提高音量，以保证回放时的效果 山东大学计算机学院 * 移动界面设计要素 移动界面导航 确定移动界面导航一般应该在应用设计完成后，建立导航流程图表，规划移动应用的导航流程。导航设计的基础是按传统的树结构编排的层次状态结构。 1 1-1 1-2 1-3 1-1-1 1-1-2 1-2-1 1-3-1 1-3-2 1-3-3 在这种层次状态结构中，每一节点代表一个状态，具体体现在移动界面开发中，往往是一个新的显示画面。在层次状态结构中，用户点击按键打开一个可选项，