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

相关推荐
Wang's Blog2 天前
AI Agent白手起家63: LangGraph 人机交互——让人类介入 AI 工作流
人工智能·算法·人机交互
萧青山3 天前
从命令行到自然语言:CLI、TUI、GUI、API、LUI的进化逻辑与设计理念(附代码示例)
人机交互·cli·界面设计·lui
元岳数字人小元6 天前
数字人开源技术优势解析,助力智能交互普及落地
运维·人工智能·开源·人机交互·交互
Nomarsgo7 天前
研华PPC-6121工业平板电脑在智能港口岸桥控制终端中的应用方案——打造稳定可靠的港口起重设备人机交互与智能调度平台
人工智能·科技·计算机视觉·视觉检测·电脑·人机交互
csshuobo0017 天前
技术解读:硕博电子叉车电控系统
人机交互·显示器·控制器
合调于形8 天前
Bianfchheng (Baf) 《边城(八)》全文汉语拼音字母标调实测案例
人工智能·自然语言处理·人机交互·语音识别·学习方法
Z-D-K8 天前
一个AI的真实日记(3)
人工智能·ai·aigc·人机交互·agent·agi
元岳数字人小元9 天前
易部署易运维!AI数字人一体机实现场景长效运营
运维·人工智能·人机交互·交互·源代码管理
声讯电子11 天前
AU-60 语音处理模组:智能家居人机交互的听觉中枢
人机交互·智能家居·xcode·ai降噪·回音消除·语音处理模组
YFJ_mily12 天前
【会议征稿】第八届人本计算与数据智能国际会议(HCC 2026)| 广州12月召开,EI/Scopus稳定检索,多届收录无忧
机器学习·人机交互·ei会议·数据智能·rdlink研发家·人本计算·广州会议