课程简介: 本课程将介绍以用户为中心(UCD)的设计思维在产品研发和设计决策中的应用。基于Web和移动端结合具体实例讲解用户体验设计中的需求分析及用户研究方法,信息架构和UI流程, 视觉风格的探索方法,以及移动端创新趋势和实战技巧。
|
课程大纲:
Day1用户研究与交互设计 | ||
课程目录 | 大纲 | 内容要点 |
用户体验要素和设计思维 | 设计趋势 | 创新用户体验设计案例 |
用户体验团队协作 | 用户体验团队设置及协作 | |
UCD需求分析与目标制定 | 运用设计思维规划制定目标 | 运用设计思维规划制定目标 |
新需求vs迭代需求 | 品牌战略/竞品分析 反馈/数据 | |
用户研究及方法 | 情景访谈 焦点小组 数据分析(HeatMap/Conversion funnel) | |
用户需求及分析方法 | Affinity Diagram
| |
用户角色创建(Personal) | 行为/态度/目标/动机 | |
UCD需求分析案例讲解 | 案例讲解 | |
练习 | Affinity Diagram的应用练习 | |
交互设计流程和方法 | 创建用户任务与目标 | User 目标 User Story和Flow Chart |
信息架构(IA) | 信息架构 内容组织 导航及布局架构 | |
交互流程设计(Flow) | UI Flow Wireframe UI 原型和demo | |
交互设计规范制定 | 交互规范与文档 | |
设计方案沟通 | 经验分享和Q&A | |
用户测试 | 用户测试方法介绍 | 可用性测试 可用性评估 数据分析(HeatMap/Conversion funnel) |
实战分享和练习 | 实战案例讲解 | 实战案例讲解和分享 实战技巧 |
设计练习 | 练习及Q&A | |
Day2视觉设计和移动端设计 | ||
课程目录 | 大纲 | 内容要点 |
用户体验与GUI视觉设计 | 创新视觉设计趋势 | 创新GUI设计案例分享 |
GUI视觉风格与框架 | 视觉设计原则 | 视觉设计中的心理学 视觉隐喻与反馈 微交互 |
GUI视觉风格的探索 | 收集与归纳 情绪板 | |
拟物化vs扁平化 | 拟物化vs扁平化 Material Design | |
视觉元素提炼 | 版式 颜色 字体 材质 形状 动效 | |
信息可视化 | 信息层级 信息的可视化表达 | |
设计优化 | 方法和案例分享
| |
设计练习 | 练习(信息可视化) | |
移动端的用户体验 | 移动端设计趋势 | 创新移动端案例分享 |
移动端平台 | 平台及概念 | |
移动端设计原则 | 移动端设计原则 | |
响应式布局方式 | 布局方式和案例详解 | |
APP布局方式 | 移动平台规范 布局方式和案例详解 | |
移动端的交互和反馈 | 系统的状态,反馈和触发 手势的应用 | |
移动端案例分享 | ||
设计练习 | 移动端设计练习 | |
UX角色的跨部门沟通协作 | 协作实战经验分享 | 展示概念根源与背景 实战经验Tips和Q&A |