【人机交互 复习】第7章 可视化设计

news2024/11/28 2:41:41

一、窗口界面类型

1.多文档界面

(1)优点

a.节省系统资源

b.最小的可视集

c.协同工作区

d.多文档同时可视化

(2)缺点

a.菜单随活动文档窗口状态变化,导致不一致性

b.文档窗口必须在主窗口内部,减弱多文档显示优势

c.屏幕显示复杂:子窗口可能在父窗口中被最小化

2.单文档界面

(1)优点

a.从用户角度出发,以文档为中心

b.界面的视觉复杂性小

(2)缺点

a.不能管理分散但相关的文档窗口

b.相关文档不能从相同类型的其他文档中分离

c.文档打开过多时,任务栏可能被占满

3. 标签文档界面

(1)窗口菜单:包含了当前打开窗口的列表

(2)优点:让用户看到哪些窗口是打开的

(3)缺点:不允许用户看到两个及以上的窗口内容

4.菜单

(1)已经成为窗口环境的标准特征

(2)适合初学者,包含完整工具集合

(3)最重要的特性:描述性、一致性

二、 对话框

1.模态对话框:

冻结了它属于的应用,禁止用户做其他操作,需要优先处理对话框中出现的问题。

2.非模态对话框:

打开后无须停止进度,应用程序也不会冻结。

3.分为:属性对话框,功能对话框,进度对话框,公告对话框,错误对话框,警告对话框,确认对话框等。

4.对话框设计原则

(1)把主要的交互操作放在主窗口中

(2)为非模态对话框提供一致的终止命令

(3)设计对话框时要注意展现出明显的视觉层次

(4)每个对话框要要有一个标题来标示它的用途。

(5)不要堆叠标签

三、控件

1.概念

(1)用户和数字产品进行交流的屏幕对象

(2)控件的使用必须恰当且合理

(3)根据用户目标,控件可分为4种基本类型

        命令控件 选择控件 显示控件 输入控件

四、工具栏

1.工具栏 VS 菜单

(1)都提供对程序功能的访问

(2)菜单提供完整的工具集,主要用于教学

(3)工具栏是为经常使用的命令设置的,对新手用户帮助不大(工具提示可以在一定程度上缓解这个问题)

2.微软公司的“工具提示”与苹果公司的“气球帮助”

(1)工具提示就是一个词,气球帮助就是一句话。

(2)工具提示延时出现的时机非常好,只有当使用者的鼠标放在某个对象上大约1秒的时间之后,它才会显示帮助信息。

(3)而气球帮助,相比起来,实在是太长太占地方了,还不简单明了

3.工具栏使用原则

(1)应以含义及其使用场合为基础

(2)找代表事物的图像要比寻找代表动作或关系的图像容易得多

(3)适当禁用工具栏控件:例如,如果图标按钮被禁止按下,控件本身也应该变为灰色,使禁用状态绝对明显。

五、屏幕复杂性度量

1.布局复杂度

如果可视对象在高度和宽度上经常改变,以及对象与可视交互环境边界之间的距离比较大的话,就可以说这个布局较复杂。(就是组件越多,摆的越复杂,这个复杂度就越高)

这个有个计算公式,也有计算题,但是我实在是搜不到例题,也看不明白。

2.改良的布局复杂度

例题:

原:

现:

计算方法:

可视组件总数加上顶端未对齐组件的个数和左侧未对齐组件的个数,就可以得到相同的最终结果(相加即可)

3.布局统一度

(1)相比布局复杂度、布局统一度是一种更加实际和简单的度量方法。

(2) 当可视组件整齐排列或者组件尺寸相差不大时,布局统一度就会提高

左:各组件在大小或位置上没有一致性,布局统一度是0%

右:各组件的布局和大小完全一致,该接口布局统一度是100%

中庸的设计,布局统一度82.5%

(3)介于50%和85%之间时是比较合理的

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

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

相关文章

[C++][数据结构][B-树][上]详细讲解

目录 0.常见的搜索结构1.B树概念2.B-树的插入分析1.流程分析2.插入过程总结 0.常见的搜索结构 种类数据格式时间复杂度顺序查找无要求 O ( N ) O(N) O(N)二分查找有序 O ( l o g 2 N ) O(log_2 N) O(log2​N)二叉搜索树无要求 O ( N ) O(N) O(N)二叉平衡树无要求 O ( l o g 2 …

【计算机网络仿真】b站湖科大教书匠思科Packet Tracer——实验5 交换机的自学习算法

一、实验目的 1.验证交换机的自学习算法; 2.了解交换机对帧的过滤特性; 3.学习交换机如何登记接收到的数据包; 4.学习交换机如何转发数据包(明确转发,盲目转发,丢弃)。 二、实验要求 1.使用Cisc…

自动化办公04 使用pyecharts制图

目录 一、柱状图 二、折线图 三、饼图 四、地图 1. 中国地图 2. 世界地图 3. 省会地图 五、词云 Pyecharts是一个用于数据可视化的Python库。它基于Echarts库,可以通过Python代码生成各种类型的图表,如折线图、柱状图、饼图、散点图等。 Pyecha…

养车小程序系统源码,汽修源码,仿途虎养车系统源码,车辆保养小程序系统

用户端+商家端+师傅端 功能介绍: 支持下单上门服务、到店核销,支持单独选择项目、 也支持选择服务人员、和选择门店多种下单方式, 支持上门服务和到店核销两种服务方式,支持自营和多商家联营两种运营模式&#xff…

静态路由(Static-Route)-Cisco

路由(Route) 世界上数亿的计算机大海 通过路由将世界连接 路由连接LAN、WAN、MAN,也连接世界 路由的工作 路由器将大块信息分解为小数据包 以实现可靠和高效的传输 过程称为“反汇编”和“封装数据有效负载” 路由表是一种逻辑数据结构…

Linux 服务管理(待更)

服务(service)本质就是进程,但是是运行在后台的,通常都会监听某个端口,等待其它程序的请求,比如(mysqld , sshd防火墙等),因此又称为守护进程。 比如通过xshell进行连接的时候,需要输入的端口号就是通过守护…

PyTorch梯度直通反传

有时我们想在层的输出端放置一个阈值函数。这可能出于多种原因。其中之一是我们想将激活总结为二进制值。这种激活的二值化在自编码器中很有用。 然而,阈值化在反向传播过程中会带来问题:阈值函数的导数为零。这种梯度的缺乏导致我们的网络无法学习任何…

CSDN图片居中、左对齐、右对齐、大小设置

图片居中、左对齐、右对齐 ![在这里插入图片描述](https://img-blog.csdnimg.cn/99dc1072e8f1471990b700e1c85d301a.jpeg#pic_center) 大小设置 空格400x150 空格30%x # 长400 宽200 ![在这里插入图片描述](https://img-blog.csdnimg.cn/99dc1072e8f1471990b700e1c85d301a.…

hive on spark 的架构和常见问题 - hive on spark 使用的是 yarn client 模式还是 yarn cluster 模式?

hive on spark 的架构和常见问题 - hive on spark 使用的是 yarn client 模式还是 yarn cluster 模式? 1. 回顾下 spark 的架构图和部署模式 来自官方的经典的 spark 架构图如下: 上述架构图,从进程的角度来讲,有四个角色/组件&…

opencascade AIS_InteractiveContext源码学习3 highlighting management 对象高亮管理

AIS_InteractiveContext 前言 交互上下文(Interactive Context)允许您在一个或多个视图器中管理交互对象的图形行为和选择。类方法使这一操作非常透明。需要记住的是,对于已经被交互上下文识别的交互对象,必须使用上下文方法进行…

TugraphDB:探索图数据库新境界

TugraphDB:释放图数据的全部潜能- 精选真开源,释放新价值。 概览 TugraphDB是支付宝背后的分布式图数据库。该项目是由蚂蚁集团和清华大学共同研发的高性能分布式图数据库,支持事务处理、TB 级大容量、低延迟查找和快速图分析等功能。专为处…

安卓系统安装linux搭建随手服务器termux平替软件介绍

引言 旧手机丢可惜,可以用ZeroTermux(一款代替termux)的超级终端,来模拟Linux(甚至你可以模拟Win,只要性能够用) ps:此软件只是termux的增强版,相当于增加右边菜单&…

第N5周:调用Gensim库训练Word2Vec模型

🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊 | 接辅导、项目定制🚀 文章来源:K同学的学习圈子 目录 本周任务: 1.安装Gensim库 2.对原始语料分词 3.停用词 4.训练Woed2Vec模型 …

单阶段目标检测--NMS

目录 一、概念: 二、算法过程 三、代码实现 一、概念: 在目标检测的初始结果中,同一个物体,可能对应有多个边界框 (bounding box,bb),这些边界框通常相互重叠。如何从中选择一个最合适 的(也就…

【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 披萨大作战(100分) - 三语言AC题解(Python/Java/Cpp)

🍭 大家好这里是清隆学长 ,一枚热爱算法的程序员 ✨ 本系列打算持续跟新华为OD-C/D卷的三语言AC题解 💻 ACM银牌🥈| 多次AK大厂笔试 | 编程一对一辅导 👏 感谢大家的订阅➕ 和 喜欢💗 &#x1f…

1 UC

1 UC 1、环境变量2、环境变量表3、错误处理4、库文件4.1 静态库4.2 动态库4.3 动态库的动态加载 5、虚拟地址 1、环境变量 什么是环境变量? 每个进程都有一张自己的环境变量表,表中的每个条目都是形如“键值”形式的环境变量。进程可以通过环境变量访问…

opencascade AIS_InteractiveContext源码学习4 object local transformation management

AIS_InteractiveContext 前言 交互上下文(Interactive Context)允许您在一个或多个视图器中管理交互对象的图形行为和选择。类方法使这一操作非常透明。需要记住的是,对于已经被交互上下文识别的交互对象,必须使用上下文方法进行…

数据结构4---串

一、字符串暴力匹配 要注意的就是i与j的回溯&#xff0c;通过不断移动主串的指针&#xff0c;时间复杂度高 #include <stdio.h> #include <stdlib.h>typedef struct String {char* data;int len; }String;String* initString() {String* s (String*)malloc(sizeo…

分布式理论与设计 四、分布式系统设计策略

在分布式环境下&#xff0c;有几个问题是普遍关心的&#xff1a; 如何检测当前节点还活着&#xff1f;如何保障高可用&#xff1f;容错处理负载均衡 1.心跳检测 在分布式环境中&#xff0c;我们提及过存在非常多的节点&#xff08;Node&#xff09;。那么就有一个非常重要的…

c++ 编译过程杂记等

开篇一张图。 编译器 把我们的代码翻译成机器语言 ​ gcc编译程序的过程 gcc编译程序主要经过四个过程&#xff1a; 四个过程说明&#xff1a; ​ 预处理实际上是将头文件、宏进行展开。 编译阶段&#xff0c;gcc调用不同语言的编译器&#xff0c;例如c语言调用编译器ccl…