用户界面设计的可用性.ppt

《用户界面设计的可用性.ppt》由会员分享，可在线阅读，更多相关《用户界面设计的可用性.ppt（35页珍藏版）》请在三一办公上搜索。

1、,用户界面的设计与可用性研究,The Research on User Interface Design and its Usability,用户界面的设计与可用性研究,机器更强大的功能，操作程序越来越复杂,增加的信息量,人脑处理能力,提出问题,？,？,解决问题,用户界面是人与机进行沟通的桥梁，是解决上述平衡问题的关键，研究用户界面可用性，进行用户界面设计，实现良好的人机交互，实现“以人为中心”的目标。,人脑进化几乎等于零,研究的背景与意义,1,用户界面的设计与可用性研究,电子技术的发展所形成的用户界面呈现多样性：数字产品(信息产品)的使用操作界面：手机、PDA,mp3 家电产品界面：电视遥控

2、器、洗衣机、冰箱 电脑、网页、软件、应用程序界面 企业工业设备及控制室界面,尤其是科技应用带给人类的愉悦和体验，各种界面的载体产品必将更加深入地影响生活的各个方面。将有越来越多的界面问题出现，界面设计将越来越受到重视。,研究的背景与意义,2,用户界面的设计与可用性研究,理论意义 国外用户界面及使用性研究已经相当成功，相当的体系化，而国 内这方面还处于起步阶段，理论体系尚未建立。对用户界面设计基本理论、设计评价与测试进行系统研究，为今 后相关理论发展研究提供参考。,实际意义 造型只是产品设计的一个组成部分，从本质上提高工业设计的水 平，用户界面 设计具有重要的意义和作用。通过界面设计相关学科的探

3、讨，的理论、方法、以及运用。建立 用户界面设计与可用性研究系统化的理论、科学的设计方法与评 价。为其研究提供理论依据，为其设计提供方法，为其评价提供 标准。用户界面设计是将“以人为中心”的理念落实到实处的重要途径。,研究的背景与意义,3,用户界面的设计与可用性研究,研究的思路,4,用户界面学,用户界面研究相关学科,用户界面设计相关研究,可用性工程学,用户界面构造、分类、菜单结构,用户认知研究,因素、步骤、手段、涉及学科,可用性评价方法及目标,五个要素,设计内容,设计过程,设计要点,通过要素建立的设计方法流程,评价与修正,用户界面的设计与可用性研究,用户界面构造及种类,人机系统示意图,用户界面,

4、与用户的双向交流部分,体系化的信息部分,机能部分（存储、清点、传动、防伪、显示、软件,操作部分（显示屏、操作键、角度、插入槽、吐钞口,5,用户界面的设计与可用性研究,用户界面构造及种类,用户界面的种类,图形用户界面（Graphic user interface简称 GUI）,产品的操作部位（User interface 简称UI）,产品外形（形状、尺寸）,产品（系统）的使用说明书,6,用户界面的设计与可用性研究,GUI中的菜单设计,无论是软件产品还是硬件产品的操作界面，几乎都涉及到菜单的设计。菜单是用户界面的重要组成部分，设计良好的菜单能够将系统语义（做什么）和系统语法（怎么做）直观的显示出来

5、。,菜单的结构,日本料理式,法国料理式,混合式,7,用户界面的设计与可用性研究,用户的认知研究,知觉,认识,感觉,人的信息处理机能,了解信息存在的阶段通过感觉器官接受外来刺激后产生（光，音，颜色，物体的存在）,了解信息种类的阶段刺激信息经处理后产生的（大小，形状状）,认识信息的阶段建立概念,用户的信息处理过程,感觉系统,视觉、听觉、触觉、味觉、嗅觉,8,用户界面的设计与可用性研究,用户的认知研究,人主要感觉与机的对应,9,用户界面的设计与可用性研究,用户的认知研究,用户认知和行为特性分析,注意 疲劳 人的易出错性 人机的特性比较 记忆、知识表达和思维与理解,10,用户界面的设计与可用性研究,用

6、户的认知研究,用户生理、心理、个人背景和使用环境的影响,用户界面设计与共用性设计,无论是用户界面设计、产品设计、环境设计，其工作的第一步就是对用户进行观察与研究，这是开展下一步工作的基础，也是整个设计的前提。,将用户的范围扩大，从“身边的人”“同样有需要的各种人群”，即为身边普通人设计时，也考虑到儿童、老年人、孕妇或残疾人等特殊人群。由此，共用性设计产生。,11,用户界面的设计与可用性研究,60岁与30岁个人体机能比较,共用性设计适用范围,用户的认知研究,12,用户界面的设计与可用性研究,用户的认知研究,用户界面的共用性设计的原则,原则一：用户使用的平等性原则二：用户使用的广泛性原则三：信息的

7、简单、直观性原则四：信息的可识别性原则五：对用户出错的宽容性,平等使用,适用广泛,简单、直观,可识别信息,宽容性,用户界面的共用性设计的原则,13,用户界面的设计与可用性研究,用户界面设计,用户界面设计四大内容,明确系统（产品）的目的 设计关键因素：用户要素 用户界面设计 界面设计评价,14,用户界面的设计与可用性研究,用户界面设计,明确系统（产品）的目的,1、明确目的2、明确系统和规格3、明确用户是谁4、明确人与系统的机能（任务）分配,15,用户界面的设计与可用性研究,用户界面设计,设计关键因素：用户要素,1、身体要素 设计要点：安全、省力、效率2、头脑要素 设计要点：易读、易懂3、时间要素

8、 设计要点：与工作相适应的时间4、环境要素 设计要点：照明、反射、色彩、嘈声5、相互运用要素 设计要点：系统需要多个用户参与，被多个用户共同使用,16,用户界面的设计与可用性研究,用户界面设计,用户界面设计,1、用户界面必需的设计要素：1）线索 2）用语3）要素间的对应关系 4）一贯性 5）反应和反馈6）动作原理,17,用户界面的设计与可用性研究,用户界面设计,2、信息的表现：1）信息的顺序性2）信息的阶层化 3）信息的连续性,用户界面设计,18,用户界面的设计与可用性研究,用户界面设计,3、符号设计：1）视觉符号的分类a、指示性的符号b、图形性的符号c、象征性的符号d、隐喻性的符号2）用户界

9、面设计中符号的特性 a、认知性b、普遍性c、约束性d、独特性,用户界面设计,a,b,c,a,b,19,用户界面的设计与可用性研究,4、色彩设计：界面设计中的色彩分析及用色原则 1）硬件界面色彩设计（1满足产品的功能要求 要点：色彩与功能相匹配（2满足人机相适应的要求 要点：符合人的特性（3满足作业环境的要求 要点：色彩与环境匹配2）软件界面色彩设计（1根据对象的重要性选择颜色（2各种颜色设计应该一致（3按照用户习惯选取色彩（4背景色一般选用饱和度低的浅色（5注意背景色与前景色搭配,用户界面设计,用户界面设计,20,用户界面的设计与可用性研究,5、形状信息（对操作）的诱导性 形状诱导性的目的在于

10、使用户能正确，自然地进行操作，是符合用户心理模型的表现。例如，电话机的拱起形状暗示用户握持该部分拿起听筒；键盘的下凹形状键诱导用户向下敲打键盘。,用户界面设计,用户界面设计,21,用户界面的设计与可用性研究,用户界面设计,用户界面评价就是把界面的软、硬件系统按照其性能、功能、界面形式、可用性等方面与某种预定的标准进行比较，对其做出评价。,界面设计评价,对于任何用户界面都可以使用不同的三类指标，它们是：1设计功能的评价2设计效果的评价3设计问题的诊断,22,用户界面的设计与可用性研究,用户界面的可用性研究,国际标准化组织(ISO)在ISO 9241-11(Guide on Usability,1

11、997)国际标准对可用性作了如下定义：产品在特定使用环境下，为特定用户用于特定用途时所具有的有效性(effectiveness)、效率(efficiency)和用户主观满意度(satisfaction)，即用户能否使用产品完成其任务，效率如何，主观感受怎样。,可用性（Usability）定义,用户体验（user experience）,用户体验包括4个方面：品牌、功能性、使用性、内容。,23,用户界面的设计与可用性研究,用户界面的可用性研究,用户界面可用性设计特征,1、以用户为中心（user-centered design-UCD）的设计2、特定的可用性标准1）系统状态具有可视性2）用户拥有控

12、制权及自主权3）系统应与用户习惯相符合4）一致性5）预防错误6）帮助用户识别、诊断和改正错误7）强调识别而非记忆 8）适用的灵活性及有效性9）最小化设计10）帮助及文档3、迭代设计,24,用户界面的设计与可用性研究,用户界面的可用性研究,可用性测试方法,1）用户模型法2）用户调查法3）专家评审法4）观察法,可用性测试是测试者邀请用户使用设计原型或产品完成操作任务，并通过观察、记录和分析用户行为和相关数据，对界面可用性进行评估的一种方法。,可用性测试,25,用户界面的设计与可用性研究,用户界面设计的五个要素分析,五个要素,图形用户界面,产品外形,产品的操作部位,产品（系统）的使用说明书,头脑要素

13、,时间要素,环境要素,相互运用要素,用户界面的种类,身体要素,用户界面五个要素分析框架,26,用户界面的设计与可用性研究,用户界面设计的五个要素分析,图形用户界面（Graphic user interface简称 GUI）,1、图标设计 运用要素：头脑要素、环境要素,2、信息显示界面设计 运用要素：头脑要素、时间要素,27,用户界面的设计与可用性研究,产品的操作部位 运用要素：头脑要素、身体要素,1、操作与显示的对应关系设计A、操作器与显示器在空间位置关系上的一致性 B、操作与显示在运动方向上的一致性2、操作的舒适性3、按键的暗示作用,用户界面设计的五个要素分析,28,用户界面的设计与可用性研

14、究,用户界面设计的五个要素分析,产品外形（形状、尺寸）运用要素：身体要素,1、适合手的尺寸（手工具、操作部位）2、“省力”的设计3、引导性设计,29,用户界面的设计与可用性研究,用户界面设计的五个要素分析,产品（系统）的使用说明书 运用要素：头脑要素、相互运用要素,30,用户界面的设计与可用性研究,用户界面设计的方法流程,用户界面设计的过程,1、构筑系统的整体框架 2、抽取用户的需求（信息）3、岗位工作分析 4、明确用户方面的设计要求项目 5、评价与验证,31,用户界面的设计与可用性研究,用户界面设计的方法流程,用户界面设计流程图,通过五个要素建立用户界面设计的方法流程图,通过身体要素建立方法

15、流程图,通过头脑要素建立方法流程图,通过时间、环境、相互运用要素建立方法流程图,32,用户界面的设计与可用性研究,研究结果与展望,小结1、通过对用户界面学的研究，得出了用户界面的构造，对用户界面和菜单结构进行了 系统的分类。同时通过研究可用性工程学总结了现有的用户界面的可用性测试方法。2、通过研究认知心理学，对用户的认知过程、用户认知行为特性进行了全面的分析，提出了用户设计应考虑的五个要素。3、通过对用户界面设计相关学科的研究，了解了设计中考虑要素、手段等，提出了用户界面设计必需的设计要素、信息的表现、形状信息的诱导性、符号色彩设计原则，进而得出了用户界面设计的四大内容。4、通过1和2得出的结论，交叉的分析用户界面设计实例总结出各个要素设计要点。5、通过前三点得出的结论，总结出了用户界面设计的过程6、综合以上提出了运用1）身体要素 2）头脑要素 3）时间要素 4）环境要素 5）相互运用要素，五个要素以全新的角度来分析用户界面的设计的思路，并且通过这五个要素建立起了用户界面设计的方法框架。,33,用户界面的设计与可用性研究,总结与展望,展望1、交互方式的多样化和自然化。2、小型与隐型的趋势 3、服务方式的兴起 4、个性化的进一步满足 5、用户界面的共用性 6、自然交互,34,