UI设计原则【笔记、头脑风暴】

UI即User Interface，UI设计指对软件的人机交互、操作逻辑、界面美观的整体设计。

感知，感知不等于真实，来源：

1. 过去的经验
2. 当前的环境
3. 将来的目标

设计原则：

1. 目标
2. 时间
3. 关键操作

关键操作要注意：

1. 按钮、连接
2. 视觉
3. 忽略与目标无关的信息

需要注意：

1. 避免歧义
2. 一致性
3. 理解目标

UI设计的关注点：

1. 提供信息
2. 对应目标
3. 使用信息
   

流程：信息处理→用户扫描和理解→用户获取→信息→目标

信息处理常用的方法：

1. 结构化、精炼
2. 信息分段
3. 显著标志
4. 层次结构

结构化：

1. 接近性
2. 相似性
3. 连续性
4. 封闭性
5. 对称性
6. 主题-背景（用户焦点：主题、内容、品牌、情绪）

字体/文字：

1. 不常见不熟悉
2. 难以辨认
3. 大小、字体
4. 背景太乱
5. 信息重复过多
6. 居中对齐
7. 边缘反差（颜色越浅越难分、方块越小越难分、分隔越远越难分）
8. 边界视力（显示位置、标志正确（对话框、声音、振动）、错误）
   

识别：

1. 看、选择效果好于输入、回忆
2. 图好于文字
3. 越多使用功能越可见

进度反馈和状态信息：

1. 系统状态、用户进度
2. 引导用户完成目标
3. 不让用户诊断问题
4. 设置数量和复杂度
5. 用户感觉大于计算
6. 让用户有熟悉的感觉

响应度设计（进度条）：

1. 忙碌状态
2. 进度标识（注意0%和100%，240s和2m）
3. 先显示重要信息
4. 功能优先级大于输入顺序
5. 及时反馈

风险低的操作：

1. 防止出错
2. 停用不合理操作
3. 及时反馈告诉用户发生了什么
4. 用户反悔、修正

让用户感觉到在控制一切，用户有主流、随意、专家，专家用户的一些操作和需求会吓到主流用户

任务：自动化、用户控制，留下想象空间

UI设计需要考虑：

1. 用户在做什么
2. 然后在做什么（什么因素影响最大）
3. 从一开始到结束一直在做什么

简单不等于最小化（避免复杂设计）：

1. 删除
2. 组织
3. 隐藏
4. 转移

删除（删除不必要的）：

1. 找到重要问题
2. 明确新增功能（或功能改进）
3. 功能优先级
4. 有限选择
5. 默认值
   

组织（组织可提供的）：

1. 分类，分块
2. 搜索（内容组织）
3. 时间轴
4. 网格、大小、位置、分层、颜色

隐藏（隐藏分核心的）：

1. 不常用，不能少
2. 适时出现
3. 自定义

转移：

1. 不同设备（PC、phone）
2. 向用户转移
3. 一个组件多个功能