哈工大第1章概述课件

第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/20221哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/2第一章概述本章内容提要

1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/20222哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.人机系统模型第一章概述1.1人机界面的概念人机系统模型11/24/20223哈工大软件学院1.人机系统模型第一章概述1.1人机界面的概念第一章概述1.1人机界面的概念2.广义的人机界面在人机系统模型中，人与机器、设备之间存在一个相

互作用的“面”，称为人机界面

例如：音箱、方向盘、仪表、操纵杆等

说明：（1）人与机器设备之间的信息交流和控制活动都发生在人机界面上（2）机器的各种显示都“作用”于人，实现机－人信息传递（3）人通过视觉、听觉等感官接受来自机器的信息，经头脑加工、

决策，做出反应，可以再控制机器设备11/24/20224哈工大软件学院第一章概述1.1人机界面的概念2.广义的人机界面13.狭义的人机界面（人机接口、用户界面）

狭义的人机界面是特指计算机系统中的人机界面

（HCI-Human-ComputerInterface），又称为人机

接口、用户界面（UserInterface）

例如：键盘、鼠标、显示器、软件界面等

说明：（1）计算机是目前最具智能的机器，应用范围越来越广，几乎

无所不包（2）硬件人机界面―键盘、鼠标、音箱、显示器、游戏杆、打

印机等，变化速度相对较慢（3）软件人机界面可塑性较强，变化无穷，是当今人们研究人

机界面最活跃的领域

注：用户界面――一般指软件人机界面第一章概述1.1人机界面的概念11/24/20225哈工大软件学院3.狭义的人机界面（人机接口、用户界面）第一章概述14.用户界面的内容软件用户界面一般包含：（1）界面元素的样式、大小、布局（2）界面的美观效果（色彩、风格、图像）（3）操作序列（或功能）的隐喻（4）交互信息（输入、输出、提示）5.什么是用户界面设计运用认知心理学、人机工程学、语言学等基础知识对用户界面完成结构设计、交互设计和视觉设计，从而使软件达到易学、易用、美观、高效的目的第一章概述1.1人机界面的概念11/24/20226哈工大软件学院4.用户界面的内容第一章概述1.1人机界面的概念16.用户界面设计的基本过程（1）研究用户，分析软件的需求（2）用户界面结构设计（采用低保真的原型）（3）用户界面的交互设计（采用高保真的原型）（4）用户界面设计方案评审（5）迭代修改7.美术设计师、UI设计师、软件设计师的区别美术设计师：关注界面的美观、修饰UI设计师：关注界面的可用性和用户体验软件设计师：关注软件界面的实现第一章概述1.1人机界面的概念11/24/20227哈工大软件学院6.用户界面设计的基本过程第一章概述1.1人机界面第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史

1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/20228哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.硬件人机界面工业革命―机械装置界面―简单化、易用型电子技术―电子设备界面―小型化、迷你型信息革命―软件用户界面―人性化、智能型2.软件人机界面（1）机器码界面时代-纸带、卡片（2）字符界面时代-通过键盘输入、CRT显示字符

进行人机交互（3）图形界面时代-鼠标作为主要输入工具，丰富

多彩的图形界面进行交互

GUI－图形界面发展简史（4）多媒体界面时代-声控、触摸、光控；图形、

声音、味道等反馈第一章概述1.2人机界面的发展简史多媒体界面小例子1多媒体界面小例子211/24/20229哈工大软件学院1.硬件人机界面第一章概述1.2人机界面的发展简史第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202210哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.认知心理学2.人机工程学3.计算机语言学4.艺术设计学5.智能人机界面6.社会学与人类学

第一章概述1.3人机界面学的研究内容20世纪50年代中期兴起，70年代成为西方心理学的一个主要研究方向。它研究人的高级心理过程，主要是认知过程，如注意、知觉、表象、记忆、思维和语言等。从心理学的观点研究人机交互的原理。运用生理学、心理学和医学等有关科学知识，研究人、机器、环境相互的合理关系，以保证人们安全、健康、舒适地工作，提高整个系统工效。软件人机工程学主要解决有关人类思维与信息处理的有关问题，包括设计理论、标准化、增强软件的可用性的方法等，使人机对话能够满足人的思维模式与数据处理的要求，实现软件的高可用性。人机界面的形式定义中使用了多种类型的语言，包括自然语言、菜单语言、填表语言或图形语言等。计算机语言学就是专门研究这些语言及其形式等内容。艺术设计学主要从美的需求出发，研究人机界面以何种形式呈现，包括硬件界面设计和软件界面设计。人性化与易用性要求：智能对话、智能帮助、自适应界面、自然语言理解等界面。人机界面设计要研究人类的文化特点、审美情趣及个人、群体的爱好、偏向等内容，还包括法律范畴。11/24/202211哈工大软件学院第一章概述1.3人机界面学的研究内容20世纪50年代第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202212哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.高科技化硬件设备的不断更新换代，新硬件的不断涌现，支持用

户界面不断发展，如虚拟现实等用户界面2.自然化从硬件设计上说，使其使用尽可能符合人体的自然状况，

如人体键盘等从软件设计上说，使人们通过视觉、听觉、嗅觉、触觉

及形体、手势等自然地进入到工作空间中去，不感到

是在使用机械设备装置

3.人性化充分考虑人的个性、风格、审美情趣等需要第一章概述1.4人机界面设计的发展趋势11/24/202213哈工大软件学院1.高科技化第一章概述1.4人机界面设计的发展第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202214哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/2扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202215哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章

扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202216哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器

按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202217哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话

方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202218哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘

磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202219哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘磁卡

交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202220哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘磁卡交通指挥灯

遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202221哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘磁卡交通指挥灯遥控器

阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202222哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管

液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202223哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器

鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202224哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面

条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202225哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202226哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/2第一章概述本章内容提要

1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202227哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.人机系统模型第一章概述1.1人机界面的概念人机系统模型11/24/202228哈工大软件学院1.人机系统模型第一章概述1.1人机界面的概念第一章概述1.1人机界面的概念2.广义的人机界面在人机系统模型中，人与机器、设备之间存在一个相

互作用的“面”，称为人机界面

例如：音箱、方向盘、仪表、操纵杆等

说明：（1）人与机器设备之间的信息交流和控制活动都发生在人机界面上（2）机器的各种显示都“作用”于人，实现机－人信息传递（3）人通过视觉、听觉等感官接受来自机器的信息，经头脑加工、

决策，做出反应，可以再控制机器设备11/24/202229哈工大软件学院第一章概述1.1人机界面的概念2.广义的人机界面13.狭义的人机界面（人机接口、用户界面）

狭义的人机界面是特指计算机系统中的人机界面

（HCI-Human-ComputerInterface），又称为人机

接口、用户界面（UserInterface）

例如：键盘、鼠标、显示器、软件界面等

说明：（1）计算机是目前最具智能的机器，应用范围越来越广，几乎

无所不包（2）硬件人机界面―键盘、鼠标、音箱、显示器、游戏杆、打

印机等，变化速度相对较慢（3）软件人机界面可塑性较强，变化无穷，是当今人们研究人

机界面最活跃的领域

注：用户界面――一般指软件人机界面第一章概述1.1人机界面的概念11/24/202230哈工大软件学院3.狭义的人机界面（人机接口、用户界面）第一章概述14.用户界面的内容软件用户界面一般包含：（1）界面元素的样式、大小、布局（2）界面的美观效果（色彩、风格、图像）（3）操作序列（或功能）的隐喻（4）交互信息（输入、输出、提示）5.什么是用户界面设计运用认知心理学、人机工程学、语言学等基础知识对用户界面完成结构设计、交互设计和视觉设计，从而使软件达到易学、易用、美观、高效的目的第一章概述1.1人机界面的概念11/24/202231哈工大软件学院4.用户界面的内容第一章概述1.1人机界面的概念16.用户界面设计的基本过程（1）研究用户，分析软件的需求（2）用户界面结构设计（采用低保真的原型）（3）用户界面的交互设计（采用高保真的原型）（4）用户界面设计方案评审（5）迭代修改7.美术设计师、UI设计师、软件设计师的区别美术设计师：关注界面的美观、修饰UI设计师：关注界面的可用性和用户体验软件设计师：关注软件界面的实现第一章概述1.1人机界面的概念11/24/202232哈工大软件学院6.用户界面设计的基本过程第一章概述1.1人机界面第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史

1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202233哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.硬件人机界面工业革命―机械装置界面―简单化、易用型电子技术―电子设备界面―小型化、迷你型信息革命―软件用户界面―人性化、智能型2.软件人机界面（1）机器码界面时代-纸带、卡片（2）字符界面时代-通过键盘输入、CRT显示字符

进行人机交互（3）图形界面时代-鼠标作为主要输入工具，丰富

多彩的图形界面进行交互

GUI－图形界面发展简史（4）多媒体界面时代-声控、触摸、光控；图形、

声音、味道等反馈第一章概述1.2人机界面的发展简史多媒体界面小例子1多媒体界面小例子211/24/202234哈工大软件学院1.硬件人机界面第一章概述1.2人机界面的发展简史第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202235哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.认知心理学2.人机工程学3.计算机语言学4.艺术设计学5.智能人机界面6.社会学与人类学

第一章概述1.3人机界面学的研究内容20世纪50年代中期兴起，70年代成为西方心理学的一个主要研究方向。它研究人的高级心理过程，主要是认知过程，如注意、知觉、表象、记忆、思维和语言等。从心理学的观点研究人机交互的原理。运用生理学、心理学和医学等有关科学知识，研究人、机器、环境相互的合理关系，以保证人们安全、健康、舒适地工作，提高整个系统工效。软件人机工程学主要解决有关人类思维与信息处理的有关问题，包括设计理论、标准化、增强软件的可用性的方法等，使人机对话能够满足人的思维模式与数据处理的要求，实现软件的高可用性。人机界面的形式定义中使用了多种类型的语言，包括自然语言、菜单语言、填表语言或图形语言等。计算机语言学就是专门研究这些语言及其形式等内容。艺术设计学主要从美的需求出发，研究人机界面以何种形式呈现，包括硬件界面设计和软件界面设计。人性化与易用性要求：智能对话、智能帮助、自适应界面、自然语言理解等界面。人机界面设计要研究人类的文化特点、审美情趣及个人、群体的爱好、偏向等内容，还包括法律范畴。11/24/202236哈工大软件学院第一章概述1.3人机界面学的研究内容20世纪50年代第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202237哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/21.高科技化硬件设备的不断更新换代，新硬件的不断涌现，支持用

户界面不断发展，如虚拟现实等用户界面2.自然化从硬件设计上说，使其使用尽可能符合人体的自然状况，

如人体键盘等从软件设计上说，使人们通过视觉、听觉、嗅觉、触觉

及形体、手势等自然地进入到工作空间中去，不感到

是在使用机械设备装置

3.人性化充分考虑人的个性、风格、审美情趣等需要第一章概述1.4人机界面设计的发展趋势11/24/202238哈工大软件学院1.高科技化第一章概述1.4人机界面设计的发展第一章概述本章内容提要1.1人机界面的概念1.2人机界面的发展简史1.3人机界面学的研究内容1.4人机界面设计的发展趋势1.520世纪最伟大的10种人机界面装置11/24/202239哈工大软件学院第一章概述本章内容提要1.1人机界面的概念11/2扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202240哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章

扩音器按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202241哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器

按键式电话方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202242哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话

方向盘磁卡交通指挥灯遥控器阴极射线管液晶显示器鼠标／图形用户界面条形码扫描器1.520世纪最伟大的10种人机界面装置第一章概述11/24/202243哈工大软件学院扩音器1.520世纪最伟大的10种人机界面装置第一章扩音器按键式电话方向盘

磁卡交通指挥灯遥控器阴极射线管