《认知与设计》理解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 菲茨定律对设计的影响
菲茨定律:在屏幕上 目标越大 并且越靠近起始位置,你就能越快的指向他
目标(图形化按钮 菜单 链接 可点击的) 足够大,方便用户点击到
让实际可点击对象至少与看到的一样大
引导定律对设计的影响
引导定律:如果你必须保持指针在一直受限的路径里移动并到达目标,那么路径越宽,你就越能
越快地将指针移动到目标