[笔记]-认知与设计

关于感知:

1、人们会倾向于通过以往的经验和操作对待处理事件进行感知。

2、环境会诱导人们朝与环境相贴合的方向对事物进行感知。

3、我们对目标的主观期望也会影响我们的感知。

设计过程中,应该努力做到:消除歧义、保持一致、理解目标。

格式塔原理

接近性

我替之间的相对距离会影响我们感知它们之间是否以及如何组织在一起。拉近某些物体之间的距离,同时拉开与其它对象的距离,使之视觉上成为一组,而不须分框组和可见边界,减少视觉上的凌乱感。

相似性

其他因素相同,看起来近似的对象会被归于一组。

连续性

我们的视觉倾向于感知连续的形式而不是离散的碎片。

封闭性

我们的视觉系统自动尝试将敞开的图形封闭起来,从而将其感知为完整的物体而不是分散的碎片。

对称性

我们倾向于分解复杂的场景而降低复杂度,我们的大脑会自动解析数据并赋予它对称性。

主体/背景

大脑会将视觉区域分为主体与背景,场景的特点会影响视觉系统中对场景主体和背景的解析,倾向于小物体为主体,而大物体为背景,对主体及背景的感知也依赖于观者的注意力焦点。

视觉结构

信息呈现方式越是结构化和精细,人们就越能更快和更容易地扫描和理解,优化结构可以有效的提高用户阅读长文本的能力。

视觉层次让人专注于相关的信息

可 视化信息显示的目标之一是提供一个视觉层次,信息的安排布置。

1、将信息分段,把大块整段的信息分割成各个小段。

2、显著地标出每个信息段及子段,以便清晰地确认各自的内容。

3、以一个层次结构来展示各段及其子段,上层的段能比下层更重点被展示。

构建清晰的视觉层次

用尺寸大小、显著程度及内容关联对页面内容进行组织和排序。

尺寸大小,标题越重要,所用字体尺寸越大,粗大的标题能够抓住用户浏览时的注意力。

显著程度,标题内容越重要,就该摆在页面中越高的位置,重要信息摆放在视觉接触最优的地方。

内容关联,通过将内容以类似的视觉风格,或在清晰设定的区域展示,对相似的内容类型进行分组。

利用设计支持阅读

交互系统的设计者通过以下准则来为阅读提供支持

1、保证用户界面里的文字允许基于特征的无意识处理有效的进行,避免破坏性缺陷,难辨认或太小太大的字体,带图案的背景及不统一的字体对齐方式。

2、使用有限的、高度一致的词汇。

3、将文字格式设计出视觉层次,以便使浏览更轻松,如使用标题列表、表格、和视觉上加强了的单词。

色彩使用准则

1、用饱和度、亮度以及色相来区分颜色,通过灰度模式观察,如果在灰度模式下不能区分不同的颜色,那么颜色的差别不够。

2、使用独特的颜色,红绿黄蓝黑白。

3、避免使用色盲无法区分的颜色对。

4、在颜色之外使用其它提示,如添加icon。

5、将强烈的对抗色分开,对抗色会令人产生难受的闪烁感。

识别与回忆对用户界面设计的影响

看到与选择比回忆和输入要容易

尽可能的使用图像来表达功能

使用缩略图来紧凑的描绘全尺寸的图像

越多人使用的功能应该越可见

使用视觉让用户知道它所处的位置

让认证信息更容易回忆

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容