人机交互系统

Kiyotaka Wang Lv3

人机复习

人机交互概述

什么是人机交互

HCI是一门与人类使用的交互式计算系统的设计、评估和实施有关的学科,并且研究了它们周围的主要现象。

重要性

市场角度

  • 用户期望简单易用的系统
  • 对设计低劣系统的容忍度越来越差

企业角度

  • 提高员工的生产效率
  • 降低产品的开发成本
  • 降低产品的后续支持成本

用户角度

  • 获得较高的主观满意度
  • 减少时间、金钱、生命损失

相关领域

人机交互的发展历史

  • 旧的交互形式作为特例保存下来

主要发展阶段(4个)及时代特点。注:不是后面的阶段出现前面的阶段就消失了。

  1. 批处理卡片
  2. 命令行终端
  3. 图形界面:特征:直接操纵
  4. 多通道用户界面

问题:图形用户界面优于字符界面?不同的交互方式本身在可用性方面并没有根本性的不同,更重要的是认真对待界面设计的态度。【Whiteside 1985】

问题:我们当前的交互时代是?GUI Graphical User Interface图形用户界面时期

人机交互与软件工程

  • 前者是对后者的促进和补充
  • 二者结合存在许多困难

相互独立?

  1. 软件工程师与人机交互设计人员关注的重点有很大不同:以功能为中心 vs 以用户为中心
  2. 交互设计的评估方式也与一般软件工程方法存在不同
  3. 二者经常分开讨论

HCI对SE的促进作用

  1. 传统SE方法在实现交互式系统方面的缺陷
    • 没有提出明确地对用户界面及可用性需求进行描述的方法
    • 不能够在系统开发过程进行中对用户界面进行终端测试
    • 具有完善的系统功能:产品的可用性、有效性以及满意度并不高

二者在系统工程中的关系

将二者结合的困难

  1. 价值观不同
    • SE:实施策略和方法选择上常有一定的倾向性
    • HCI:包含较多的主观性和灵活性
  2. 方法论存在差异
    • SE:形式化分析方法
    • HCI:非形式化方法

人机交互基础知识

交互框架

作用:

  1. 提供理解或定义某种事物的一种结构
  2. 能够帮助人们结构化设计过程
  3. 认识设计过程中的主要问题
  4. 还有助于定义问题所涉及的领域

执行评估/活动周期EEC

  • 最有影响力的框架

  • 定义了活动的四个组成部分

    • 目标(Goal)不等于 意图(Intention):单个目标可对应多个意图

    • 执行(Execution)

    • 客观因素(World)

    • 评估(Evaluation)

交互形式(重点关注)

  • 直接操纵、隐喻、问答

信息处理模型

人类处理机模式

包含3个交互式组件

  1. 感知处理器:信息将被输出到声音存储和视觉存储区域
  2. 认知处理器:输入将被输出到工作记忆
  3. 动作处理器:执行动作

格式塔心理学

  1. 研究人是如何感知一个良好组织的模式的,而不是将其视为一系列相互独立的部分:事物的整体区别于部分的组合。
  2. “Gestalt”
    • 德语,“完型(configuration)”或“型式(pattern)”
    • 格式塔心理学又称完形心理学
  3. 表明
    • 用户在感知事物的时候总是尽可能将其视为一个“好”的型式
    • 相近性原则、相似性原则、连续性原则、对称性原则、完整性和闭合性原则
格式塔心理学,有几个原则可能会让你去说说
  1. 相近性原则:空间上比较靠近的物体容易被视为整体:设计界面时,应按照相关性对组件进行分组
  2. 相似性原则:人们习惯将看上去相似的物体看成一个整体:功能相近的组件应该使用相同或相近的表现形式
  3. 连续性原则:共线或具有相同方向的物体会被组合在一起:将组件对齐,更有助于增强用户的主观感知效果
  4. 对称性原则:相互对称且能够组合为有意义单元的物体会被组合在一起。
  5. 完整和闭合性原则:人们倾向于忽视轮廓的间隙而将其视作一个完整的整体:页面上的空白可帮助实现分组

记忆特性

  1. 感觉记忆

    1. 又称瞬时记忆
    2. 在人脑中持续约为1秒钟
    3. 帮助我们把相继出现的一组图片组合成一个连续的图像序列,产生动态的影像信息
  2. 短时记忆

    1. 感觉记忆经编码后形成
    2. 又称工作记忆,约保持30秒
    3. 储存的是当前正在使用的信息,是信息加工系统的核心,可理解为计算机的内存
    4. 短时记忆的存储能力约为7±2个信息单元

    1. 长时记忆

      • 短时记忆->长时记忆

        1. 短时记忆中的信息经进一步加工后会变为长时记忆

        2. 只有与长时记忆区的信息具有某种联系的新信息才能够进入长时记忆

      • 长时记忆的信息容量几乎是无限的

      • 启发

        1. 注意使用线索来引导用户完成特定任务
        2. 在追求独特的创新设计时也应注重结合优秀的交互范型
      • 遗忘

        1. 长时记忆中的信息有时是无法提取

        2. 不代表长时记忆区的信息丢失了

      • 易出错

        1. “人为错误”被定义为“人未发挥自身所具备的功能而产生的失误,它可能降低交互系统的功能”

        2. 从表面上看是由于用户的误解、误操作或一时大意

        3. 大部分交互问题都源于系统设计本身

交互设备(应该不重要)

命令行交互、菜单驱动界面、基于表格的界面、直接操纵、问答界面Wizard、隐喻界面、自然语言交互、其他交互形式(虚拟现实交互、增强现实/混合现实、触觉交互、手势/体感交互、笔式交互、脑机交互)

交互设计目标与原则

可用性目标(重要)

目的是为交互人员提供一个评估交互式产品和用户体验各方面的具体方法。

5个属性:

  1. 易学性
  2. 易记性
  3. 效用性
  4. 高效率
  5. 安全性

易学性

易记性

效用性

高效率

安全性

用户体验目标

简易可用性工程

特点

  • 以提高产品的可用性为目标的先进的产品开发方法论
  • 借鉴了许多不同领域的方法和技术
  • 强调以人为中心来进行交互式产品的设计研发

历史

  • 上世纪80年代获得工业应用
  • 90年代得到迅速普及

实例

IBM公司:“可用性方面的投入是一本万利的”

MS已有14个可用性实验室近200名可用性专业员工

四种主要技术

截屏2023-12-23 20.16.00

交互设计原则

启发式原则 :十项

  1. 系统状态的可见度
  2. 系统和现实世界的吻合
  3. 用户享有控制权和自主权
  4. 一致性和标准化
  5. 避免出错
  6. 依赖识别而非记忆
  7. 使用的灵活性和高效性
  8. 审美感和最小化设计
  9. 帮助用户识别、诊断和恢复错误
  10. 帮助和文档

黄金规则

  1. 尽可能保证一致
  2. 符合普遍可用性
  3. 提供信息丰富的反馈
  4. 设计说明对话框以生成结束信息
  5. 预防并处理错误
  6. 让操作容易撤销
  7. 支持内部控制点
  8. 减轻短时记忆负担

设计过程取消掉了

交互式系统的需求

产品特性、用户特性、用户建模(人物角色)

产品特性

用户特性

用户建模

人物角色的作用

解决产品开发过程中出现的3个设计问题

  • 弹性用户
    • 为弹性用户设计赋予了开发者根据自己的意愿编码,而仍然能够为“用户”服务的许可
    • 如设计医院产品时,考虑设计能够满足所有护士的产品
  • 自参考设计
    • 设计者或者程序员将其自己的目标、动机、技巧及心智模型投射到产品的设计中
  • 边缘情况设计
    • 必须考虑边缘情况,但它们又不应该成为设计的关注点
    • 问:A会经常进行这种操作吗?

人物角色的构造

建模过程

  • 拼凑:采用头脑风暴方法,产生一些零碎概念或模型的片段,先不去考虑他们的细节
  • 组织:将这些片段按照所构造模型的需要进行分组和分类,归并或删除那些冗余重叠的东西
  • 细节:建立和完善相应描述,补充遗漏的数据
  • 求精:对模型进行推敲,以便改进和完善
  • 以上过程循环反复

需求获取、分析和验证

  • 场景和观察(易考)
  • HTA(易考)
  • 原型

需求获取——观察

原因:设计的最初,可能不知道问什么问题或由谁来回答这些问题

分类:

  1. 直接观察(陪同他们工作而直接获得信息,可能影响被观察者的日常活动)
  2. 间接观察(用视频/录音获得信息,观察者更舒适)

需求获取——场景

  1. 表示任务和工作结构的“非正式的叙述性描述”
    • 以叙述的方式描述人的行为或任务,从中发掘出任务的上下文环境、用户的需要、需求
    • 形式可以类似一篇故事、一个小品或者在给定环境下按照时间顺序的一段情节
  2. “讲故事”是人们解释自己做什么或者希望执行某个任务的最自然方式
    • 故事的焦点就是用户希望达到的目标
    • 若场景说明不断提到某个特定形式、行为或者地点,就表明它是该活动的核心
  3. 场景说明通常来自专题讨论或者访谈,目的是解释或讨论有关用户目标的一些问题

举例

人物角色 + 场景剧本 -> 需求

需求定义的5个步骤

  1. 创建问题和前景综述
  2. 头脑风暴
  3. 确定人物角色的期望
  4. 构建情境场景剧本
  5. 确立需求

迭代的过程:知道需求变得稳定

概念模型和心智模型

制作原型之前要首先关注用户的心智模型

概念模型是对系统如何组织和操作的高级描述

理想情况下,用户的心智模型应该与设计师的概念模型相同

基于对象的概念模型

  1. 通常是基于物理世界的类比,如书籍、工具、车辆
  2. 隐喻的优势
    • 使学习新系统更容易
    • 帮助用户理解底层的概念模型
    • 能够非常创新,并使计算机领域及其应用程序更容易被更多不同的用户访问

需求验证

原型
  1. 在某一方面和真正产品比较接近、以便人们能对这一方面的各种技术方案进行不断评估和改进的一种接近于实际产品的模型
  2. 借助于原型,当事人就能与未来的产品交互,从中获得一些实际的使用体验,并发掘新思路

原型的重要性:

  1. 评估和反馈是交互设计的核心
  2. 用户往往不能准确描述自己的需要;但用户在看到或尝试某些事物后,就能立即知道自己不需要什么
  3. 与文档相比,涉众能够更容易地看到、持有和与原型进行交互
  4. 团队成员能够有效沟通
  5. 原型回答问题,并支持设计师在备选方案中进行选择
原型分类
  1. 低保真原型(多数项目的首选):与最终产品不太相似的原型。使用与最终产品不同的材料,如纸张、纸板
    • 优点:简单、便宜、易于制作和修改
    • 例子:草图、故事板、绿野仙踪法
  2. 高保真原型:与最终产品更为接近,使用相同的材料
    • 风险:用户会认为原型就是系统;开发人员可能认为已找到了一个用户满意的设计
    • 缺点:制作时间长,难以修改

任务分析

记录人们如何完成任务的一种方式

作用:

  1. 可以用来了解通过观察和访谈目前参与工作流程的人收集到的数据
  2. 主要用于调查现有情形,而不是展望新系统或设备
  3. 分析基本原理,了解人们想要达到什么目标,如何达到这些目标,并由此建立需求
(重点)层次化任务分析(HTA)是应用最广的任务分析技术

把任务分解为若干子任务,再把子任务进一步分解为更细致的子任务。之后,把他们组织成一个“执行次序”,说明在实际情形下如何执行各项任务

HTA的文字描述

终止规则

  1. 任务分析是一个迭代过程
  2. 终止点
    • 任务包含了复杂机械响应的地方,如鼠标移动,此时分解没有价值
    • 涉及内部决断的地方:若决断和查找文档等外部动作相关,则分解;若为纯粹认知性,则终止。

HTA的图形描述

交互式系统的设计

哪边可以删是会考简答题的

设计框架

注意点

  1. 过早地把重点放在小细节、小部件和精细地交互上会妨碍产品的设计
    • 先站在一个高层次上关注用户界面和相关行为的整体结构
    • 房屋设计举例
  2. 设计框架
    • 定义高层次上的屏幕布局
    • 定义产品的工作流、行为和组织

简化交互设计的策略

策略一:删除(大概率考这个)

最明显的简化设计方法:64%的软件功能“从未使用或极少使用”—《Standish Group 2002》

删除杂乱的特性:可以让设计师专注于把有限的重要问题解决好;有助于用户心无旁骛地完成自己的目标。

“把一切难以实现的功能统统抹杀?” 错。避免得到由简单功能叠加起来的毫无特色的产品;保证只交付那些真正有价值的功能和内容。

如何删除?
  1. 关注核心:
  • 与新增功能相比,客户更关注基本功能的改进
  • 影响到用户日常使用体验的功能
  1. 砍掉残缺功能:
  • “沉默成本误区”
  • “为什么要留着它?”而非“为什么应该去掉它”
  1. 加入用户想......?
  • 目标用户经常会遇到这个问题吗?
  • 不要简单地因为客户要求就增加功能:要倾听客户的意见,但绝不能盲从。
  1. 删除错误

  2. 选择未必比键入更优:例如输入文本

  3. 删除视觉混乱:减少用户必须处理的信息,集中注意力在真正重要的内容上

    • 使用空白或轻微背景来划分页面,不要使用线条
    • 尽可能少使用强调,仅加粗就可以了
    • 别使用粗黑线,匀称、浅色的线更好
    • 控制信息的层次,标题,子标题,正文
    • 减少元素大小的变化
    • 减少元素形状的变化
  4. 删除文字:删除不必要内容可以让读者对自己看到的内容更有自信

    • 删除引见性文字:“欢迎光临我们的网站,我们希望您心情愉快。。。”
    • 删除不必要的说明:“填写完这些字段后,请按提交按钮把申请提交给我们”
    • 删除繁琐的解释:“产品搜索:回答几个简单的问题,即可帮您找到合适的产品”
    • 使用描述性链接:“单机这里”或“更多内容”
  5. 精简句子:让文字变得更加简洁、清晰、有说服力

  6. 不要删减过多:人们希望自己能够掌控局面,让人们能够控制结果,足够多的控制可以让他们消除因基本需求得不到满足而引发的焦虑(源于十条启发式规则中的“用户享有控制权和自主权”)

策略二:组织

  1. 最快捷的简化设计方式
  2. 分块
    1. 用户界面设计离不开分块
    2. “7+2法则”
    3. 名词:可以按字母表、时间或空间顺序排列的清单
    4. 动词:围绕行为进行组织
  3. 确定清晰的分类标准:建议多找一些用户,询问他们的分类标准
  4. 利用不可见的网格来对齐界面元素

  1. 大小和位置
    1. 重要的元素大一些,不太重要的界面元素应该小一些
    2. 把相似元素放在一起,如导航、图标、按钮等,让用户的注意力更集中.
  2. 感知分层:眯起眼睛观察屏幕,看是否能区分不同的层
  3. 期望路径:在描述用户使用软件的路径时,千万不要被自己规划图中清晰的线条和整洁的布局所迷惑

策略三:隐藏

  1. 隐藏是一种低成本的简化方案
    1. 用户不会因不常用的功能分散注意力
    2. 可作为删除不必要功能的开始
    3. 必须仔细权衡要隐藏哪些功能
  2. 隐藏内容
    1. 主流用户很少使用,但自身需要更新的功能,
    2. 事关细节(对服务器进行配置或设计邮件签名)
    3. 选项和偏好(修改绘图应用的单位)
    4. 特定于地区的信息(如时间和日期需频繁自动更新的信息)
  3. 自定义
    1. 是否应该给用户自己选择的权利?自定义工具、自定义功能
    2. 一般来说,不应该让用户去自定义他们的软件
  4. 渐进展示
    1. 隐藏精确的控制部件
      1. 一项功能包含少数核心的供主流用户使用的控制部件,另有一些为专家级用户准备的扩展性的精确的控制部件
      2. 如“保存对话框”的核心功能有哪些?
      3. 比自定义的效果更好
        1. 自动保存用户的选择
        2. 核心功能加扩展功能模式
    2. 对于用户期望的功能,要在正确的环境下给出明确的提示
  5. 适时出现
    1. 过分强调隐藏功能(如为每个词加上超链接)会导致混乱
    2. 尽可能彻底地隐藏所有需要隐藏的功能
    3. 在合适的时机、合适的位置上显示相应功能
  6. 注意
    1. 别让用户找信息
    2. 让功能易于发现
      1. 怎样介绍被隐藏在幕后的附件项?把标签放在哪里比把标签做多大重要得多
      2. 用户关注点:用户在遇到问题的时候,过于关注屏幕上问题区域

策略四:转移

  1. 被精简掉的按钮全部通过电视屏幕上的菜单来管理
  2. 遥控器使用起来非常方便:用户需熟悉和记住的按钮只有几个,不会按错
  3. 利用电视屏幕比在遥控器上增加液晶面板便宜得多
  4. 在设备之间转移
    1. 利用移动平台与桌面平台的优势,各司其职,把某项任务的某些内容(如输入信息)转移到不同的平台上
    2. 向用户转移:把复杂的工作留给用户

  1. 用户擅长的事情:让用户感觉简单,明确哪些信息给计算机,哪些信息给用户

简化策略的组合

  1. 删除不必要的
  2. 组织要提供的
  3. 隐藏非核心的
  4. 转移

交互设计模型与理论

预测模型(大题)

预测模型

  1. 能够预测用户的执行情况,但不需要对用户做实际测试
  2. 特别适合于无法进行用户测试的情形
  3. 不同模型关注用户执行的不同方面
    1. GOMS:击键层次模型KLM
    2. Fitts定律

GOMS模型

最著名的预测模型,基于人类处理机模型,泛指整个GOMS模型体系。

优点:能够容易的对不同的界面或系统进行比较分析

缺点:假设了用户完全按一种正确的方式人机交互,没有清楚的描述错误处理过程;只针对那些不犯任何错误的专家用户;任务之间的关系描述过于简单;忽略了用户间的个体差异

击键层次模型

  1. 对用户执行情况进行量化预测,仅涉及时间

  2. 用途

    • 预测无错误情况下专家用户在下列输入前提下完成任务的时间
    • 便于比较不同系统
    • 确定何种方案能最有效地支持特定任务
  3. 操作符

  4. 使用

    两个例子

  1. 放置M操作符的启发规则

  2. KLM分析:建模可以给出执行标准任务的时间,但没有考虑下面的问题:错误、学习性、功能性、回忆、专注程度、疲劳、可接受性。

Fitts定律

最健壮且被广泛采用的人类运动模型之一。

用户访问屏幕组件的时间对于系统的使用效率是至关重要的。

能够预测使用某种定位设备指向某个目标的时间,根据目标大小及至目标的距离,计算指向该目标的时间,可指导设计人员设计按钮的位置、大小和密集程度,对图形用户界面设计有明显的意义(重点研究P操作的时间)。

Fitts定律描述了人类运动系统的信息量。

三个部分

Fitts定律建议
  1. 大目标、小距离具有优势:对选择任务而言,其移动时间随到目标距离的增加而增加,随目标的大小减小而增加
  2. 屏幕元素应该尽可能多的占据屏幕空间(大目标)
  3. 最好的像素是光标所处的像素(小距离)
  4. 屏幕元素应尽可能利用屏幕边缘的优势(大目标)
  5. 大菜单,如饼型菜单,比其他类型的菜单使用简单(大目标)

评估的基础知识(三分之一的分数)

评估泛型和方法(今年会考大题)

快速评估

可用性测试

实地研究

预测性评估

评估方法的选择

  • 不同方法的适用阶段
  • 评估方法的组合

DECIDE评估框架

  1. 确定目标

  1. 发掘问题

  1. 选择评估范型和技术

  2. 明确实际问题

  3. 处理道德问题

  4. 评估、解释并表示数据

小规模试验的重要性(会考)

试验发布前的评估和检查

  1. 对评估计划进行小范围测试:以确保评估计划的可行性;检查设备及使用说明;练习访谈技巧;检查问卷中的问题是否明确
  2. 小规模试验可进行多次
    • 类似迭代设计
    • 步骤:测试、反馈、修改、再测试
    • 快速、成本低

启发式评估(重点)

询问专家之启发式评估:一种灵活而又相当廉价的评估方式。

由可用性专家完成

步骤

  1. 彻底检查界面
  2. 将界面与启发式规则进行对比
  3. 列举可用性问题
  4. 应用启发式规则对每一个问题进行解释与确认

如何正确评估?

  1. 分析每个问题对应的启发式规则
  2. 列出所有问题
  3. 至少遍历两次界面
  4. 不要局限于10条启发式原则:还有各种affordances、constraints、颜色原理等

启发式评估的优点:

  1. 不涉及用户,所以面临的实际限制和道德问题较少
  2. 成本相对较低,不需要特殊设备,而且较为快捷
  3. 又被称为“经济评估法”

启发式评估的缺点:

  1. 评估人员需要经过长时间的训练才能成为专家:理想的专家应同时具备交互设计和产品应用域的知识
  2. 可能出现“虚假警报”
image-20231230230028208

用户测试(必考大题)

  • 在受控环境中(类似于实验室环境)测量用户执行典型任务的情况
  • 目的是获得客观的性能数据,从而评价产品或系统的可用性,如易用性、易学性等
  • 最适合对原型和能够运行的系统进行测试
  • 可对设计提供重要的反馈
  • 在可用性测试中,往往把用户测试和其他技术相结合

测试设计

用户测试须考虑实际限制并做出适当的折衷

  • 应确保不同参与者的测试条件相同
  • 应确保评估目标特征具有代表性
  • 实验可重复,但通常不能得到完全相同的结果
  • 以DECIDE框架为基础
  1. 第一步:定义目标和问题

    1. 目标描述了开展一个测试的原因,定义了测试在整个项目中的价值。

    2. 目标是对关注点的说明和解答,比如用户在少于5秒的时间内,能够导航到正确的3级菜单

  2. 第二步:选择参与者

    1. 了解用户特性帮助选择典型用户,需要平衡性别比例,至少4-5位、5-12位用户就足够了。

    2. 参与者安排

      • 参与者不同:随机指派某个参与者组执行某个实验情形
        • 缺点:要求有足够多的参与者;实验结果可能会受到个别参与者的影响(解决:随机分配 or 预测试)
        • 优点:不存在”顺序效应”,即参与者在执行前一组任务时获得的经验将影响后面的测试任务
      • 参与者相同:相同的参与者执行所有实验情形,与前一种方法比只需一半的参与者
        • 优点:能够消除个别差异带来的影响;便于比较参与者执行不同实验情形的差异。
        • 缺点:可能产生“顺序效应”(解决方法:均衡处理,如果有两项任务A和B,那么,应让一半的参与者先执行A,再执行B,另一半则先执行B,再执行A)
      • 参与者配对:根据用户特性(如技能和性别等),把两位参与者组成一组,再随机地安排他们执行某一种实验情形。适用于参与者无法执行两个实验情形。
        • 缺点:实验结果可能会受一些未考虑到的重要变量的影响
        • 如在评估网站的导航性能时,参与者使用互联网的经验将影响实验结果
        • 因此,“使用互联网的经验”即可作为一个配对标准

  3. 设计测试任务

  4. 明确测试步骤

  5. 数据搜集

分析方法

总结报告

以用户为中心

考过英文是什么 User Centered Design(UCD)

选择题40分,mooc题

注意4

注意1

注意1、2、5

  • 标题: 人机交互系统
  • 作者: Kiyotaka Wang
  • 创建于 : 2024-01-11 09:15:31
  • 更新于 : 2024-01-15 13:07:31
  • 链接: https://hmwang2002.github.io/2024/01/11/ren-ji-jiao-hu-xi-tong/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
此页目录
人机交互系统