Please enable JavaScript.
Coggle requires JavaScript to display documents.
人机交互复习 (简答、设计、论述 (第5章 (图形用户界面设计的一般原则 (界面要具有一致性, 合理划分并高效实用显示屏幕, 常用操作要有快捷方式,…
人机交互复习
简答、设计、论述
第1章
人机交互的基本概念和主要研究内容
多通道交互技术
人机交互技术经历的主要阶段及主要特点
第2章
Norman认知模式
影响认知的因素
概念模型及设计阶段
第3章
输入设备
⽂文本输⼊入设备
图像输⼊入设备
三维图形输⼊入设备
指点输⼊入设备
输出设备
显⽰示器
声⾳音的输出
数字纸
第4章
人机交互输入模式
请求模式
<html><img src="images/15v98ai16a1ni7ncst8i3a74ca.png">
采样模式
<html><img src="images/5vhkcljvorke6tprk1ed49fhuh.png">
优点
这种模式对连续的信息流输⼊入⽐比较⽅方便,也可同时处理多个输⼊入设备的输⼊入信息。
缺点
当应⽤用程序的处理时间较⻓长时,可能会失掉某些输⼊入信息。
事件模式
<html><img src="images/0v66lsj9qtheu38fb16kuk5pfr.png">
基本的人机交互技术
第5章
人机交互界面的分类
命令行用户界面
<html><img src="images/302jq39l78evnhq4dnc68hlkb2.png">
图形⽤用户界⾯面(WIMP)
窗⼝
图标
菜单
指点设备
<html><img src="images/668g8r260mubusqpq03h83m2r0.png">
多通道用户界面
<html><img src="images/2vgai03ogjro3jvhckadro3jpl.png">
基本特点
使用多个感觉和效应通道
允许非精确的交互
三维和直接操纵
交互的双向性
交互的隐含性
虚拟现实
<html><img src="images/176477oh2o6r7lkpesph8qa216.png">
图形用户界面的主要思想
桌面隐喻
隐喻的分类
直接隐喻
工具隐喻
过程隐喻
所⻅见即所得
直接操纵
图形用户界面设计的一般原则
界面要具有一致性
合理划分并高效实用显示屏幕
常用操作要有快捷方式
提供错误处理功能
提供信息反馈
允许操作可逆
设计良好的帮助文档
功能
界面
WYSIWYG
以用户为中心(UCD)的界面设计原则
第6章
人机交互界面表示模型
行为模型
GOMS模型
目标
操作
方法
选择规则
LOTOS模型
例子:中国象棋时序分解图
UAN模型
<html><img src="images/3fb79bmajdfsj886dqocsbrcr7.png">
<html><img src="images/5j615me7i5fuuneajvqfoiu2d4.png">
层次化的界面描述方法
<html><img src="images/1jf16alfgidak3h6kuhgusricf.png">
结构模型
状态转换网络STN
产生式规则
表现模型-模型转换
事件-对象模型
E-O模型
产生式规则
GOMS模型
MVC模型(三层)
逻辑模型(四层)
第7章
Web界面设计原则
以用户为中心
一致性
简洁与明确
体现特色
兼顾不同的浏览器
明确的导航设计
网站设计3C原则
简洁
一致性
对比度
第8章
移动界面设计原则
简单直观
个性化设计
易于检索
界面风格一致
避免不必要的文本输入
根据用户的要求使服务个性化
最大限度地避免用户出错
文本信息应当本地化
第9章
系统可用性的定义及特性
定义
特定用户在特定环境下,使用产品并达到特定目标付出、效率和满意程度
可用性的5个E的含义
有效性 Effective
效率 Efficient
吸引力 Engaging
容错能力 Error tolerant
易于学习 Easy to learn
可用性工程
了解并以用户为中心
用户参与设计
竞争性分析并迭代设计
支持可用性的设计原则
可学习性
灵活性
鲁棒性
软件可用性评估的方法
诊断式方式
用户模型法
启发式评估
认知性遍历
测试式方式
用户测试
问卷调查
访谈法
放声思考法
用户体验设计的五个层次
表现层(视觉呈现)
框架层(布局)
结构层(交互)
范围层(对需求的整合)
战略层(自身目标与用户需求)
判断 单选 填空 多选
参考
参考2
人机交互技术期末试卷.doc
参考3
人机交互复习题-1-6
作业题
在线机票订购系统
中国象棋时序
GOMS模型
<html><img src="images/6urs3qvu2btgaefg3i87bdmalm.png">
LOTOS模型
<html><img src="images/4bno6gedmtlfltfin9am5b4es3.png">
状态转换网络
<html><img src="images/4jbeaf56bqkv4jvde2e20khoou.png">
<html><img src="images/3o3lupkksffvdtli0u472l61pi.png">
设计题
<html><img src="images/6jq41o7vejo5004keci0e5g4a6.png">