《移动界面设计》PPT课件.ppt
《《移动界面设计》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《移动界面设计》PPT课件.ppt(78页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第第10讲讲 移动界面设计移动界面设计1主要内容提要n移动界面的基本概念n移动界面的设计方法n移动界面的实现技术n移动界面设计的实例 210.1移动界面基本概念 n互联网和移动通信,作为迈向信息社会的两个重要标志,分别适应了人们对信息资源的丰富性以及信息获取方式的灵活性与移动性的需求。n互联网与移动通信已经逐渐形成了信息产业中潜力巨大、前景可观的两大领域,同时也催生了结合二者的技术优势,目标在于向用户提供灵活的、不受信息源和用户访问位置等各种限制的信息服务的移动互联网(Mobile Internet)技术。3移动界面的设计n移动界面的设计成为人机交互技术研究的一个重要方向。一方面,移动应用的界
2、面设计符合人机交互设计的一般规律,可以利用人机交互界面的一般设计方法;另一方面,由于移动设备的便携性、位置不固定性和计算能力有限性以及无线网络的低带宽高延迟等诸多的限制,移动界面设计又具有自己的特点。4移动设备与连接方式 n目前主要的移动终端设备种类包括手机、掌上电脑PDA(Personal Digital Assistant)、笔记本电脑以及各种特殊用途的移动设备如车载电脑。基于可移动性(mobility)的考虑,目前移动互联设备以智能手机与掌上电脑为主。5移动互联网的数据接入方式n移动互联网的数据接入方式目前也是多种标准并存,没有完全统一。主要形式包括:n无线局域网(Wireless Lo
3、cal Area Network,WLAN)n无线城域网(Wireless Metropolitan Area Network,WMAN)n无线个域网(Wireless Personal Area Networks,WPAN)n高速无线数据通讯系统以及卫星通讯等 6移动互联网的数据接入方式n无线局域网采用无线的方式提供传统有线局域网的所有功能,具有极大的灵活性。n无线城域网技术的目标是提供类似于有线Modem、DSL(Digital Subscriber Line),以太网以及光纤网等有线方式的高速Internet接入,优势是可以在较大的地理区域内无须布线。n继无线局域网(WLAN)和无线城域
4、网(WMAN)之后,各种形式的便携式移动设备的不断涌现,促进了无线个域网的出现,使移动互联网的接入方式更为丰富。7高速无线数据通信n是在无线语音通信系统之上发展起来的,分为三代:n第一代是模拟无线网络,20世纪的80年代,目前在我国已基本淘汰。n第二代是数字语音通讯系统和数字通信系统,常见的有九十年代出现的欧洲的全球移动通信系统GSM(Global Systems for Mobile Telecommunications,GSM)、美国的窄带CDMA(Code Division Multiple Access)。n第三代,即3G(Third Generation)阶段,目标是采用数字技术实现
5、语音、数据以及多媒体信息的高速传输。8移动界面的输入方式 n目前主要的移动设备形式智能手机与掌上电脑而言,由于尺寸较小、接口较为简单,全尺寸键盘、鼠标等诸多的传统的输入输出设备较难在移动界面中使用,因此需要设计专门的输入输出方式,以便适应移动界面的特点。9移动界面的输入方式n键盘输入键盘输入 手机键盘的设计主要还是从手机的主要功能即语音通信考虑的。由于每一个按键都是复用的,如数字键7和字母P、Q、R、S共用一个按键。T9输入法就是目前最为著名的一种解决方案。使用T9输入法的优越之处在于输入一个字以后,会提示一些可以合法组合的常见字,用户只需要简单地选择即可输入,大大降低了手机文字输入的疲劳程度
6、,提高了批量文字信息的输入效率。10移动界面的输入方式n键盘输入键盘输入n软键盘(soft keyboard)是解决移动设备输入问题的又一重要方法。n所谓的软键盘就是在移动设备屏幕上显示QWERTY键盘,用户在屏幕上选择软键盘上的键完成输入。n这种输入形式在桌面计算机的Windows平台上的输入法中都可以见到。11T9比软键盘输入法的效率高nT9输入法所支持的手机键盘基于电话键盘设计的,手机用户群未必熟悉计算机;n手机键盘采用一个按键对应于多个字符,键的大小自然可以更大,能更快的键入和更高的准确程度;n手机键盘按键的设计更加紧凑,按键间距相对较小,手指移动距离短,也可以提高输入速度。12移动界
7、面的输入方式n笔输入笔输入n手写文字识别是一种文本的输入方式,作为键盘输入的一种替代方式。n随着笔输入技术的日益成熟,目前笔输入技术的在包括平板电脑(TabletPC)、智能手机、掌上电脑等多种移动设备中的得到了广泛应用。n近年来微软公司力推TabletPC,也在一定程度上对于笔输入的普及起了推波助澜的作用。n笔输入是目前掌上电脑最主要的一种输入方式。特别在中国,由于汉字书写的复杂性,手写笔输入成为最自然、符合中国人书写习惯的输入方式。13移动界面的输入方式n语音识别语音识别 n语音是人们在日常生活中进行交流最主要的手段,因此对于语音技术成为新一代多通道人机界面中的最重要技术之一的期望也就很容
8、易理解了 n语音识别技术的研究工作始于20世纪50年代目前这个领域最具代表性的产品是IBM公司的Viavoice和DRAGON公司的Naturally Speaking。n可以通过将掌上设备作为语音门户网站(Voice Portal)的访问终端。在这种环境中,用户可以在办公室、家里或旅行途中随时随地通过手机等具有语音通信功能的移动设备与具备语音识别与合成技术的语音门户网站进行对话。14移动界面的输入方式n语音识别技术还可以用于人机界面的语音命令导航,使得用户可以直接用语音发出各种操作指令。n目前的语音识别技术仍然存在着很多的问题,因此能够实现的应用领域还有一定的局限性,不会立即给人机交互方式带
9、来本质性的影响。n语音录制:可以随时在任何可执行屏幕手写或绘制操作的程序中进行语音录制,可以单独生成一段录音,还可以将一段录音嵌入文本便笺中。1510.1.4 移动界面的输出方式 n主要是显示屏幕和声音输出主要是显示屏幕和声音输出n显示技术显示技术 n显示屏的关键因素:分辨率、色彩、尺寸、功耗及显示响应速度。n多种显示器:超扭曲阵列(Super-Twisted Nematic STN)、DSTN(Dual STN)、CSTN(Color STN)、薄膜式晶体管(Thin Film Transistor,TFT)以及薄膜二极管(Thin Film Diode,TFD)等。n单色STN液晶屏:用简
10、单的无源矩阵寻址方案,具有性能可靠、成本低、功耗也极低的特点。n一些新的显示技术:有机发光二极管(Organic Light Emitting Diode,OLED)和硅基液晶(Liquid Crystal On Silicon,LCOS)。1610.1.4 移动界面的输出方式n声音输出声音输出n手机与PDA等掌上设备的声音输出功能一般较弱。近年来,逐渐通过引入声音合成技术,使得其可以播放较为动听的MIDI(MusicalInstrumentDigitalInterface)电子音乐。n移动设备的音乐合成技术主要包括两种:调频(FrequencyModulation,FM)合成与波表(Wave
11、Table)合成。n复音就是俗称的“和弦”,指的是音乐合成系统中能够同时发出的声音的数目,而并非音乐理论中的和弦。1710.1.5 移动界面设计的新问题 n资源相对匮乏资源相对匮乏 n尺寸很小,同时无法展示网站丰富的多媒体内容。n移动界面并非简单的缩小版的桌面系统的用户界面。n桌面系统用户界面中采用的一般是并行展示其中各种选择可以在一个大小可调的屏幕中同时显示出来。n移动界面中,这些选择只能采用顺序展示的方式。n移动界面设计的难题就是如何在有限的资源条件下有效地为用户提供信息服务,提供的选择须根据重要性排列。18移动界面设计的新问题n移动设备的种类繁多移动设备的种类繁多 n在开发移动应用时需要
12、专门针对某一型号的一种设备开发,大大增加了应用开发的复杂度。n在移动界面的设计中,各设备的差异是移动应用开发过程中最需要关注的一个环节。n移动界面具有一定的自适应性是解决问题的一种思路。19移动界面设计的新问题n连接方式复杂连接方式复杂n移动互联网的数据接入方式形式繁杂,多种标准并存,并在较长的一段时间内也很难完全统一。n而移动设备的位置具有很强的移动性,同一设备可能在不同的时间段处于不同的网络连接条件下,网络的性能变化范围可能很大。n移动的同时往往需要保持应用执行的连续性。n应将网络连接状况视为一种资源,在设计时制订相应的策略。20移动界面设计的新问题n移动界面设计中的最大问题就是界面的定制
13、。无论是移动设备各种资源的匮乏、种类与连接方式的繁复,最终均可以归结为根据需要定制合适的移动应用界面。2110.2移动界面的设计方法 n可用性设计原则 n移动界面导航 n移动界面设计要素 22可用性设计原则 n了解用户了解用户 n移动应用的用户不一定熟悉桌面计算机的操作 n移动证券软件的用户的目的是要了解股票行情或进行证券交易 n移动手机游戏的用户是为了打发时间或休闲娱乐 n23可用性设计原则n了解目标平台了解目标平台 n移动设备的复杂性使得了解目标应用平台的相关细节显得尤为重要。n重要的软硬件厂商往往会提供详细的规范文档,从中可以获得必要的目标平台信息。n根据目标平台信息,开发个性化的版本,
14、通过充分利用每种设备的优势特性提高移动应用的可用性。24可用性设计原则n易于检索易于检索 n避免嵌套过深的多级菜单,缩减不必要的功能。n以满足用户的目标需要为准,尽量减少用户进行信息访问时所要采取的步骤。n同时尽可能创建多种信息访问途径。25可用性设计原则n采用一致的界面风格采用一致的界面风格 n不必要的差异常常会让用户感到不习惯,从而降低可用性。n一致的界面风格对用户来说很直观。n应当检查每个布局和每个显示来保证其一致性。n各种移动应用开发平台都提供某种形式的应用界面的风格指南,仔细研究这些指南对于移动应用的界面设计非常重要。26可用性设计原则n避免不必要的文本输入避免不必要的文本输入 n尽
15、量使用户避免不必要的文本信息的输入,而采用选择列表或模糊查询,即输入一部分查询关键词就可以获得检索目标或包含目标的列表可供用户选择,这样可以降低对于用户进行关键字文字输入的麻烦。27可用性设计原则n根据用户的要求使服务个性化根据用户的要求使服务个性化 n允许应用保留用户信息以便能够记录用户的个性化信息,例如:可以利用cookie记录,或存储在该应用所在的服务器中。n下一次用户启动应用时可以得到个性化的服务。28可用性设计原则n最大限度地避免用户出错最大限度地避免用户出错 n预测用户可能出现的错误,提供相应的机制尽可能避免。n例如:如果用户要输入日期,可以采用格式化输入的方法,检查用户输入是否全
16、部是数字,而且代表日期、月份以及年份的数字的取值范围是否在合法的范围内。29可用性设计原则n文本信息应当本地化文本信息应当本地化 n要根据应用所使用的地域特点,使应用本地化。例如,在美国使用zipcode(邮政编码)术语,而在英国和澳大利亚使用post或postal code(邮政编码)。有时,用词得当与否也可以决定某种应用可用性的好坏。词义表达清楚是关键,要避免使用含混不清的用语。30可用性设计原则n进行用户测试进行用户测试 n检验用户界面功能的唯一可靠方法是对实际的最终用户进行测试。n专家分析与咨询专家分析与咨询 n单用户测试单用户测试 n群组测试群组测试 n满意度调查满意度调查 n最终用
17、户分析最终用户分析 31可用性设计原则n可用性专家评估可用性专家评估n从用户的角度对产品进行评估,对一个应用软件的所有功能进行分析,并对已存在或可能会出现的可用性问题进行记录。n单用户测试单用户测试 n将产品交给实际的最终用户使用,并由可用性分析人员观察其使用情况,以便发现用户在什么环节遇到问题,以及用户是否使用了所有的功能等。n群组测试群组测试 n进行群组测试可以分为七个步骤,分别是:确定产品的目标用户群;从不同渠道召集测试参加者;设计安排测试情景、任务、以及需要测试者回答的各种问题;实际测试;分析结果;撰写报告;反馈结果给开发者。32可用性设计原则n满意度调查满意度调查n通过标准的统计数据
18、,就可用性问题对用户体验的影响进行评价。n最终用户分析最终用户分析 n最终用户分析包括市场分析、用户群划分等工作。在开发的初始阶段必须确定用户群组,以便明确应用开发的要求,这有助于开发者设计出满足市场需求的产品,并确定设计思路。33移动界面导航 n一般应该在应用设计完成后,建立导航流程图表,规划移动应用的导航流程。n导航设计的基础是按传统的树结构编排的层次状态结构。n在层次状态结构中,每一节点代表一个状态,一般是一个新的显示画面。n用户点击按键打开一个可选项,或从菜单中选中一项,实现状态转换的过程。n返回功能一般返回到层次树的上一级,初始状态下返回功能就是退出,将关闭该应用。34导航流程图表
19、11-11-21-31-1-11-1-21-2-11-3-11-3-21-3-3层次状态结构示意图 35有同层次之间相互访问的导航 11-11-21-31-1-11-1-21-2-11-3-11-3-21-3-3加入同层次访问的层次状态结构示意图图结构36一个手机游戏的导航流程图表欢迎界面主菜单退出继续新游戏选项积分榜帮助游戏确认GameOver退出示例导航流程图表37移动界面设计要素 n移动界面也包含很多种类的设计要素,主要界面设计元素有:n菜单 n按钮 n多选列表 n文字显示 n数据输入 n图标与图像 n报警提示 n移动多媒体 38移动界面设计要素n菜单n主要目的用于提供项目选择。n设计移
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动界面设计 移动 界面设计 PPT 课件
限制150内