人机交互技术编写组1第9章移动界面设计人机交互技术编写组2主要内容提要移动界面的基本概念移动界面的设计方法移动界面的实现技术移动界面设计的实例人机交互技术编写组39.1移动界面基本概念互联网和移动通信,作为迈向信息社会的两个重要标志,分别适应了人们对信息资源的丰富性以及信息获取方式的灵活性与移动性的需求。互联网与移动通信已经逐渐形成了信息产业中潜力巨大、前景可观的两大领域,同时也催生了结合二者的技术优势,目标在于向用户提供灵活的、不受信息源和用户访问位置等各种限制的信息服务的移动互联网(MobileInternet)技术。人机交互技术编写组49.1.1移动互联简介移动互联网概念的理解可能因人而异,特别是与无线互联网(WirelessInternet)可能会当成一回事。从概念上而言,移动与无线是两个不同的概念,在很多情况下,无线与移动是两个重叠的概念,但在另外一些情况下,这两者又有明显的区别,这也使得移动互联网的概念可以从狭义与广义两个角度来理解。人机交互技术编写组5移动互联网概念从狭义的角度上来讲,移动互联网指的就是基于分组交换技术的无线数据通信技术,有时可能会被称之为无线互联网(WirelessInternet)。从广义的角度上来讲,移动互联网不一定局限于一般的无线数据通信方式,与无线互联网的概念有一定的区别,我们可以从设备的移动性与数据连接方式这两个方面来说明。人机交互技术编写组6移动界面的设计移动界面的设计成为人机交互技术研究的一个重要方向。一方面,移动应用的界面设计符合人机交互设计的一般规律,可以利用人机交互界面的一般设计方法;另一方面,由于移动设备的便携性、位置不固定性和计算能力有限性以及无线网络的低带宽高延迟等诸多的限制,移动界面设计又具有自己的特点。人机交互技术编写组7移动与无线概念的外延关系移动无线图9-1移动与无线概念的外延关系人机交互技术编写组89.1.2移动设备与连接方式目前主要的移动终端设备种类包括手机、掌上电脑PDA(PersonalDigitalAssistant)、笔记本电脑以及各种特殊用途的移动设备如车载电脑。基于可移动性(mobility)的考虑,目前移动互联设备以智能手机与掌上电脑为主。人机交互技术编写组9VulcanInc.公司设计的FlipStartMiniPC人机交互技术编写组10移动互联网的数据接入方式移动互联网的数据接入方式目前也是多种标准并存,没有完全统一。主要形式包括:无线局域网(WirelessLocalAreaNetwork,WLAN)无线城域网(WirelessMetropolitanAreaNetwork,WMAN)无线个域网(WirelessPersonalAreaNetworks,WPAN)高速无线数据通讯系统以及卫星通讯等人机交互技术编写组11移动互联网的数据接入方式无线局域网采用无线的方式提供传统有线局域网的所有功能,具有极大的灵活性。无线城域网技术的目标是提供类似于有线Modem、DSL(DigitalSubscriberLine),以太网以及光纤网等有线方式的高速Internet接入,优势是可以在较大的地理区域内无须布线。继无线局域网(WLAN)和无线城域网(WMAN)之后,各种形式的便携式移动设备的不断涌现,促进了无线个域网的出现,使移动互联网的接入方式更为丰富。人机交互技术编写组12高速无线数据通信是在无线语音通信系统之上发展起来的,分为三代:第一代是模拟无线网络,20世纪的80年代,目前在我国已基本淘汰。第二代是数字语音通讯系统和数字通信系统,常见的有九十年代出现的欧洲的全球移动通信系统GSM(GlobalSystemsforMobileTelecommunications,GSM)、美国的窄带CDMA(CodeDivisionMultipleAccess)。第三代,即3G(ThirdGeneration)阶段,目标是采用数字技术实现语音、数据以及多媒体信息的高速传输。人机交互技术编写组139.1.3移动界面的输入方式目前主要的移动设备形式——智能手机与掌上电脑而言,由于尺寸较小、接口较为简单,全尺寸键盘、鼠标等诸多的传统的输入输出设备较难在移动界面中使用,因此需要设计专门的输入输出方式,以便适应移动界面的特点。人机交互技术编写组14移动界面的输入方式键盘输入手机键盘的设计主要还是从手机的主要功能即语音通信考虑的。由于每一个按键都是复用的,如数字键7和字母P、Q、R、S共用一个按键。T9输入法就是目前最为著名的一种解决方案。使用T9输入法的优越之处在于输入一个字以后,会提示一些可以合法组合的常见字,用户只需要简单地选择即可输入,大大降低了手机文字输入的疲劳程度,提高了批量文字信息的输入效率。人机交互技术编写组15移动界面的输入方式键盘输入软键盘(softkeyboard)是解决移动设备输入问题的又一重要方法。所谓的软键盘就是在移动设备屏幕上显示QWERTY键盘,用户在屏幕上选择软键盘上的键完成输入。这种输入形式在桌面计算机的Windows平台上的输入法中都可以见到。人机交互技术编写组16T9比软键盘输入法的效率高T9输入法所支持的手机键盘基于电话键盘设计的,手机用户群未必熟悉计算机;手机键盘采用一个按键对应于多个字符,键的大小自然可以更大,能更快的键入和更高的准确程度;手机键盘按键的设计更加紧凑,按键间距相对较小,手指移动距离短,也可以提高输入速度。人机交互技术编写组17移动界面的输入方式笔输入手写文字识别是一种文本的输入方式,作为键盘输入的一种替代方式。随着笔输入技术的日益成熟,目前笔输入技术的在包括平板电脑(TabletPC)、智能手机、掌上电脑等多种移动设备中的得到了广泛应用。近年来微软公司力推TabletPC,也在一定程度上对于笔输入的普及起了推波助澜的作用。笔输入是目前掌上电脑最主要的一种输入方式。特别在中国,由于汉字书写的复杂性,手写笔输入成为最自然、符合中国人书写习惯的输入方式。人机交互技术编写组18移动界面的输入方式在微软的TabletPC系统中称为数字墨水(DigitalInk),实际就是将笔迹信息作为一种新的数据类型做到了操作系统层,并提供相应的应用程序接口,供软件开发人员用于开发可以充分利用笔式输入便利的应用软件。人机交互技术编写组19移动界面的输入方式语音识别语音是人们在日常生活中进行交流最主要的手段,因此对于语音技术成为新一代多通道人机界面中的最重要技术之一的期望也就很容易理解了语音识别技术的研究工作始于20世纪50年代目前这个领域最具代表性的产品是IBM公司的Viavoice和DRAGON公司的NaturallySpeaking。可以通过将掌上设备作为语音门户网站(VoicePortal)的访问终端。在这种环境中,用户可以在办公室、家里或旅行途中随时随地通过手机等具有语音通信功能的移动设备与具备语音识别与合成技术的语音门户网站进行对话。人机交互技术编写组20移动界面的输入方式语音识别技术还可以用于人机界面的语音命令导航,使得用户可以直接用语音发出各种操作指令。目前的语音识别技术仍然存在着很多的问题,因此能够实现的应用领域还有一定的局限性,不会立即给人机交互方式带来本质性的影响。语音录制:可以随时在任何可执行屏幕手写或绘制操作的程序中进行语音录制,可以单独生成一段录音,还可以将一段录音嵌入文本便笺中。人机交互技术编写组219.1.4移动界面的输出方式主要是显示屏幕和声音输出显示技术显示屏的关键因素:分辨率、色彩、尺寸、功耗及显示响应速度。多种显示器:超扭曲阵列(Super-TwistedNematicSTN)、DSTN(DualSTN)、CSTN(ColorSTN)、薄膜式晶体管(ThinFilmTransistor,TFT)以及薄膜二极管(ThinFilmDiode,TFD)等。单色STN液晶屏:用简单的无源矩阵寻址方案,具有性能可靠、成本低、功耗也极低的特点。一些新的显示技术:有机发光二极管(OrganicLightEmittingDiode,OLED)和硅基液晶(LiquidCrystalOnSilicon,LCOS)。人机交互技术编写组229.1.4移动界面的输出方式声音输出手机与PDA等掌上设备的声音输出功能一般较弱。近年来,逐渐通过引入声音合成技术,使得其可以播放较为动听的MIDI(MusicalInstrumentDigitalInterface)电子音乐。移动设备的音乐合成技术主要包括两种:调频(FrequencyModulation,FM)合成与波表(WaveTable)合成。复音就是俗称的“和弦”,指的是音乐合成系统中能够同时发出的声音的数目,而并非音乐理论中的和弦。人机交互技术编写组239.1.5移动界面设计的新问题资源相对匮乏高档手机的显示分辨率也不过320×240,而且尺寸很小,同时无法展示网站丰富的多媒体内容。移动界面并非简单的缩小版的桌面系统的用户界面。桌面系统用户界面中采用的一般是并行展示其中各种选择可以在一个大小可调的屏幕中同时显示出来。移动界面中,这些选择只能采用顺序展示的方式。移动界面设计的难题就是如何在有限的资源条件下有效地为用户提供信息服务,提供的选择须根据重要性排列。人机交互技术编写组24移动界面设计的新问题移动设备的种类繁多在开发移动应用时需要专门针对某一型号的一种设备开发,大大增加了应用开发的复杂度。在移动界面的设计中,各设备的差异是移动应用开发过程中最需要关注的一个环节。移动界面具有一定的自适应性是解决问题的一种思路。人机交互技术编写组25移动界面设计的新问题连接方式复杂移动互联网的数据接入方式形式繁杂,多种标准并存,并在较长的一段时间内也很难完全统一。而移动设备的位置具有很强的移动性,同一设备可能在不同的时间段处于不同的网络连接条件下,网络的性能变化范围可能很大。移动的同时往往需要保持应用执行的连续性。应将网络连接状况视为一种资源,在设计时制订相应的策略。人机交互技术编写组26移动界面设计的新问题移动界面设计中的最大问题就是界面的定制。无论是移动设备各种资源的匮乏、种类与连接方式的繁复,最终均可以归结为根据需要定制合适的移动应用界面。人机交互技术编写组279.2移动界面的设计方法可用性设计原则移动界面导航移动界面设计要素人机交互技术编写组289.2.1可用性设计原则了解用户移动应用的用户不一定熟悉桌面计算机的操作移动证券软件的用户的目的是要了解股票行情或进行证券交易移动手机游戏的用户是为了打发时间或休闲娱乐……人机交互技术编写组29可用性设计原则了解目标平台移动设备的复杂性使得了解目标应用平台的相关细节显得尤为重要。重要的软硬件厂商往往会提供详细的规范文档,从中可以获得必要的目标平台信息。根据目标平台信息,开发个性化的版本,通过充分利用每种设备的优势特性提高移动应用的可用性。人机交互技术编写组30可用性设计原则易于检索避免嵌套过深的多级菜单,缩减不必要的功能。以满足用户的目标需要为准,尽量减少用户进行信息访问时所要采取的步骤。同时尽可能创建多种信息访问途径。人机交互技术编写组31可用性设计原则采用一致的界面风格不必要的差异常常会让用户感到不习惯,从而降低可用性。一致的界面风格对用户来说很直观。应当检查每个布局和每个显示来保证其一致性。各种移动应用开发平台都提供某种形式的应用界面的风格指南,仔细研究这些指南对于移动应用的界面设计非常重要。人机交互技术编写组32可用性设计原则避免不必要的文本输入尽量使用户避免不必要的文本信息的输入,而采用选择列表或模糊查询,即输入一部分查询关键词就可以获得检索目标或包含目标的列表可供用户选择,这样可以降低对于用户进行关键字文字输入的麻烦。人机交互技术编写组33可用性设计原则根据用户的要求使服务个性化允许应用保留用户信息以便能够记录用户的个性化信息,例如:可以利用cookie记录,或存储在该应用所在的服务器中。下一