人机交互界面设计课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,2012 CUIT School of software,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,2012 CUIT,人机交互工程,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,人机交互,-,界面设计原则,人机交互 -界面设计,界面设计原则,图形用户界面的主要思想,图形用户界面设计的一般原则,界面设计原则图形用户界面的主要思想,界面设计原则,命令行界面可以看作是第一代人机界面，其中人被看成操作员，机器只做出被动的反应，人用手操作键盘，输入数据和命令信息，通过视觉通道获取信息，界面输出只能为静态的文本字符。,图形界面可看作是第二代人机界面，是基于图形方式的人机界面。由于引入了图标、按钮和滚动条技术，大大减少了键盘输入，提高了交互效率。,多通道用户界面则进一步综合采用视觉、语音、手势等新的交互通道、设备和交互技术，使用户利用多个通道以自然、并行、协作的方式进行人机对话，通过整合来自多个通道的、精确的或不精确的输入来捕捉用户的交互意图，提高人机交互的自然性和高效性。,界面设计原则命令行界面可以看作是第一代人机界面，其中人被看成,图形用户界面的主要思想,桌面隐喻,所见即所得,直接操纵,图形用户界面的主要思想桌面隐喻所见即所得直接操纵,图形用户界面的主要思想,桌面隐喻,桌面隐喻是指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。,如图所示的图标均为人们所熟悉的图标，且一看就知晓其代表的意义，非常便于用户的操作。,图形用户界面的主要思想桌面隐喻 如图所示的图标均为人们,图形用户界面的主要思想,桌面隐喻（,IOS,操作系统中）,iOS,操作系统为开发者提供了很多的隐喻，因为他支持丰富的同行图像和手势。用户可以与屏幕中的物体进行物理交互，很多场景中的交互十分逼真。,iOS,的隐喻包括：,A.,音乐播放的倒退控制,B.,游戏中的拖拽、弹和刷操作,C.,滑动开关的操作,D.,选择转轮做选择,图形用户界面的主要思想桌面隐喻（IOS操作系统中） i,图形用户界面的主要思想,桌面隐喻（,IOS,操作系统中）,iOS,的隐喻包括：,A.,音乐播放的进退控制,B.,游戏中的拖拽、弹和刷操作,C.,滑动开关的操作,D.,选择转轮做选择,图形用户界面的主要思想桌面隐喻（IOS操作系统中）iOS的隐,图形用户界面的主要思想,所见即所得（,WYSIWYG,）,在,WYSIWYG,交互界面中，其所显示的用户交互行为与应用程序最终会产生的结果是一致的。,Microsoft Word,系列软件以粗体显示的文本打印出来仍然是粗体。,图形用户界面的主要思想所见即所得（WYSIWYG）,图形用户界面的主要思想,直接操纵,直接操纵是指可以把操作的对象、属性、关系显示地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据过程。,如图所示的是,Photoshop,中的逆向操作，用户可以很方便地恢复到出现错误之前的状态。有助于初学者进行学习。,图形用户界面的主要思想直接操纵 如图所示的是,图形用户界面设计的一般原则,界面要具有一致性,常用操作要有快捷方式,提供必要的错误处理功能,提供信息反馈,允许操作可逆,设计良好的联机帮助,合理划分并高效地使用显示屏幕,图形用户界面设计的一般原则界面要具有一致性,图形用户界面设计的一般原则,界面要具有一致性,Visio,中添加图形，相应的在状态栏中会有其属性相应的显示。,同一系统内界面风格保持一致。每种控件的只有一种样式：窗口、 按钮、菜单、对话框等；同一系统内字体、颜色、布局、位置、尺寸、间距等尽可能保持一种格式。,图形用户界面设计的一般原则界面要具有一致性 V,图形用户界面设计的一般原则,常用操作要有快捷方式,如上图所示本程序基本上所有的操作均具有快捷方式，且定义的快捷键均与流行软件的快捷键一致，如,Ctrl+C,，,Ctrl+Z,等。,提供快捷方式，更快的操作入口，以减少查找时间。,批处理操作，以减少操作过程的繁琐。,图形用户界面设计的一般原则常用操作要有快捷方式,图形用户界面设计的一般原则,提供必要的错误处理能力,如上图所示，系统会对所有可能造成损害的动作，坚持要求用户确认。,检测到错误、明确提示用户错误原因以及可能的操作指导，让用户指导怎么做。,错误容忍，必要时提供错误纠正。,发现因手误删除邮件，可以在已删除中找回。,图形用户界面设计的一般原则提供必要的错误处理能力,图形用户界面设计的一般原则,提供信息反馈,如图所示，系统提供进度条反映正在进行的比较耗时间的过程。,重要操作的操作结果可知。,根据用户输入提供相关的信息反馈，以减少方便用户输入或减少记忆负荷。,界面上提供的反馈和确认信息不要打扰用户的操作流程。,图形用户界面设计的一般原则提供信息反馈 如图,图形用户界面设计的一般原则,允许操作可逆,操作应该可逆，这对于不具有专业知识的操作人员相当有用。可逆的动作可以是单个的操作，也可以是一个相对独立的操作序列。对大多数动作应允许可逆，对用户出错采取比较宽容的态度。,用户操作恢复到指定点。,图形用户界面设计的一般原则允许操作可逆 操作应,图形用户界面设计的一般原则,设计良好的联机帮助,如上如所示，,office,提供了联机帮助，用户可以用关键词在帮助索引中搜索索要的帮助。联机帮助对于不熟悉的用户具有非常重要的作用。,根据用户操作场景的上下文内容，提供合适的帮助,。,图形用户界面设计的一般原则设计良好的联机帮助,图形用户界面设计的一般原则,合理划分并高效地使用显示屏幕,office,软件中，我们注意到，较为重要的命令按钮与使用频繁的按钮放置在易点位置；使用容易引起界面退出或关闭的按钮在横排最后；同时将与正在进行的操作无关的按钮屏蔽（即显示灰色）。,图形用户界面设计的一般原则合理划分并高效地使用显示屏幕,总结,该,PPT,主要介绍界面设计的原则，从图形用户界面的主要思想和原则出发，我们通过制作,PPT,后掌握了这个知识点。,个人观点：看似一丁点的知识要做成,PPT,，可是花费了很长时间哪，包括上次上上次的，都花了很长时间，做出来的还感觉不好。,总结 该PPT主要介绍界面设计的原则，从图形用,19,Thank you,！,19Thank you！,