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

一、窗口界面类型

1.多文档界面

(1)优点

a.节省系统资源

b.最小的可视集

c.协同工作区

d.多文档同时可视化

(2)缺点

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

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

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

2.单文档界面

(1)优点

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

b.界面的视觉复杂性小

(2)缺点

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

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

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

  1. 标签文档界面

(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%之间时是比较合理的

相关推荐
码农君莫笑1 天前
Blazor项目中使用EF读写 SQLite 数据库
linux·数据库·sqlite·c#·.netcore·人机交互·visual studio
国货崛起5 天前
马斯克Neuralink:未来的人机交互先锋,将会挑战传统通讯方式
人机交互
计算机科研之友(Friend)11 天前
【计算机视觉】数据集合集!
人工智能·深度学习·计算机视觉·人机交互·无人机
博雅智信17 天前
人工智能-人机交互的机会
人工智能·python·计算机视觉·自然语言处理·数据挖掘·人机交互·hci
程序猿阿伟17 天前
《以 C++为笔,绘就手势识别人机交互新画卷》
开发语言·c++·人机交互
高工智能汽车20 天前
人机交互革命,为智能座舱市场激战注入一针「催化剂」
人机交互
万维组态21 天前
web组态可视化编辑器
前端·物联网·低代码·编辑器·人机交互·iot
人机与认知实验室22 天前
人机交互中的状态交互、趋势交互
人机交互·交互
人机与认知实验室22 天前
人机交互中的感觉交互、知觉交互
人机交互·交互
x-cmd1 个月前
[241127] Mistral AI 更新 Le Chat,免费提供前沿 AI 助手!| TrendForce 预测 2025 十大科技趋势
服务器·人工智能·科技·网络安全·ai·人机交互·mistral