用户体验设计实践

 

 

 

 

 

 

 

 

一、以用户为中心设计基础 

1. 用户体验的基本要素 

2. 金融软件用户体验设计流程

3. 金融软件用户自动交互与定制交互差异

4. 创新思维驱动金融产品产品创新

5. 用户研究与移动终端研究

6. 用户体验成熟度等级与用户体验进化演进

7. 案例分享:淘宝网站10年的用户体验变迁分析

二、产品的用户研究

1. 用户研究的六种方法

2. 从“用户市场细分”中“圈定典型用户”

3. 现有产品用户”与“未来产品用户”的市场细分

4. 建构心理学、行为心理学与用户心智模型

5. 构建用户心理预期模型

6. 快速建立用户模型-用户画像

7. 用户体验旅程图与产品痛点

8. 实践:学习者针对金融领域产品进行用户体验旅程图实践

三、产品的竞品分析

1. 收集安装使用竞争对手的产品

2. 从界面、帮助文档、运行等视角分析产品的功能

3. 深度使用对手产品获取其交互设计精华

4. 从对手产品界视觉角度研究其视觉设计优势

5. 反向工程研究对手产品的内部结构

6. 研究对手产品的相关专利以及使用的标准协议

7. 纵向研究竞争对手产品不同版本的变化

8. 横向对比不同类型竞争对手的产品

9. 实践:请学员绘制金融竞品研究的启发性策略模型

四、界面集合与界面导航交互设计

1. 产品设计的线框图、低保真图与高保真图

2. 纸质原型工具、桌面原型工具与线上原型工具

3. 产品需求定义三大规格:BRD、MRD与PRD

4. 基于产品PRD功能集合转化为界面集合

5. 业务流程驱动界面导航设计

6. 总控界面与界面导航树

7. 故事板、动态原型与界面动态导航

8. 实践:基于学习者金融领域产品需求定义界面集合

五、信息架构与界面信息交互设计

1. 基于卡片方式分析构成界面信息元素

2. 界面信息卡片分类与标签-归纳界面信息主题

3. 界面信息卡片排序与检索-归纳界面信息次序

4. 基于眼睛阅读视线的规律-完成界面布局编排

5. 给用户阅读界面信息的起始位置-习惯一致性

6. 用户阅读界面信息方式-跳跃性阅读与精细化阅读

7. 关键界面信息与用户阅读的焦点位置

8. 减少用户阅读的时间与操作路径的规划

9. 实践:移动产品信息架构设计

六、视觉化美与阅读美感交互设计

1. 界面信息的字型选择与字体的美感

2. 舒适的文字间距与“不松也不紧”的设计

3. 界面信息的排版美与形式美法则

4. 界面区域间比例美与栅格策略切割

5. 界面扁平化风格美与界面风格选择

6. 界面大众化配色美与伊顿色盘应用

7. 界面元素修饰化美与图标图像图形设计

8. 动手实践:移动产品界面视觉化设计实践

七、自然习惯与用户习惯一致性设计

1. 研究用户的日常工作习惯与日常生活习惯

2. 界面信息摆放位置与常规惯性位置

3. 内容元素位置与交互元素位置

4. 反馈元素位置与帮助元素位置

5. 总控元素位置与导航元素位置

6. 改变惯性位置与用户习惯的培养

7. 预测用户下一步交互与交互预置

8. 实践:表单界面元素习惯位置设计实践

八、界面文字与用户识别符号设计

1. 自然语言、业务语言与技术语言

2. 站在用户认知角度的界面文字信息表达

3. 多国语言界面与本地化文字转译表达

4. 图标转化为语言符号系统

5. 界面文字的隐藏与显示权衡设计

6. 交互失败的反馈信息设计

7. 交互问题的帮助信息设计

8. 实践:金融产品APP的界面文字信息设计

九、简便交互设计与专业交互设计

1. 用户执行任务的流程与交互动作设计

2. 交互动作语言描述与动词性词汇

3. 用户与界面交互的方式与交互设备交互方式融合

4. 复杂交互与简单交互的权衡

5. 降低用户交互次数-交互的减法

6. 满足专业用户要求-交互的加法

7. 寻找最简操作方式-产品操作方式变换

8. 动手实践:金融移动APP的简便操作设计实践

十、交互设计评价与交互设计优化

1. 交互设计评价基本准则:尼尔森交互设计十大原则

2. 可用性测试实践与信息记录

3. 眼动仪测试实践与信息记录

4. 可用性测试实验数据分析与交互问题发现

5. 基于交互问题的优化重构设计

6. 阅读效率高低与视线路径优化

7. 阅读情绪高低与阅读者视力差异个性化设计

8. 动手实践:手工阅读实现标记与优化设计

十一、体验设计与无意识设计

1. 用户心智模型与用户交互设计

2. 集体潜意识与无意识设计

3. 用户使用产品的第一感觉:看、听、摸与用

4. 用户深度使用产品的感觉:黏性、依赖与融合

5. 对比用户放弃使用的原因与高频使用的原因

6. 用户体验的三境物境、情境与意境

7. 用户交互的知行合一:情感化设计与微交互设计

8. 动手实践:移动产品界面的无意识设计

十二、交互设计知识地图与交互能力提升

1. 交互设计师的能力雷达图

2. 交互设计师的知识地图与学习路径图

3. 归纳总结本课程的交互设计知识体系

4. 学习者给出自己学习交互知识路线图