Please enable JavaScript.
Coggle requires JavaScript to display documents.
认知与设计——理解UI设计原则 (对注意力，思考，形状，以及行动的限制 (偏好熟悉路径 (不动脑子胜过按键, 引导用户到最佳路径,…
认知与设计——理解UI设计原则
对注意力，思考，形状，以及行动的限制
专注于目标，少留意使用工具
根据外部协助记录
交互小tips
交互过程中，应分别标识出“已完成”，“未完成”事项
允许用户标记或移动，并进行区分
根据信息“气味”靠近目标
偏好熟悉路径
不动脑子胜过按键
引导用户到最佳路径
帮助有经验的用户提高效率
思考周期
设定目标，执行，评估，修正（周期循环）
完成目标后，记得收尾工作
格式塔原理
接近性原理
相似性原理
连续性原理
封闭性原理
主体/背景原理
共同命运
阅读
后天训练养成
模式
语境驱动
特征驱动
熟练阅读与不熟练阅读，大脑使用神经区域不同
错乱信息设计影响阅读
字体过小
字型及书写过乱
嘈杂的文字背景
重复信息
反差对比不明显
tips：设计，是支持阅读，减少阅读，而非干扰阅读
感知结构
经验影响感知
环境影响感知
目标影响感知
影响我们注意什么
感知系统对某些特性敏感
tips:对设计的影响
避免歧义
保持一致性
理解目标
边界视力
中央凹视力优于边界视力
缺口：盲点
边界视觉：提供周围低分辨率线索
tips:让信息可见的常用方法
放在中央凹视力范围内
用显著方式将错误标记出
红色标记
错误符号
提示关键信息
弹出窗口
使用声音提示
闪烁或晃动
学习&解决问题
学习，并获取知识或经验
训练，将有意识行动转化为无意识行动
对于用户界面设计的影响
让用户使用感觉，而非计算
引导用户完成目标
减少设置的数量和复杂度
让系统令人熟悉
切勿让用户诊断系统问题
专注于任务
任务分析
目的
用户对象
任务优先级
任务执行步骤
使用过程中出现的问题
任务之间的联系
......
概念模型
视觉结构-结构化设计
便于阅读及理解
提高浏览长数字的能力
专注于相关信息
色觉
色觉识别
颜色对抗通道的减法处理
视觉对反差敏感，而非对亮度敏感
影响识别颜色因素
颜色呈现方式
深浅度
色块大小
色块分隔距离
外部因素
彩色显示屏差异
灰色显示器
显示器角度
环境光线
色彩使用五大准则
用饱和度，亮度以及色相来区分颜色
使用独特的颜色
避免使用色盲无法区分的颜色对
在颜色以外使用其他提示
将强烈的对抗色区分开
记忆力
长期记忆
特点
受情绪影响
易产生错误
追忆时可改变
对用户界面的影响
需使用工具去加强
界面一致性有助于学校和长期保留
短期记忆
低容量
高度不稳定性
识别与回忆
识别
感觉与长期记忆的协同工作
对用户界面设计的影响
看到与选择，比回忆和输入更容易
用图像表达功能→有助于识别
缩略图紧凑描绘全尺寸图像
根据使用量设置可见状态
视觉识别提示