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

相关推荐
人机与认知实验室4 天前
人机交互中的链式法则与非链式法则
人机交互
Blossom.1187 天前
基于深度强化学习的智能机器人路径规划技术研究
深度学习·机器人·动态规划·人机交互·制造·强化学习·路径规划
深圳启明云端科技9 天前
家电产品智能屏方案,ESP32系列助力智能升级,物联网通信交互应用
物联网·人机交互·芯片·乐鑫·esp32-s3·esp32-c3·智能屏
摸鱼码11 天前
人机交互自学引导
人机交互
Blossom.11811 天前
AI赋能:科技写作的革新之路
人工智能·人机交互·学习方法·ai写作·集成学习·ai赋能·ai智能写作
Watermelo61711 天前
前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略
前端·vue.js·人工智能·语言模型·自然语言处理·人机交互·deepseek
硬禾科技12 天前
SAME51J20A Curiosity Nano|支持Arduino开发,适用于物联网终端、工业控制及人机交互场景
物联网·人机交互·microchip·物联网终端
人机与认知实验室12 天前
人机交互中的“分布式主体性”与“集中式整体性”
分布式·人机交互
Blossom.11813 天前
区块链技术在供应链管理中的应用与创新
人工智能·阿里云·区块链·人机交互·智能合约·数据可视化·信任链
宋1381027972014 天前
5DT数据手套:技术剖析与应用展望
网络·人工智能·深度学习·机器人·人机交互