【人机交互 复习】第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%之间时是比较合理的

相关推荐
王伟19823 小时前
人机交互的6个阶段
人机交互·键盘·鼠标·触摸屏·语音交互
徐礼昭|商派软件市场负责人3 小时前
“80%应用将消亡”?后App时代:AI智能体重构人机交互与数字商业新秩
大数据·人工智能·人机交互·零售·智能搜索·ai推荐
深圳博达智联3 小时前
手机远程控制变频器!博达智联 4G 模块让设备管理更智能
物联网·智能手机·人机交互·工业
码农三叔14 天前
(3-2-01)视觉感知:目标检测与分类
人工智能·目标检测·分类·机器人·人机交互·人形机器人
小贺儿开发15 天前
Unity3D 自动化物流分拣模拟
运维·科技·unity·自动化·人机交互·传送带·物流分拣
码农三叔15 天前
(3-1-01)视觉感知:从像素到语义:图像处理基础
图像处理·人工智能·嵌入式硬件·机器人·人机交互·人形机器人
人机与认知实验室16 天前
人机交互的春夏秋冬
人机交互
人机与认知实验室17 天前
人机交互中的意图假设与筛选
人机交互
小贺儿开发17 天前
Unity3D 木胎雕刻
科技·unity·人机交互·互动·雕刻
摘星编程17 天前
突破界限!多模态AI如何重塑人机交互的未来?
人工智能·人机交互