认知与设计

《认知与设计》理解UI设计准则

 Jeff Johnson 著作 (美)

我不知道在没有写书之前，这些设计师是怎么做的这些认知的，现在的人也许通过读书

才能理解其中的一部分吧。时刻关注自己做的设计是否为用户解决了什么样的问题?

前言：

人机交互（HCI）由：

学科

人类工程学、心理学、认知科学、信息学、工程学、计算机科学、软件工程、社会学、人类学、语言学、美学等

设计

平面设计、图形设计、产品设计、商业美术、电影产业、服务业 等

三个要素

机器/系统、人、界面

基础方式

交互过程是一个输入和输出的过程，人通过人机界面向计算机输入指令，计算机经过处理后把输出结果呈现给用户。

人和计算机之间的输入和输出的形式是多种多样的，因此交互的形式也是多样化的。

交互设计（英文Interaction Design,缩写IXD)，是定义、设计人造系统的行为的设计领域，

它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。

交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的

物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面

上进行分析，关注以人为本的用户需求。

通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，

从而可以有效达到使用者的目标，这就是交互设计的目的。

具有影响的学者：

1、Ron Wakkary

2、ElisaGiaccardi

3、Chris Speed

4、Bill Moggridge

5、Terry Winograd

6、Donald Arthur Norman

7、Bill Buxton

8、John Meada

正文 ：

1格式塔原理：接近性：相互靠近的物体看起来属于一组

 格式塔原理： 相似性：如果物体看起来相似，就感觉属于一组

 格式塔原理： 连续性：人类视觉倾向于看到连续的形式，必要时甚至会填补遗漏

 格式塔原理： 封闭性：人类视觉倾向于看到整个物体，即使他们是不完整的

 格式塔原理： 对称性：人类的视觉系统试图将复杂的场景解析为简单和对称形状的组合

 格式塔原理： 主体、背景：主体包括一个背景中占据我们主要注意力的所有元素，其余则是背景

 格式塔原理：共同命运：一起运动的物体看起来是一组的或者相关的

2影响色彩区分的外部因素

彩色显示器的差异

灰度显示器

显示器的角度

环境光线

使用色彩注意事项

用饱和度，亮度以及色相来区分颜色

使用独特的颜色（红 黑 白 蓝 绿 黄）

避免使用色盲的人无法区分的颜色对

在颜色之外使用其他提示 （深浅 大小 面积）

将强烈的对比色分开 用色不要太抗拒 或者对比纯度很高的对比

3 让信息清晰可见

放在用户所看的位置上

标记错误

使用错误提示的符号 ❌

保留红色以呈现错误（信息）中国应用设计例外 因为红色还有吉祥 积极的意义

小心使用：

弹出式对话中的信息  使用声音  闪烁或者短暂的晃动

将用户界面里面的文字减少到最少，使用最少的文字让用户完成目标

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

看到和选择比回忆和输入要容易 （提示）

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

使用缩略图来紧凑地描绘全尺寸的图像  比如大多数的设计网站的和电商App

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

使用视觉提示让用户知道他们所处的位置

让认证信息容易回忆

安全性的问题考虑（生物识别 比如虹膜扫描 人脸识别 数字指纹扫描 语音系统识别等）

5 三个“脑”

1 旧脑：管食物 性 危险 负责调节身体的自动功能（爬行动物）

2 中脑：控制情绪，对事物产生愉悦 、难过、害怕、竞争意识、忧虑、愤怒 （鸟类 哺乳动物）

3 新脑：控制有目的、有意识的活动，包括制作计划等 （猴子 大象 海豚 猿人 人类 ）

6 用户界面设计的影响

引导用户完成他们的目标

明确无误地告知用户需要了解的信息

不要让用户诊断系统问题

让用户使用感觉而不是计算

让系统令人感到熟悉

让电脑自己去计算

7 菲茨定律对设计的影响

菲茨定律：在屏幕上 目标越大 并且越靠近起始位置，你就能越快的指向他

目标（图形化按钮  菜单 链接  可点击的） 足够大，方便用户点击到

让实际可点击对象至少与看到的一样大

引导定律对设计的影响

引导定律：如果你必须保持指针在一直受限的路径里移动并到达目标，那么路径越宽，你就越能

越快地将指针移动到目标