移动界面设计及用例

人机交互界面理论与技术人机交互界面理论与技术第十四章移动界面第十四章移动界面设计设计移动设备及交互方式z移动设备z目前主要的移动终端设备种类包括手机、PDA（z目前主要的移动终端设备种类包括手机、PDA（PersonalDigitalAssistant）以及各种特殊用途的移动设备如车载电脑等。移动设备如车载电脑等z随着技术的进步，各种设备之间的界限正在逐渐淡化，也出现了一些新的移动设备形态，特别是介于化，也出现了些新的移动设备形态，特别是介于PDA和笔记本电脑之间的移动互联网设备以及超移动个人电脑UMPC（Ultra-MobilePC）移动设备及交互方式移动设备及交互方式z连接方式z移动互联网的数据接入方式是影响移动界面设计的z移动互联网的数据接入方式是影响移动界面设计的另一重要因素，目前也是多种标准并存，主要形式包括无线局域网（WirelessLocalAreaNetwork，包括无线局域网，WLAN）、无线城域网（WirelessMetropolitanAreaNetwork，WMAN）、无线个域网（WirelessPersonalAreaNetworks，WPAN）、高速无线广域网（WirelessWideAreaNetworks，WWAN）以及星通讯等以及卫星通讯等。移动设备及交互方式z交互方式z移动设备种类繁多，其相应的输入方式也相当复杂z移动设备种类繁多，其相应的输入方式也相当复杂。特别是对于目前主要的移动设备形式—智能手机与掌上电脑而言，由于尺寸较小、接口较为简单，与掌上电脑而言，由于尺寸较小、接口较为简单，全尺寸键盘、鼠标等诸多的传统的输入输出设备较难在移动界面中使用，因此需要设计专门的输入输出方式，以适应移动界面的特点。移动设备及交互方式z交互方式z输入方式：z输入方式：z键盘输入z笔输入z语音识别z输出方式：z移动设备的输出方式较为简单。主要是显示屏幕和声音输出。移动界面设计原则z移动设备特别是掌上设备的自身特点使其在作为移动应用的开发目标平台，存在诸多限制：为移动应用的开发目标平台，存在诸多限制：z资源相对匮乏z移动设备种类繁多z移动设备种类繁多z连接方式复杂移动界面设计原则z创建移动应用时应当遵守的一些重要的设计原则则z简单直观z个性化设计z个性化设计z易于检索界面风格致z界面风格一致z避免不必要的文本输入z根据用户要求使服务个性化z昀大限度的避免用户出错z文本信息应当本地化移动界面要素设计z移动界面与一般的图形用户界面一样，包含很多种类的设计要素，在设计时需要遵循一定的多种类的设计要素，在设计时需要遵循定的原则才能更好地适应移动用户的需要。要素z要素z菜单移动界面要素设计z菜单设计规则z应该根据需要进行逻辑分类，如按日期、字母顺序等。如果没有逻辑顺序，可以按优先级分类，即将被选择频率昀高的项目放在列表的昀顶端。z菜单上的每一选项一般应当简明扼要不宜超过一行占据多行z菜单上的每选项般应当简明扼要，不宜超过行。占据多行甚至多个显示窗口的大量文本则应当换行，并可以通过设计“跳过”连接直接能够进入下一个选项。移动界面要素设计z菜单移动界面要素设计z按钮zOK：可用于菜单项的选择或表示对某一操作的认zOK：可用于菜单项的选择或表示对某操作的认可，如确认删除。zDone：可用于结束当前操作，并返回到上一层任zDone：可用于结束当前操作，并返回到上层任务。zBack：使用户回到前一个操作屏幕一般在手机等zBack：使用户回到前个操作屏幕。般在手机等设备上有专用的Back键，因此仅用于除了返回功能外还有其他任务的情况。外还有其他任务的情况。zNext：执行下一步操作。移动界面要素设计z按钮移动界面要素设计z多选列表：z在移动应用中使用多选列表，可以昀大限度地减少文本z在移动应用中使用多选列表，可以昀大限度地减少文本输入。例如使用一个电子邮件地址簿，可以使用户不必过多使用移动设备的输入功能输入电子邮件地址，而可以简单地通过多选列表将需要的电子邮件地址插入到一封电子邮件的收件人或抄送入地址中。移动界面要素设计z文字显示z根据显示的需要，可能使用以下几种形式的链接：z根据显示的需要，可能使用以下几种形式的链接：zView（查看）：如果一个数据列表中每个项目包含额外的详细信息可以使用该链接来显示这些数据额外的详细信息，可以使用该链接来显示这些数据。zMore（更多）：一般作为数据页末尾的一个链接zMore（更多）：般作为数据页末尾的个链接，使用户进入下一页的相关数据。zSkip（跳过）：跳过当前选项链接到下一个类似zSkip（跳过）：跳过当前选项，链接到下个类似的数据，如下一封电子邮件信息。移动界面要素设计z文字显示：z每一屏幕显示内容不宜过多，如果信息较多，应定义一个More链接。z一般情况下文字信息应当使用换行方式进行显示。下图中是个设置了两个链接的文字显示的例子左右分别是z下图中是一个设置了两个链接的文字显示的例子，左右分别是“More”链接和“Skip”链接处于活动状态下的模拟画面移动界面要素设计z数据输入可用性原则z对于数据输入一般应该进行长度、数据类型以及取值范z对于数据输入般应该进行长度、数据类型以及取值范围等形式的格式化，以指导用户输入合法的可用信息。例如，如果用户的必须输入中有身份证号时，这个输入字段可被格式化为接受15个或18个字符，还可以进一步被限制为只接受数字或个别字母。建立数据输入标题并根据需要在标题中加入所要求的z建立数据输入标题，并根据需要在标题中加入所要求的输入格式。如果已经可以确定数据的某些输入部分可以预先填好z如果已经可以确定数据的某些输入部分，可以预先填好，且不允许用户修改。移动界面要素设计z数据输入可用性原则z应当具有检错机制，如某些信息必须填写，应当可以设z应当具有检错机制，如某些信息必须填写，应当可以设置成禁止提交空数据。z应当具有检错机制，如某些信息必须填写，应当可以设应当具有检错机制如某信息须填写应当可以设置成禁止提交空数据。在图8-8中，日期的输入格式仅允许输入数字，因此当输入字幕时，系统显示“Pleaseenteranumber”提示用户出错示Pleaseenteranumber.提示用户出错。移动界面要素设计z图标与图像z了解目标设备所支持的图象格式，如果希望应用跨z了解目标设备所支持的图象格式，如果希望应用跨平台使用，应当尽量使用受到较多支持的图像格式，如手机上的wbmp格式和png格式。，如手机的p格式和pg格式z由于受到设备的限制，即使支持彩色的移动设备也往往无法支持真彩色，需要使用调色板，注意调色往往无法支持真彩色，需要使用调色板，注意调色板的设置使其达到昀佳显示效果。z对于不支持图像的设备，应当提供替换的信息展示z对于不支持图像的设备，应当提供替换的信息展示方式。移动界面要素设计z图标与图像z进行图像浏览时，图像缺省地应当充满整个可用区z进行图像浏览时，图像缺省地应当充满整个可用区域，并在允许的条件下通过缩放使用户看到完整的图像。如必须滚屏时，尽量使用垂直滚屏。图像如必须滚屏时，尽量使用垂直滚屏z尽量使用户在上下文中直接浏览嵌入的图像，而不必使用独立的显示工具。必使用独立的显示工具。移动界面要素设计z报警提示z确认提示z确认提示z信息提示警告提示z警告提示z出错提示z持久性提示z等待提示z等待提示移动界面要素设计z多媒体展示z尽量使用标准的文件格式z尽量使用标准的文件格式z根据平台的计算能力特点，选择合适的格式z有的应用场合下静态图像也可以达到很好的展示效果z有的应用场合下静态图像也可以达到很好的展示效果z要根据平台的多媒体能力制作相应质量的多媒体数据z视频内容应该精练z视频内容应该精练z音频的使用与否应当不改变程序的运行结果z录制音频时应当尽可能的提高音量以保证回放时的效z录制音频时应当尽可能的提高音量，以保证回放时的效果移动界面要素设计z导航设计z从一个标签视图转到另一个并不影响这些视图中的返回z从个标签视图转到另个并不影响这些视图中的返回键功能；它们中的任何一个返回功能指向同一个地方，即该应用的上一层。z当某个状态拥有标签视图时，如果用户从上一层进入到该状态，打开的将是默认视图。z如果用户从某个标签视图进入到其下面一层，这时的返回功能将导致返回到原先的视图。移动界面设计技术与工具z移动应用开发技术开发移动应用是一项复杂的任务不仅需要考虑各种复杂开发移动应用是一项复杂的任务，不仅需要考虑各种复杂的网络连接方式，还要考虑各种不同的硬件设备甚至不同型号的设备之间的差异，还要与现有的应用体系尽可能的型号的设备之间的差异，还要与现有的应用体系尽可能的集成，因此选择适当的开发平台也很重要。常用的几种移动应用开发的体系结构：常用的几种移动应用开发的体系结构.Net精简框架J2ME架构J2ME架构移动界面设计技术与工具z移动浏览标准协议z采用J2ME等技术开发的应用软件需要运行程序的用户z采用J2ME等技术开发的应用软件需要运行程序的用户终端上进行安装和配置，同时也对终端的性能具有一定的要求。移动应用的开发还有一种模式，就是类似于Web应用的开发，用户端仅需支持一定的移动浏览标准协议，通过移动浏览器，就可以通过网络访问移动应用服务器获取信息或完成某些操作服务器，获取信息或完成某些操作。移动界面设计技术与工具z移动浏览标准协议zWAPzWAPzWML与WMLScriptzXHTMLBasic与XHTMLMPzXHTMLBasic与XHTMLMP移动界面设计技术与工具z移动设备操作系统zPalmOSzPalmOSzWindowsMobile系列移动操作系统z嵌入式LINUXz嵌入式LINUXzSymbianOSzAndroid移动界面设计技术与工具z移动界面开发工具z由于移动设备的硬件形式繁多而且需要在本z由于移动设备的硬件形式繁多，而且需要在本机上提供良好的开发环境，所以模拟器软件就成为移动应用开发必不可少的一种工具成为移动应用开发必不可少的种工具。z所谓模拟器就是在一种平台上采用软件模拟另外的软硬件环境移动设备的模拟器主要由相外的软硬件环境。移动设备的模拟器主要由相应的开发商推出，例如PalmOS、Openwave公司微软公司以及硬件厂商诺基亚爱立信等均、微软公司以及硬件厂商诺基亚、爱立信等均有相应的PC模拟器。移动界面设计技术与工具z模拟器z。移动界面设计技术与工具zWAP应用zWAP应用开发与传统的Web应用程序开发类似，同样采用WAP应用开发与传统的Web应用程序开发类似，同样采用Browser/Server模型。其中Browser是指支持WAP设备上的用户代理，即WAP浏览器。服务器则使用IIS、Apache等般的务言采等一般的WEB服务器，页面语言采用WML/WMLScript或XHTMLMP语言应用zJ2ME应用z前面已经介绍过，MIDP/CLDC组合为移动信息设备提供了个完整的J2ME应用运行环境MIDP中定义的应用了一个完整的J2ME应用运行环境，MIDP中定义的应用程序称为MIDlet。以下的介绍主要针对MIDP应用开发