人机交互复习专题

news2024/11/15 10:58:48

第一章概述

1.1人机交互的概念与理解

bffd72dee0894e2f84cb1ca0c0e7158c.png

人机交互的概念与理解

人机交互是人与机器进行交互的操作方式,即用户与机器互相传递信息的媒介。好的人机交互界面美观且通俗易懂、操作简单有引导功能,使用户感受到愉快、有兴趣,从而提升使用效率。

美国二十一信息技术计划中,基础研究的四项内容为:软件、人机交互、网络、高性能计算。

 

1.2人机交互与其他学科间的关系

19ccdc0902a34be58d24e01815cf6947.png

人机交互与其他学科间的关系:人机交互技术建立在认知心理学和人机工程学的基础上,多媒体技术和虚拟与增强现实技术是计算机与人机交互技术的交叉学科或交叉技术。

1.3人机交互发展历史

1578cd442e624f7191c57ad5b1d29810.png

三大阶段:

第一阶段是语言命令交互阶段,通过枯燥的命令行来控制计算机。

第二阶段是图像用户界面交互阶段(现阶段),引喻的大量使用,例如购物车、剪切、格式刷等,所见即所得,直接操作的特点,形象化的美观便捷的与计算机进行交互。

第三阶段是自然和谐的人机交互阶段(将来的阶段)

人机交互发展最有影响力的事件和成果:

1.在1945年提出应采用设备或技术帮助科学家进行检索、记录、分析各种信息的明确目的,和一种“Memex”的工作站构想。

2.在1963年鼠标器的发明

3.在1963年开创计算机图形学,1968年头盔式计算机

4.二十实际七十年代重叠式多窗口系统的发明

5.1989年www网的发明,各种浏览器的出现,使计算机飞速发展

6.二十世纪九十年代,新一代多通道人机交互方面进行展开研究

05b66188fd9645689b0a16c39b2b4428.png

84f9e99b6dfe4dfc9232b52eb9bdc7b0.pnge75b3f368dbd48378478105202d3efbf.png

1.4人机交互的发展趋势

46fd3e1584fb4e7d81e8d9abe2d95568.png 26fda3e9e64f4065baff3194a200e431.png

四大发展趋势

集成化:集成化的理解(硬件的集成化和软件的集成化)多设备多通道多软件和谐的共存 与人一样自然交谈必须要有良好的集成性。

网络化:人机交互系统与互联网的结合,使得人们可以通过网络进行交互和获取信息。

智能化:人机交互系统具备更高级别的智能和自主能力。例如:语音助手,智能算法。

标准化:人机交互领域形成一套共同的规范和标准,以保证用户在不同系统和设备之间的交互具有一致性和互操作性。

第二章认知心理学与人机工程学

记忆与学习

考虑到人的记忆特点 在设计界面时,勿使用过多复杂的任务执行步骤,使用菜单,图标等图文界面,回忆提示(密码的提示语句),为用户提供多种电子信息(文件、邮件、图像等)编码方式,并通过颜色、标志、时间戳、图标等帮助用户记住他们的位置。

考虑到人的学习的特点 在于其他软件相似的功能时,应尽量保持一致,例如快捷键、图标等,在新功能上,界面应能够激发用户对界面使用的探索、限制可选项,引导用户进行合适的动作、使用动态链接把具体表示与待学习的抽象表示相联系。

人的特性

1.人的易出错(设置容错机制)

2.关注与注意的特点(信息的显示应醒目,避免安排过多信息,谨慎使用色彩,分散注意力会导致用户反感,朴实的界面更容易使用)

3.疲劳的特性

第三章人机界面的艺术设计

艺术设计的内涵

文化特性(杭州西湖)、经济特性、社会特性、科技特性(新的交互技术)

色调是色彩作品的总倾向,要先决定色调(冷暖)

色彩搭配 对比色与邻近色的使用,明度

027c073228a74c57854311ff1310679e.png fa96d2dd1f1747bd8bf4123f1bad49bf.png

094a55a9bce7415bb43294f466b0f274.png48126b77fb464c92af2f1d47a44511a3.png 4e3d6fb10cf846bb9b271a6d866e54ea.png

9486fdd3e3ef440eab7721c497970cc3.png bacad44e23d248ab8a3aefacc2855a28.png

57a0d9e041a544d39a14c63ed36b5296.png8ec5e206b3f94c12aa9c3bc702c52029.png 

第四章web交互技术

信息的三种类型:数据、复杂信息、过程性信息

信息的两种特性:动态性(实时更新)、一致性(用户下单与商家保持一致) 

网站的结构:逻辑结构(看关系看链接),物理结构(看实体看位置)   对于用户来讲逻辑大于物理

网页设计遵循什么原则 5个

内容与形式的统一:网站呈现的信息数据与文字内容,形式是为内容进行服务

特色明确:了解受众群体,明确鲜明的特点

统一整体的形象:主题鲜明突出,几个页面中布局或色彩或logo...保持一致

减少浏览层次:简化网页层次

了解浏览者的心理状态

37fa614404f740ffbf3bb6d5ad087fb1.png

10eaabd602a2485e8af7fb82cd137c19.png 129094ab155c4d5691482d99f6d4cecd.png

d31dfe060545410983634a15f9e42b15.png

第五章 软件界面开发与设计原则

软件界面开发与设计原则:

一致性原则

提供信息反馈

合理利用空间,保持界面的简洁

合理利用颜色、显示效果来实现内容与形式的统一

使用图形和隐喻设计

对用户出错的宽容性和帮助功能

使用快捷方式

尽量减少对用户记忆的要求

帮助系统的设计原则

可用性

精确性和完整性

一致性

灵活性

鲁棒性

不唐突性

出错处理系统的设计

错误预防原则

错误恢复原则

  多媒体音频技术

be2c0b7b46284438bf1c395172268f05.png

c4c86600dc7e45978d832c13d38eeee4.png 4bad84742dbf44bdade673906123ffaa.png

f63a0e6431174c0ea5c5e7a71fed74fd.png

数字音频的文件格式

1.波形音频 .wav 特点:声音层次丰富,还原音质好 缺点:文件太大,不适合时间记录。

2.MP3文件 特点:高压缩比(11:3),优美音质

3.WMA文件 特点:压缩到MP3一半

4.MID文件 特点:数据量很小,缺乏重现自然音

数字图像基础

数字图像的文件格式

1.BMP文件 不采用其他任何压缩,包含图像信息丰富 在单机上比较流行

2.GIF文件 Web上常用 最多支持256种颜色,颜色较少、无损压缩、支持透明色,适用于web小图片 如:图标

3.JPG文件 高效率的压缩文件,存储时将肉眼无法分辨的信息删除,压缩比可调节,失真率小

4.PNG文件 无损压缩 显示速度快,只需要下载1/64的图像信息即可显示低分辨率的预览图像

5.TIFF文件 存储的图像细微层次的信息非常多,格式内容过于复杂,存储占有容量大

6.TGA文件 图形、图像数据的通用格式 可以做出不规则形状的图片,有个透明通道

Mugeda

b845a5a3922a44a5854b24d36f7b654c.png

网页设计与办公软件的设计原则有什么区别 网页设计遵循。。。。 其他软件遵循。。。。

布局特点作用字体文化内涵 心理学面对对象 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1201505.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用Nodejs搭建简单的Web网页并实现公网访问

目录 前言 1. 安装Node.js环境 2. 创建Node.js应用 3. 安装Cpolar内网穿透实现公网访问Nodejs服务 3.1 注册cpolar账号 3.2 下载cpolar客户端 3.3 创建隧道映射本地端口 4. 固定公网远程地址 前言 Node.js是建立在谷歌Chrome的JavaScript引擎(V8引擎)的Web应用程序框架…

单链表(6)

删除第一个val的值(考试重点) 思路:例如删除val值为3的数据,直接让数据2的p->next指向数据4就可以了。 所以删除必须依赖前驱。也就是要写删除函数,则先要完成返回key的前驱地址的函数 也就是先知道前驱地址&#…

代码随想录第五十一天 | 动态规划 买卖股票:含冷冻期 的多状态 买卖股票问题(309);包含手续费 的买卖股票问题(贪心,动态规划)(714)

1、含冷冻期 的多状态 买卖股票问题 1.1 leetcode 309:最佳买卖股票时机含冷冻期 第一遍代码 运用之前二维dp数组的方法,第二个维度大小为2,对应持有,不持有 dp[1][0] max(dp[0][0], -prices[1]);注意要考虑只有一天的情况 dp[…

Python---字典的增、删、改、查操作

字典的增操作 基本语法: 字典名称[key] value 注:如果key存在则修改这个key对应的值;如果key不存在则新增此键值对。 案例:定义一个空字典,然后添加name、age以及address这样的3个key # 1、定义一个空字典 person {…

阿里云国际站:密钥管理服务

文章目录 一、密钥管理服务的概念 二、密钥管理服务的功能 三、密钥管理服务的优势 一、密钥管理服务的概念 密钥管理服务KMS(Key Management Service)是您的一站式密钥管理和数据加密服务平台、一站式凭据安全管理平台,提供简单、可靠、…

creo之混合和扫描混合

案例一:杯子 步骤: 在top平面画一个草图圆角矩形: 然后形状–》混合 然后绘制新增的截面2: 用中心线将圆分割成八分,因为底部的圆角矩形是八份线段组成,所以我们要和他一样分成八份:先画中心线…

深入理解对象存储(OSD)

对象存储 1、对象存储的起源2、什么是对象存储3、对象存储与块存储、文件存储4、对象存储架构4.1、对象(Object)4.2、对象存储设备(OSD)4.3、元数据服务器(MDS)4.4、对象存储系统的客户端(Clien…

链表的逆置

方法1: 依次将指针反向,最后令头指针指向尾元素。 逆置过程如下: 当q指针为空时,循环结束。 //试写一算法,对单链表实现就地逆置, void Reverse1(List plist)//太复杂,不用掌握 {assert(plist ! NULL);i…

【计算机网络笔记】IP编址与有类IP地址

系列文章目录 什么是计算机网络? 什么是网络协议? 计算机网络的结构 数据交换之电路交换 数据交换之报文交换和分组交换 分组交换 vs 电路交换 计算机网络性能(1)——速率、带宽、延迟 计算机网络性能(2)…

实验一 Anaconda安装和使用(上机Python程序设计实验指导书)

实验一 Anaconda安装和使用 一、实验目的和要求 (一)掌握Windows下Anaconda的安装和配置。 (二)掌握Windows下Anaconda的简单使用,包括IDLE、Jupyter Notebook、Spyder工具的使用。 (三)掌…

05-Spring中Bean的生命周期

Bean的生命周期 生命周期就是对象从创建开始到最终销毁的整个过程 , Spring其实就是一个管理Bean对象的工厂,它负责对象的创建和销毁等 Bean生命周期的管理可以参考Spring的源码:AbstractAutowireCapableBeanFactory类的doCreateBean()方法 研究生命周期的意义&am…

2023最新版本 从零基础入门C++与QT(学习笔记) -1- C++输入与输出

🎏说在前面 🎈我预计是使用两个月的时间玩转C与QT 🎈所以这是一篇学习笔记 🎈根据学习的效率可能提前完成学习,加油!!! 输入(代码如下方代码块) 🎄分析一下构成 🎈…

【可解释AI】Alibi explain: 解释机器学习模型的算法

Alibi explain: 解释机器学习模型的算法 可解释人工智能简介Alibi特点算法Library设计展望参考资料 今天介绍Alibi Explain,一个开源Python库,用于解释机器学习模型的预测(https://github.com/SeldonIO/alibi)。该库具有最先进的分类和回归模型可解释性算…

springboot项目基本配置

接口入口日志 参数校验 业务逻辑执行 异常捕获-统一异常处理 统一数据返回体 接口返回日志 使用的是springboot2.x版本。 Mybatisplus 官网地址&#xff1a;https://baomidou.com/ 导入依赖 <dependency><groupId>com.baomidou</groupId><artifactId&g…

【Opencv】cv::dnn::NMSBoxes()函数详解

本文通过原理和示例对cv::dnn::NMSBoxes&#xff08;&#xff09;进行解读&#xff0c;帮助大家理解和使用。 原理 cv::dnn::NMSBoxes是OpenCV库中的一个函数&#xff0c;用于在目标检测中处理多个预测框。在目标检测中&#xff0c;模型可能会为同一个物体生成多个预测框&…

Web开发:一键复制到剪切板功能实现思路

在很多网页页面中我们都使用到过一键复制内容到剪切板的小功能&#xff0c;那么&#xff0c;具体如何实现呢&#xff1f;下面来讲述基于原生JavaScript API的两种实现思路。 同步方式&#xff1a;document.execCommand 这种方式&#xff1a; ①优点&#xff1a;是最传统的方法…

Resources接口和实现类

Spring Resources概述 Java的标准iava.net.URL类和各种URL前缀的标准处理程序无法满足所有对low-evel资源的访问&#xff0c;比如: 没有标准化的URL实现可用于访问需要从类路径或相对于 ServletContext 获取的资源。并且缺少某些Spring所需要的功能&#xff0c;例如检测某资源…

Ps:RGB 颜色模式

Ps菜单&#xff1a;图像/模式/RGB 颜色 Image/Mode/RGB Color RGB 颜色模式 RGB Color Mode是数字图像捕捉、处理以及显示的最常用模式&#xff0c;也是 Photoshop 默认的工作模式。 RGB 是 Red&#xff08;红色&#xff09;、Green&#xff08;绿色&#xff09;、Blue&#xf…

node实战——koa实现文件下载和图片/pdf/视频预览(node后端储备知识)

文章目录 ⭐前言⭐koa-send库实现下载⭐mime-types库实现图片预览&#x1f496; 渲染图片&#x1f496;渲染404&#x1f496;预览pdf&#x1f496;预览视频 ⭐总结⭐结束 ⭐前言 大家好&#xff0c;我是yma16&#xff0c;本文分享关于node实战——koa实现文件下载和图片预览。…

数据结构----链式栈的操作

链式栈的定义其实和链表的定义是一样的&#xff0c;只不过在进行链式栈的操作时要遵循栈的规则----即“先进后出”。 1.链式栈的定义 typedef struct StackNode {SElemType data;struct StackNode *next; }StackNode,*LinkStack; 2.链式栈的初始化 Status InitStack(LinkSta…