文档介绍：2016/11/11哈工大软件学院1《《用户界面设计用户界面设计》》 20世纪最伟大的10种人机界面装置2016/11/11哈工大软件学院2《《用户界面设计用户界面设计》》 20世纪最伟大的10种人机界面装置2016/11/11哈工大软件学院3《《用户界面设计用户界面设计》》1. 人机界面的概念人机系统模型2016/11/11哈工大软件学院4《《用户界面设计用户界面设计》》 人机界面的概念2. 广义的人机界面在人机系统模型中,人与机器、设备之间存在一个相互作用的“面”,称为人机界面例如:例如:音箱、方向盘、仪表、操纵杆等说明:说明:(1)人与机器设备之间的信息交流和控制活动都发生在人机界面上(2)机器的各种显示都“作用”于人,实现机-人信息传递(3)人通过视觉、听觉等感官接受来自机器的信息,经头脑加工、决策,做出反应,可以再控制机器设备2016/11/11哈工大软件学院5《《用户界面设计用户界面设计》》3. 狭义的人机界面(人机接口、用户界面)狭义的人机界面是特指计算机系统中的人机界面(HCI-puter Interface),又称为人机接口、用户界面(User Interface)例如:例如:键盘、鼠标、显示器、软件界面等说明:说明:(1)计算机是目前最具智能的机器,应用范围越来越广,几乎无所不包(2)硬件人机界面―键盘、鼠标、音箱、显示器、游戏杆、打印机等,变化速度相对较慢(3)软件人机界面可塑性较强,变化无穷,是当今人们研究人机界面最活跃的领域注:注:用户界面―― 人机界面的概念2016/11/11哈工大软件学院6《《用户界面设计用户界面设计》》4. 用户界面的内容软件用户界面一般包含:(1)界面元素的样式、大小、布局(2)界面的美观效果(色彩、风格、图像)(3)操作序列(或功能)的隐喻(4)交互信息(输入、输出、提示)5. 什么是用户界面设计运用认知心理学、人机工程学、语言学等基础知识对用户界面完成结构设计、交互设计和视觉设计,从而使软件达到易学、易用、美观、 人机界面的概念2016/11/11哈工大软件学院7《《用户界面设计用户界面设计》》6. 用户界面设计的基本过程(1)研究用户,分析软件的需求(2)用户界面结构设计(采用低保真的原型)(3)用户界面的交互设计(采用高保真的原型)(4)用户界面设计方案评审(5)迭代修改7. 美术设计师、UI设计师、软件设计师的区别美术设计师:关注界面的美观、修饰UI设计师:关注界面的可用性和用户体验软件设计师: 人机界面的概念2016/11/11哈工大软件学院8《《用户界面设计用户界面设计》》 20世纪最伟大的10种人机界面装置2016/11/11哈工大软件学院9《《用户界面设计用户界面设计》》1. 硬件人机界面工业革命―机械装置界面―简单化、易用型电子技术―电子设备界面―小型化、迷你型信息革命―软件用户界面―人性化、智能型2. 软件人机界面(1)机器码界面时代- 纸带、卡片(2)字符界面时代- 通过键盘输入、CRT显示字符进行人机交互(3)图形界面时代- 鼠标作为主要输入工具,丰富多彩的图形界面进行交互GUI-图形界面发展简史(4)多媒体界面时代- 声控、触摸、光控;图形、声音、 人机界面的发展简史多媒体界面小例子1多媒体界面小例子22016/11/11哈工大软件学院10《《用户界面设计用户界面设计》》 20世纪最伟大的10种人机界面装置