第一章1.人机交互概念人机交互(Human-Computer Interaction,HCI)是关于设计、评价和实现供人们使用的交互式计算机系统,且围绕这些方面主要现象进行研究的科学。
2.人机交互研究内容(1)人机交互界面表示模型与设计方法一个交互界面的好坏,直接影响到软件开发的成败。
友好人机交互界面的开发离不开好的交互模型与设计方法。
因此,研究人机交互界面的表示模型与设计方法,是人机交互的重要研究内容之一。
(2)可用性分析与评估可用性是人机交互系统的重要内容,它关系到人机交互能否达到用户期待的目标,以及实现这一目标的效率与便捷性。
人机交互系统的可用性分析与评估的研究主要涉及到支持可用性的设计原则和可用性的评估方法等。
(3)多通道交互技术在多通道交互中,用户可以使用语音、手势、眼神、表情等自然的交互方式与计算机系统进行通信。
多通道交互主要研究多通道交互界面的表示模型、多通道交互界面的评估方法以及多通道信息的融合等。
其中,多通道整合是多通道用户界面研究的重点和难点。
(4)认知与智能用户界面智能用户界面(Intelligent User Interface,IUI)的最终目标是使人机交互和人-人交互一样自然、方便。
上下文感知、眼动跟踪、手势识别、三维输入、语音识别、表情识别、手写识别、自然语言理解等都是认知与智能用户界面需要解决的重要问题。
(5)群件群件是指帮助群组协同工作的计算机支持的协作环境,主要涉及个人或群组间的信息传递、群组中的信息共享、业务过程自动化与协调,以及人和过程之间的交互活动等。
(6)web设计重点研究Web界面的信息交互模型和结构,Web界面设计的基本思想和原则,Web界面设计的工具和技术,以及Web界面设计的可用性分析与评估方法等内容。
(7)移动界面设计研究内容:研究移动界面的设计方法,移动界面可用性与评估原则,移动界面导航技术,以及移动界面的实现技术和开发工具。
3.人机交互发展历史(1)语言命令交互阶段(2)图形用户界面(GUI)交互阶段(3)自然和谐的人机交互阶段第二章1.感知认知区别感知:通过人体器官和组织进行人与外部世界的信息的交流和传递。
认知:人们在进行日常活动时发生于头脑中的事情,它涉及思维、记忆、学习、幻想、决策、看、读、写和交谈等人的感知是认知的基础,认知是将感知获取的信息综合运用。
2.认知的过程(1)感知和识别(2)关注(3)记忆(4)问题解决(5)语言处理3.经验认知:有效、轻松地观察、操作和响应周围的事件,它要求具备某些专门知识并达到一定的熟练程度。
4.思维认知:涉及思考、比较和决策,是发明创造的来源。
5.影响认知两要素:(1)情感的因素:情感因素会影响人的感知和认知能力(2)人的个性差异6.概念模型:指的是一种用户能够理解的系统描述,它使用一组集成的构思和概念,描述系统做什么、如何运作、外观如何等。
7.三个相互联系的概念模型:(1)设计模型(2)系统映像(3)用户模型第四章1.几种输入模式及其含义(1)请求模式:在请求模式下,输入设备的启动时在应用程序中设置的。
应用程序执行过程中需要输入数据时,暂停程序的执行,直到从输入设备接受到请求的输入数据后,才继续执行程序。
(2)采样模式:输入设备和应用程序独立地工作。
输入设备连续不断地把信息输入进来,信息的输入和应用程序中的输入命令无关。
应用程序在处理其它数据的同时,输入设备也在工作,新的输入数据替换以前的输入数据。
当应用程序遇到取样命令时,读取当前保存的输入设备数据。
(3)时间模式:输入设备和程序并行工作。
输入设备把数据保存到一个输入队列,也称为事件队列,所有的输入数据都保存起来,不会遗失。
应用程序随时可以检查这个事件队列,处理队列中的事件,或删除队列中的事件。
2.基本交互技术:(1)定位(打开已有文件时要定位到文件的位置)(2)笔划(画图)(3)定值(设定字体的大小)(4)选择(下拉菜单)(5)字符串(QQ输入账号和密码都是字符串、在WORD中使用查找功能)3.图形交互技术:(1)几何约束(用于对图形的方向、对齐方式等进行规定和校准。
在Word 绘图中,通过锁定纵横比,在拖动线段一个端点时,线段只是沿原来方向放缩)(2)力场(通过在特定图素(如直线段)周围假想有一个区域,当光标中心落在这个区域内时,就自动地被直线上最近的一个点所代替,就好像一个质点进入了直线周围的引力场,被吸引到这条直线上去一样。
)(3)拖动(4)橡皮筋技术(被拖动对象的形状和位置随着光标位置的不同而变化。
)(5)操作柄技术(先选择要处理的图形对象,该图形对象的周围会出现操作柄,移动或旋转操作柄就可以实现相应的变换。
)(6)三维交互技术4.笔交互技术:(1)手写识别技术(分为:联机手写技术、脱机手写技术)(2)数字墨水技术第五章1.三代用户界面:(1)命令行界面(2)图形界面(3)多通道用户界面2.图形用户界面主要思想:(1)桌面隐喻(桌面隐喻是指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。
本身带有操作对象、工具隐喻、过程隐喻)(2)所见即所得(在所见即所得交互界面中,其所显示的用户交互行为与应用程序最终产生的结果是一致的。
)(3)直接操纵(直接操纵是指可以把操作的对象、属性、关系显式地表示出来,用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。
)3.界面设计一般原则(1)界面要具有一致性(如术语、风格相同等)(2)常用操作要有快捷方式(3)提供必要的错误处理功能(4)提供信息反馈(5)允许操作可逆(6)设计良好的联机帮助(7)合理划分并高效地使用显示屏幕4.用户体验:通常是指用户在使用产品或系统时的全面体验和满意度。
四个方面:(1)品牌(2)使用性(3)功能性(4)内容5.用户分类:偶然型用户、生疏型用户、熟练型用户、专家型用户6.任务分析作用及主要内容:任务分析是交互设计至关重要的环节,在以用户为中心的设计中,关心的是如何从用户那里理解和获取用户的思维模式,进行充分、直观的表达,并用于交互设计。
7.UML图分类:用例图:类图:对象图:序列图:协作图:状态图:活动图:OVID(Object,View,Interaction,Design对象视图和交互设计)第六章1.行为模型:分析人员获取用户需求后,结合领域专家的意见和指导,获取系统中需要完成的任务,对任务的主要因素进行详细地分析,如任务的层次、发生条件、完成的方法以及它们之间的关系等等。
2.四种行为模型:(1)GOMS(目标操作方法):目标操作方法和选择行为模型是在交互系统中用来分析用户复杂性的建模技术,用于建立用户行为模型。
它采用“分而治之”的思想,将一个任务进行多层次的细化,通过目标(Goal)、操作(Operator)、方法(Method) 以及选择规则(Selection rule) 四个元素来描述用户行为。
(2)LOTOS(时序关系说明语言):时序关系说明语言是一种作为国际标准的形式描述语言,它提供了一种通用的形式语义,可保证描述不存在二义性,便于分析和一致性测试理论的研究。
其基本思想是用一套形式化和严格的表示法来刻画系统外部可见行为之间的时序关系,系统由一系列进程组成,两个以上的进程在执行同一个外部可见的行为时会发生交互,进行数据交换、信息传递、协调同步等操作。
(3)UAN(用户行为标记):用户行为标注是一种简单的符号语言,着眼于用户和界面两个交互实体的描述,主要描述用户的行为序列以及在执行任务时所用的界面。
UAN模型的标识符主要有两种:用户动作标识符和条件选择标识符。
(4)CTT(人物模型表示法):任务模型表示法是一种基于图形符号的,采用层次的树状结构来组织并表示任务模型的方法。
3.界面描述语言:(1)命令式语言(2)陈述式语言4.常见陈述性语言:(1)用户界面标记语言(UIML)(2)扩展界面标记语言(XIML)(3)XML用户界面语言(XUL)5.窗口系统结构:(1)在各个应用程序内部实现和管理多任务(2)在操作系统核心集中处理多任务管理(3)多任务的管理可由独立的管理程序进行管理,应用程序通过调用该管理程序提供的接口来实现对多任务的管理和设备的独立性操作6.用户界面管理系统:UIMS(User Interface Management Systems)第七章:1.超文本(HyperText)、统一资源定位符(URL)、超文本传输协议(HyperText Transfer Protocal)2.web界面设计基本原则:(1)以用户为中心(要求把用户放在第一位。
设计时既要考虑用户的共性,同时也要考虑他们之间的差异性。
)(2)一致性(Web界面设计还必须考虑内容和形式的一致性。
其次,Web界面自身的风格也要一致性,保持统一的整体形象。
)(3)简洁和明确(Web界面设计是设计的一种,要求简练、明确。
)(4)体现特色(只有丰富特色、内容翔实的网页才能使浏览者驻足阅读。
特色鲜明的Web 网站是精心策划的结果,只有独特的创意和赏心悦目的网页设计才能在一瞬间打动浏览者。
)(5)兼顾不同的浏览器(6)明确的导航设计3.界面要素设计:(1)web界面规划(明确网站的目标和用途;确定网站的用户群体。
)(2)文化与语言(全球服务型的网站还要考虑如何适应不同国家的不同类型的文化与语言环境。
)(3)内容、风格与布局、色彩设计(内容:Web界面的内容不仅要遵循简洁明确的原则,也要符合确定的设计目标,面向不同的对象要使用不同的口吻和用词。
风格:Web界面的风格是指网站的整体形象给浏览者的综合感受。
这个整体形象包括网站的标志、色彩、字体、布局、交互方式、内容价值、存在意义等。
一个优秀的网站与实体公司一样,也需要整体的形象包装和设计。
布局:Web界面布局就是指如何合理地在界面上分布内容。
常用的Web 界面布局形式有:“同”字形结构、“国”字形结构、左右对称、自由式。
色彩:Web网站给人的第一印象来自视觉冲击。
颜色元素在网站的感知和展示上扮演重要的角色。
某个企业或个人的风格、文化和态度可以通过Web界面中的色彩混合、调整或者对照的方式体现出来。
一般地,Web界面中色彩选择可考虑:鲜明性、独特性、合适性、联想性、和谐性。
)(4)文本设计(文本不要太多;选择合适的颜色;字体应和整个界面应融为一体;同一种字体应该表示相同类型的数据或者信息。
合理设置页边框、行间距等;重视标题的处理)(5)多媒体元素设计(图形、图像、动画、音频和视频等多媒体元素可以弥补平淡文本的不足,增强Web界面的艺术表现力。
因此,在设计Web网页时有必要考虑使用不同类型的多媒体元素,使得网站更生动,而且有吸引力。
)4.web界面设计基本技术:HTML、JavaScript、JavaApplet、服务器端脚本语言(ASP、PHP、JSP)、AJAX技术(异步JavaScript和XML)5.web3D界面设计技术:VRML、Java3D第八章1.常用移动设备:手机、掌上电脑、PDA、笔记本电脑等2.数据接入方式:(1)无线局域网(WLAN)(2)无线城域网(WMAN)(3)无线个域网(WPAN)(4)高速无线数据通讯系统以及卫星通讯等3.输入方式:键盘输入(T9输入法)、笔输入、语音输入4.输出方式:显示屏幕、声音输出5.移动界面设计问题:(1)资源相对匮乏(分辨率、屏幕大小等)(2)移动设备的种类繁多(3)连接方式复杂(4)界面的定制,根据需要定制合适的移动应用界面6.设计原则:(1)简单直观(2)个性化设计(3)易于检索(4)界面风格一致(5)避免不必要的文本输入(6)根据用户的要求使服务个性化(7)最大限度地避免用户出错(8)文本信息应当本地化7.移动界面要素设计:(1)菜单(主要目的用于提供项目选择。