1.基本概念
随着硬件的发展和分时系统的出现,开始了人机交互。
交互式产品借计算机系统完成特定任务,软件是计算机系统得以正确运作的基础。
定义:
研究人、计算机以及他们之间相互作用的学科;
使计算机技术更好地为人类服务;
构建用户乐于使用且易于使用的软件;
有关可用性的学习与实践,发现产品的有效性;
提高计算机系统的可用性。
人:独立工作的用户/共同工作的一组用户
机:桌面计算机、大型计算机系统、嵌入式系统等,搜索引擎等软件
交互:包括直接交互和间接交互。直接交互是交互时始终有反馈与控制对话;间接交互 如智能传感器
什么是嵌入式系统?
以应用为中心,根据用户需求灵活裁剪软硬件模块的专用计算机系统。嵌入到目标设备中的,为特定的任务提供计算和控制功能。为特定的应用而设计的,注重满足用户的特定需求。例如智能手机、智能家居、智能电视等
什么是大型计算机系统?
大型机系统是能够实时、安全、可靠地处理数以十亿计的计算和事务的计算机。大型机是用来处理大容量数据的机器,可以同时运行多操作系统,因此不像是一台计算机而更像是多台虚拟机。具有很大的容错性,被用在的行业都是关系国计民生的关键行业,比如银行、证券、保险、电信、交通、能源、物流等。这些行业出错影响极大、复杂性极高、性能要求极高、稳定性要求极高。大型机就是为这些行业而生的,也满足了这些行业苛刻的要求存活至今。
2.研究内容
界面设计(易上手,考虑老人、残疾人、认知能力不同的人使用)
界面实现(操作高效无差错)
界面分析评估
开发新型交互技术
构建预测模型
人的角度:考虑信息处理方式、通信方式、人的物理特性
计算机角度:组织对话、设计元素、图形技术、对话架构
3.为什么学习人机交互
市场:用户期待简单易用产品
企业:员工工作易上手,生产效率提高;产品易用,降低后续询问支持成本
个人:满意度提高
本性:减少错误发生率
产品并不是功能越多越好
4.交互技术与交互设备
交互技术:
语音识别、手势识别(数据手套)、动作识别、眼球、表情等
交互设备:
- 文本输入设备
键盘 避免“卡键”故障设计了如今的键盘排列;为减小键盘的物理空间,出现了投影键盘
手写输入 较慢
语音输入 对环境要求高
光学字符识别 直接扫描文本图像 - 定位设备
鼠标 随着笔记本电脑的普及,鼠标面临巨大挑战
触摸板 通过电容感应定位,精度较低,手指易打滑
指点杆
触摸屏 直观;在屏幕上直接操作,容易使其污损
光笔或尖笔 与键盘一起使用时,手不断切换,效率低;使用时还要考虑手的位置
通过获取眼睛角度的变更来定位 - 图像输入设备
扫描仪
数码相机
传真机 - 显示设备
液晶显示器 仅适于从正面观看;自身不能发光,亮度不好;响应时间慢
等离子体显示器 使用寿命短,适合安装在会议室
LED 较贵,投射范围小
电子墨水 广阔前景
点字显示器 为盲人阅读提供途径
显示设备可能危害用户健康 - 虚拟环境下的设备
三维鼠标 有六个自由度可选择
数据手套 配有弯曲传感器
基于视觉的手势识别仍在研究
可模拟嗅觉的头盔 跟踪头部运动定位,左右眼显示不同图像从而产生立体感,装有嗅觉管来释放气味,甚至有向口内喷射香气的装置,模拟视觉、听觉、嗅觉、触觉、味觉功能
5.交互框架EEC
定义:帮助人们 结构化 设计过程,即提供一种结构,解释界面存在的问题
活动四部分:
a目标(不等于意图,一个目标可包含多个意图)
b执行(完成目标进行的操作)
c客观因素
d评估(衡量结果与目标之间的差距)
交互步骤:执行+评估
执行隔阂:用户的动作与系统允许动作之间的差别
评估隔阂:系统状态的实际表现与用户预期的差别
6.交互形式
命令行:要求用户记忆指令,与不应要求用户了解计算机底层实现细节相违背;节约资源,灵活
菜单驱动:适合新手;占用空间,不适合小型设备
表格界面:指导用户输入;导致业务形式化
自由操纵:易辨别;不具备自解释性
问答界面:可当作向导,具有自解释性;乏味
隐喻界面:直观;联想不同,表达有限
自然语言:语言歧义;灵活自由
这些并不是取代的关系,而是根据实际灵活运用
7.人类处理机模型(描述认知过程)
感知处理器:视觉存储和声音存储
认知处理器:访问工作记忆和长时记忆的信息
动作处理器:执行动作
缺点:忽略人与人之间的互动,忽略了环境对此的影响
-
感知
格式塔心理学(影响视觉感知)
表明用户在感知事务时总是尽可能将其视为一个“好”的形式,主张以整体结构研究心理现象,还注重前后景的转换。
主要原则有:
相近性原则(空间靠近物体易被视为整体)
相似性原则(看着相似物体易被视为整体)
连续性原则(相同方向物体易被视为整体)
完整性和闭合性原则(忽略轮廓间隙将其视为整体)
对称性原则(相互对称物体易被视为整体) -
认知
1.人的记忆分为感觉记忆(瞬时记忆)、短时记忆和长时记忆。感觉记忆经编码成为短时记忆,短时记忆与长时记忆区的信息联系起来可进入长时记忆。
2.设计基于回忆的界面时考虑“7±2理论”和放置有关信息提示;基于认知界面就不用考虑了
8.交互设计目标
-
可用性目标(保证产品功能基本完备,保证软件质量)
-
易学性
评判标准 “10分钟法则” -
使用效率
使用效率高就要求用户记忆学习,但又影响易学易记性;所以设计时要平衡好其与易学性和易记性。 -
易记性
- 位置(特定对象放固定位置)
- 分组(按照逻辑进行分组)
- 惯例(设计时使用通用的对象或符号)
- 冗余(用多个感知通道进行编码)
-
低出错率
预防错误或发生后迅速恢复正常状态 -
主观满意度
侧重于独立个体的态度,不是公众的总体态度
-
-
用户体验目标(保证用户体验质量)不等于可用性目标
一个非常主观的评价标准,一般使用5分制打分
根据不同年龄用户,设计要求也不同
具体例子:
1.用于帮助儿童之间进行交流和合作的移动设备
用户体验目标:
趣味性: 软件应该提供有趣的视觉元素和互动方式,以吸引儿童的注意力和兴趣。
易用性: 界面应该直观简单,便于儿童理解和操作。
安全性: 确保交流环境安全,保护儿童免受不适当内容的影响。
教育性: 在交流和合作的过程中,融入教育元素,促进儿童学习和成长。
2.帮助公众访问其医疗记录的互联网应用
用户体验目标:
可读性: 信息应该清晰易读,方便用户快速找到需要的医疗记录。
易于导航: 应用应该有一个直观的导航系统,帮助用户轻松地找到不同的服务和记录。
可靠性: 医疗记录的准确性和及时更新对用户至关重要。
隐私保护: 用户的医疗信息需要得到严格的保护,确保隐私安全。
在设计用户体验时,需要平衡可用性和趣味性、安全性和易用性之间的关系。对于儿童应用,可能会牺牲一些色彩可用性来增加趣味性,但这并不意味着牺牲所有的可用性。设计时应该确保基本的导航和功能易于使用,同时通过有趣的元素来吸引儿童;对于医疗记录应用,用户体验的目标是确保信息的清晰和准确,同时保护用户的隐私和数据安全。
9.可用性度量
-
易学性度量
找一些从未使用过的目标用户,统计他们学习直至熟练运用到某个水平的时间 -
使用效率度量
度量执行某些测试任务所用的时间 -
易记性度量
对间断使用系统的人进行标准用户测试或对用户进行记忆测试 -
错误率度量
考虑 不易被用户发现造成结果出现问题的错误或破环用户工作难以恢复的错误 -
主观满意度度量
设置满意度调查问卷,简短且要进行试点测试
10.八条“黄金规则”
- 尽可能保持一致
很难遵守,范围太广,术语、颜色、布局、字体的一致性 - 符合普遍可用性
1.考虑新手和老手。
对新手来说,提供引导信息;
对老手来说,提供快捷键。
2.考虑年龄、是否有残疾等情况 - 提供信息丰富的反馈
- 设计说明对话框以生成结束信息
告知用户任务的结束,使之有轻松感 - 预防并处理错误
预防:
不适当的选项以灰色显示屏蔽;
禁止在数值输入域中输入字母等
处理:
提供指导帮助用户进行恢复操作 - 让操作容易撤销
- 支持内部控制点
让用户成为主动者,享有控制权,而不是因果性规划的响应者 - 减轻短时记忆负担
界面简单,减少窗口之间的移动,风格统一
11.十项启发式规则
交互设计应遵循的规则,用于发现系统设计中的可用性问题
- 系统状态的可见度
让用户知道系统在做什么,给出信息 - 系统和现实世界的吻合
面向用户而不是系统,使用用户熟悉的词、短语和概念等 - 用户享有控制权和自主权
提供undo、 redo 、紧急退出等操作 - 一致化和标准化
- 避免出错
预防错误>错误提示 - 依赖识别而非记忆
对象、动作、选项清晰可见 - 使用的灵活性和高效性
允许老用户定制常用操作等快捷键,对新手用户不可见 - 有审美感和最小化设计
避免有 无关信息,会与有关信息竞争 - 帮助用户识别、诊断和恢复错误
使用简明语言表示错误,提出解决方案 - 帮助和文档
最好让用户不使用文档使用系统,但文档必不可少。列出具体步骤,篇幅不要太长
12.交互设计的基本活动
a.标识用户需要,建立需求
提出问题->构建情境场景剧本->确立需求
b.开发设计方案
先定义功能,勾画大致的设计框架,画草图,不要一开始就进入细节的工作
然后通过场景剧本来验证,包含关键线路的变种场景剧本,必须使用的场景剧本,边缘情形使用的场景剧本(不常用功能)
c.构建设计
- 设计策略:
删除
1.不必要的功能(避免错删,按优先级对功能排序)
2.多余文字(引见性文字,不必要的说明,繁琐的解释等)
组织
对组件进行分组
组件的大小:根据重要性 (重要性:大小=2:1)
组件的位置:分块 网格
感知分层:有利于在小空间显示大量信息
隐藏
1.隐藏那些用户很少使用、但自身需要更新的功能
2.只在合适的时机和位置上显示相应的功能
3.渐进展示:为中间用户只展示核心功能,为专家用户显示精确的控制部件 - 设计中的折中
1.个性化和配置
2.本地化和国际化
对一个产品,国际化只需做一次;本地化针对不同区域各做一次
3.审美学和实用性
美学,空白,对齐 - 设计的细节
1.设计体贴的软件
2.加快系统的响应时间
3.减轻用户的记忆负担
4.减少用户的等待感
反馈进度和状态
以渐进方式呈现:先概括再细节
5.设计好的出错信息
使用清晰的表达语言,而非难懂的代码
语言应当精炼而准确,而非空泛模糊
对用户提供建设性的帮助
出错信息应当友好,不要威胁或责备用户
d.评估设计
13.可视化设计
-
窗口
最大化
最小化
还原(平铺.重叠.层叠) -
菜单
下拉式菜单、右键菜单
灰色屏蔽,无序较多 -
对话框(都必须有一个标题,有视觉层次,有终止命令控件)
类型:- 模态对话框
- 应用模态
只停止其所属的应用,直到用户处理对话框中的问题 - 系统模态
停止系统中所有应用
- 应用模态
- 非模态对话框
对话框出现时,仍可以访问系统的其他功能
用途:
属性对话框
功能对话框
进度对话框
公告对话框 - 模态对话框
-
控件
- 命令控件
例如,按钮
单击释放后立即执行
可按压特性:点击时视觉发生改变
避免和超链接的混用 - 选择控件
- 复选框
占据屏幕空间,减慢用户阅读速度 - 列表框
选择模态是互斥的,有预览视图
- 复选框
- 显示控件
例如,滚动条,用来查看长文档
可以拖着滑动,可以任意点击某一位置;提供跳到开始和结尾的按钮;显示页数; - 输入控件
采用有界控件,采用有界输入(显示有效输入的例子,验证有效性,给出提示,保留已输入的有效信息)
- 命令控件
-
工具栏
气球帮助:工具提示
使用代表事物的图像
类型:可移动工具栏,可定制工具栏,上下文工具栏,带条 -
屏幕复杂度
- 布局复杂度
可视组件的数目+水平对齐点的个数+垂直对齐点的个数 - 布局统一度
整齐排列或组件尺寸相近 ,布局统一度提高
在50%-85%之间较合理
只关心外在部分,不在乎组件的可用性,所以过度统一并不是目的,应追求适度统一和容易理解的布局
- 布局复杂度