交互设计

创造良好用户体验


第一章 交互设计基础

1.1 交互设计定义

交互设计是设计用户与产品、系统交互方式的专业。

1.2 交互设计原则

  • 可用性
  • 可访问性
  • 愉悦性
  • 效率

1.3 交互设计流程

  1. 研究
  2. 分析
  3. 设计
  4. 原型
  5. 测试

第二章 用户研究

2.1 用户访谈

  • 准备问题
  • 引导对话
  • 记录分析

2.2 观察法

  • 情境观察
  • 任务观察

2.3 用户画像

  • 典型用户
  • 用户需求
  • 使用场景

第三章 信息架构

3.1 导航设计

  • 全局导航
  • 局部导航
  • 上下文导航

3.2 搜索设计

  • 搜索入口
  • 搜索结果
  • 过滤排序

第四章 界面设计

4.1 布局原则

  • 对比
  • 对齐
  • 重复
  • 亲密

4.2 视觉层次

  • 主次分明
  • 视觉引导

4.3 色彩设计

  • 色彩心理
  • 色彩搭配

第五章 交互模式

5.1 手势

  • 点击
  • 滑动
  • 捏合
  • 长按

5.2 动画

  • 过渡动画
  • 反馈动画
  • 引导动画

5.3 反馈

  • 成功反馈
  • 错误反馈
  • 加载反馈

第六章 表单设计

6.1 标签

  • 顶部标签
  • 占位符标签
  • 浮动标签

6.2 验证

  • 即时验证
  • 友好提示

6.3 布局

  • 单列布局
  • 分步表单

第七章 移动端设计

7.1 拇指区

  • 重要操作在拇指区

7.2 手势

  • 下拉刷新
  • 上滑加载

7.3 响应式

  • 适配不同屏幕

第八章 设计系统

8.1 组件库

  • 按钮
  • 输入框
  • 卡片

8.2 设计原则

  • 一致性
  • 可扩展

8.3 文档

  • 使用说明
  • 规范定义

第九章 可用性测试

9.1 测试方法

  • 实验室测试
  • 远程测试

9.2 指标

  • 任务完成率
  • 错误数
  • 满意度

第十章 工具

10.1 设计工具

  • Figma
  • Sketch
  • Adobe XD

10.2 原型工具

  • ProtoPie
  • Principle

笔记整理:AI助手
更新时间:2026-03-19