header_v0.7.32

认知与设计

222天前发布

原创文章 / 不存在 / 书籍
jfchris 原创,如需商业用途或转载请与jfchris联系,谢谢配合。

1 旧脑:管食物 性 危险 负责调节身体的自动功能(爬行动物)

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

3 新脑:控制有目的、有意识的活动,包括制作计划等 (猴子 大象 海豚 猿人 人

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

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

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

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

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

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

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

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

   

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

彩色显示器的差异
灰度显示器
显示器的角度
环境光线


使用色彩注意事项

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

使用独特的颜色(红 黑 白 蓝 绿 黄)

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

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

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



3 让信息清晰可见

放在用户所看的位置上

标记错误

使用错误提示的符号 ❌

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

小心使用:

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

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


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

看到和选择比回忆和输入要容易 (提示)

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

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

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

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

让认证信息容易回忆

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



5 三个“脑”

1 旧脑:管食物 性 危险 负责调节身体的自动功能(爬行动物)

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

3 新脑:控制有目的、有意识的活动,包括制作计划等 (猴子 大象 海豚 猿人 人类 )




6 用户界面设计的影响

引导用户完成他们的目标

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

不要让用户诊断系统问题

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

让系统令人感到熟悉

让电脑自己去计算  


7 菲茨定律对设计的影响

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

目标(图形化按钮  菜单 链接  可点击的) 足够大,方便用户点击到

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

引导定律对设计的影响

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

越快地将指针移动到目标

右拉菜单

页面标尺

1
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功