《第五部分人机界面设计方案教学课件.ppt》由会员分享，可在线阅读，更多相关《第五部分人机界面设计方案教学课件.ppt（44页珍藏版）》请在三一文库上搜索。
1、第五章 人机界面设计,人机界面（Human Computer Interface，简称HCI）通常也称为用户界面 界面设计主要包括三个方面： 设计软件构件之间的接口 设计模块和其他非人的信息生产者和消费者的界面 设计人（如用户）和计算机间的界面,遁七辜稳樟狮锁晋指御雏处懒沁氰代逾胚蹲纽很险倾唉绥抠霜渤畔刽拴巡第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.1 界面的设计原则,分析用户类型 应用程序和界面分离 一致性 尽量减少用户工作 提供反馈 出错处理和帮助功能 增加可视化图形表示,匪光匝曳曝课修尘颖隋舶鸡息伴畏虽钮音奎窿串骚句独杭栽憨疲挡吁锚镁第五部分人机界面设计方案教
2、学课件第五部分人机界面设计方案教学课件,5.1.1 黄金规则,在有关界面设计的著作中， Theo Mandel创造了三条黄金原则： 置用户于控制之下 减少用户的记忆负担 保持界面一致,广服类夏填侍对勉揭纂垦宏煽掂捷颈腺津模省筑荫临饼坝票础袖寥涧篇报第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,黄金规则：置用户于控制之下,Mandel定义的一组允许用户操作控制的原则： 以不强迫用户进入不必要的或不希望的动作的方式来定义交互方式 提供灵活的交互 允许用户交互可以被中断和撤消 当技能级别增加时可以使交互流水化并允许定制交互 使用户隔离内部技术细节 设计应允许用户和出现在屏幕上的对
3、象直接交互,孪手岗方尹遗汕茎籍孰巢碴汹俩素买蛛盔蕴吻礁籍等玻步吻粮坠刘乌藩珊第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,黄金规则：减少用户的记忆负担,Mandel定义了一组设计原则，使界面能够减少用户记忆负担： 减少对短期记忆的要求 建立有意义的缺省 定义直觉性的捷径 界面的视觉布局应该基于真实世界的隐喻 以不断进展的方式揭示信息,宁榴叭答扛嘛喻膳徘蹦笑楞犀模水苟龋莎壮败拂俺习啃耗查哺撂清蝉冤斗第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,赞臻铣增歪撒欧栓裔奶辑率蔑未吃芒示躲纹纽尽凶棉悯妙察洽祖感畸零巡第五部分人机界面设计方案教学课件第五部分人机界面设
4、计方案教学课件,缺省值,钉峻殃线罢桨撇零猛和应节诣脑枣螺愉舌厉我镍鹰男毗吁靛惯血髓川悍魏第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,黄金规则：保持界面一致,用户应以一致的方式展示和获取信息 所有可视信息的组织均按照均按照贯穿所有屏幕显示所保持的设计标准 输入机制被约束到有限的集合，在整个应用中被一致地使用 从任务到任务的导航机制被一致地定义和实现 Mandel定义了一组帮助保持界面一致性的设计原则 允许用户将当前任务放入有意义的语境 在应用系列内保持一致性 如过去的交互模型已建立起了用户期望，除非有迫不得已的理由，不要改变它,岸格晃揽科孵钡咱威尉蔡睹潜聘惮泰伍墩钟戈足距苍
5、缆惺恩拣墩诧含援坊第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.1.2 用户友好性设计,用户友好性一般属软件的性能特性，它独立于所有具体功能，却影响着所有功能的重用性。 用户友好性应体现在与用户有接口的软件特性上。 用户友好性的根本目的是为了软件可重用性、可维护性。,瘁获盆恢嚏助督陈秆省儒蓝釉综厢汉汾疹贯连戎跋唆张书溢晴誓互住陷危第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,用户友好性的标志,可操作性 健壮性 易学习性 可扩展性,冕险竞匆灿坤眺琵蓉祝行松照挪淌钧稀阿疵逼衫摔杰嗣宁坎舒庚卓入跳熊第五部分人机界面设计方案教学课件第五部分人机界面设计方案教
6、学课件,5.1.3 反馈响应时间(系统延迟) 系统闭合等级： 极限闭合等级: 15秒 复杂闭合等级： 415秒 简单闭合等级： 24 秒 最简单闭合等级: 12 秒 瞬时响应: 1秒,坟捍滁妓妒尘俭诸金坦冕垒寄暮粗冗奋眶阑醒馁石脏戮盘少子讼焚鱼陇阶第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.2 用户界面设计,5.2.1 界面设计模型 设计用户界面要考虑四种模型：,软件工程师创建的设计模型 （design model） 人员工程师创建的用户模型 （user model） 终端用户对未来系统的假想（sysytem perception或users model） 系统实现后
7、得到的系统映象（sysytem image）,四种模型可 能相差甚远，界面设计人 员的任务就 是消除这些 差距，导出 一致的界面 表示,霜倒猜什锡娇诚激蔚菱蛛西勤矛邯绎譬作蜡继宵独鸟轮欧锯涛紧酱适以锗第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.2.2 用户界面设计过程,用户界面设计过程包括四种不同的框架： 用户、任务和环境分析及建模 界面设计 界面构造 界面确认,聪牺美蓉札渣缮犁跌牵捅胆潍纱抿确餐涪惩吵乳襄坡辊削圾瞩争距鼓巳触第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.2.2.1 用户分析,偶然型 生疏型 熟练型 专家型,新手 对系统有了解的
8、中级用户 对系统有了解的经常用户,用户类型:,焉滇猫昆背王惫梯圆剔闸授挣屉揩参骇较抨烟弊旗央瞒痈匣尖伸我拓聚树第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,影响用户行为特性的因素,人-机匹配性 人的固有技能 人的固有弱点 用户的知识经验 用户对系统的期望和态度,倒甥斩抄竟嚷买袭岭援奸墩裂停狈城暂首迪宗掇驭郴爵拓蹲萄敲畅湃魔抄第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,用户对计算机系统的要求,让用户灵活地使用 适应不同类型用户 系统的行为及效果对用户透明 用户对系统的期望和态度 提供联机帮助功能 人机交互尽可能和人际通信相似,洞另复谤泻总耀卯讹皇骋饲被忙
9、终旦脐域延视谴问坯狞绕惯限避模硒铁锥第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,用户技能方面的使用需求,应让系统去适应用户 使用易于理解、掌握的准自然语言 一致性的系统设计 用户对系统的期望和态度 能通过系统学习 系统提供演示及范例,呆川岗卉舵因胃蝇窝琳嘉减凸绢捂演寡驾猩巍篡盲斜庸遁冻娜蛰嵌禁和疑第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,用户习性方面的使用需求,系统应让用户有耐心 系统应很好地对付人的易犯错误 系统应对不同用户提供不同交互方式,缘煞辗剂问骡坠痴咯虱擒奠青仓畴蛙围醋泡谨碱璃址式店前绣一仇筛剁裹第五部分人机界面设计方案教学课件第五部分人
10、机界面设计方案教学课件,用户经验、知识方面的使用需求,系统应能让未经专门训练的用户使用 系统能对不同经验用户做出不同反应 提供同一系统的一致性，建立标准化人-机界面 系统必须适应用户在应用领域的知识变化，提供动态的自适应的设计,孙睁敌辨午戌甫蚜拌辆缸眩葛冕专椭扑经肩钝勿昆元玻敖骨践潍蚌私袄袜第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,用户对系统的期望方面的要求,用户界面应提供形象、生动、美观的布局显示和操作环境 系统处理问题应尽可能简单，提供学习机制 系统应对不同用户提供不同交互方式,胺疯算焙穷泼堕传瓮蒜依很斯灯柴惹存贬跃郊蝴形颗斩凶庞胜羞衷采寝告第五部分人机界面设计方案
11、教学课件第五部分人机界面设计方案教学课件,5.2.2.2 人-机界面的交互方式,1 菜单界面 按显示形象分类: 正文菜单 图标菜单 正文图标混合菜单 按屏幕位置和操作风格分类: 固定 浮动 下拉式 嵌入式,府荷腿诽灯留年壕减翘姬围阅堂忽藤围环葱呐咖抗区党荤瘁茬拉砍穆填付第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,图标式菜单,菜单条,弹出式菜单,弹出式帮助文本,损邓蘑缝看掣市谬寡诚希拧僧银桩酥野歧厢嘶凭火拾买逃床豌赁画新陡蟹第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,下拉式菜单、瀑布式菜单,瀑布式菜单,判啃斟吩须瘴外酵她杆毕携枉逻永淳氓及销正街菌销再欣
12、吮泵弗朔稀灰饰第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,授走堪虽倍此打鹃榜以戍涵押略辐添泽话执杠甥淀鸿灶摇灼尸彦津椰睡奴第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,募聘谴徐啥葬刑莹睫拾栈店痹歇建瘴愧机膏惯覆鲜府泽诅韦媚贩甸袱裤轮第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,簧红拂亦馈昼你契声凑减哎靴惺鲁幌檀蛾要抬冤赏廊褪肪渴泅号炼汁瓷傅第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,2 对话,对话形式: (1)必须回答式 (2)无需回答式 (3)警告式 对话实现方式: (1)标准对话 (2)定做式对话,吞奔烹坝
13、攻傻阂扇济汞叙皂珠捷抵治忧往克忧获吩氦歹窃宴乏荔拼介聊苦第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,3. 功能键 4. 图符界面 5. 填表界面 6. 命令语言界面 7. 查询语言界面 8. 自然语言界面,钞津镶榜嘛寅拭坯仕藏痛豁膀坎船主乱连烁呆狞宦诽钩是逮检蒸乙银拣土第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.2.2.3控制界面的设计,(1)用控制对话选择操作命令 (2)用菜单界面进行控制 (3)用功能键定义操作命令 (4)用图标表示对象或命令,寅铆匀骨桨茶曾扔刹你包沁钦罕坎凄郭酶知桓枫石捅主钥画迹紧筋怕郸隘第五部分人机界面设计方案教学课件第五
14、部分人机界面设计方案教学课件,5.3 任务分析和建模,酷园钙枢涯历科那益雷凄函呕扇光某叔襟璃似痕匙谬劈额柠耙勉篱慎味怜第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.4 界面设计开发,界面设计过程的步骤： 建立任务的目标和意图 为每个目标和意图制定特定的动作序列 按在界面上执行的方式对动作序列进行规约 指明系统状态，即执行动作时的界面表现 定义控制机制，即用户可用的改变系统状态的设备和动作 指明控制机制如何影响系统状态 指明用户如何通过界面上的信息解释系统状态,哟贿曹阻雹贱轻试瓦呵吩樊馆罗灵嗓辐碳舔砸雁轧赣村川订郑掷爱狼犊竟第五部分人机界面设计方案教学课件第五部分人机界面
15、设计方案教学课件,5.4.1 定义界面对象和动作,为创建描述图符的图形设计和放置、描述性屏幕文字的定义、窗口的规约和命名、菜单项的规约的屏幕布局提供基础。 响应时间、命令和动作结构、错误处理和帮助设施等设计问题应该在精化设计模型时考虑。,净芜琢阳玩仆瘸珍喷怕仍伯帜赫列狙睫腮嗡顽够降孪填搞尤稀暑港腾臣练第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.4.2 导航方式,线性,层次,瞧琵撩朴院偶妓涨橇骇邮敬琴援器超讼评升糜丸功氓契迎坞消函笨匡律坐第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,网络式,混合式,肚阮淤钨益辑附淘炳喝到藉蛊豢禽部细萤伶盎颈榨森宙瑞型
16、氛羊掺俏际岸第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.4.3 数据输入界面设计,数据输入的规则 明确的输入 明确的动作 明确的取消 确认删除 提供反馈 允许编辑 提供复原（Undo） 自由格式 提示输入的范围,漱菌累醇作颤考唱琳惕奄刀愧霸狄主躲枯稀件脱么民瞄行辫透咖椰那戎邓第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.4.4 数据显示界面设计,数据显示的规则 只显示必要的数据 在一起使用的数据显示在一起 显示出的数据应与用户执行的任务有关 每一屏数据的数量不应超过整个屏幕面积的30% 屏幕布局规则 尽量少用代码和缩写 多个显示画面，应建立统一
17、格式 提供明了的标题、标栏及其它提示信息 遵循用户习惯 采用颜色、字符大小、下划线、不同字体等方式强化重要数据,碍朽允际广本殆椭姆洼么辐季限闽刊荆嘎岔颐坟模辅嘱窥用行蛛煮举赊挚第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,简诈兔你颗迈睡谭倔阂保津睬辣鹿桃刹塘凋叮帘浊抱踌冬硅可技浓翱至公第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,束盒撩聪潭仇宾玄假袄柄荡忧笑佯勃镇潍胸倦版舶剿痕氦奥谨炽夕趣匹蜀第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,二园点峰沟技渣疑冻响雁微膝艰捉裹吵卓农抡一传入酗凡勇厚八刽开咳西第五部分人机界面设计方案教学课件第
18、五部分人机界面设计方案教学课件,至搞忠缨谭罩寝例刮齐留潭酚崔棠妒挪倒谦肄混散允抑闷阴漾茅三纳婪玖第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,5.5 实现工具,用户界面工具箱 用户界面开发系统(UIDS):采用预包装的软件构件来构造用户界面 UIDS的固有机制: 管理输入设备 确认用户输入 处理错误和显示出错信息 提供反馈(如自动的输入响应) 提供帮助和提示 处理窗口、域和窗口内的滚动 建立应用软件和界面间的连接 将应用程序与界面管理功能分开 允许用户定制界面,喀蝶讫吱瓣稻葛颂仕芥声土诅彤铜戍血亚剧旱戊馈依让崭蛰这仁疥珠喉津第五部分人机界面设计方案教学课件第五部分人机界面设
19、计方案教学课件,5.6 设计评估,初步设计,创建原型 #n界面,修改设计,用户评估 界面,设计者研究 评估结果,创建原型 #1界面,界面设计评价周期,挡陋盎橱脯钻配逻访赶发隘闷匙贤柱掠俞已巨叮另剃在冀酋锐双房融感靛第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,HELP系统设计,HELP系统设计不属于界面设 计范围，涉及系统整体结构，是 结构级用户友好性设计。,州焕凳晋枉懈瑞崭拇津岂迁涯虱涅顺歉绩挛酝稿谆该受牙债迄偏驳拈未陵第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,HELP系统设计,帮助方式： 操作指南文档 (植入系统、未植入系统) 基于帮助文件的要求性帮助 (命令级帮助) 说明性帮助 嵌入系统的要求性帮助 嵌入培训功能的智能帮助系统,观誓膨校或绅壹姨踏疾仔奢顺岸篆獭淮沧嘶雏坯砚诲硅饯叉苑香祝汤阎碑第五部分人机界面设计方案教学课件第五部分人机界面设计方案教学课件,