课程说明
课程时间:2天,12⼩时
教学⼯具:任务卡、任务板
课程大纲
1. 系统功能设计全局观 [0.5Hour]
⽤户体验要素
战略层:产品的价值描述——⽬标与⼲系⼈
范围层:产品的需求框架——流程与场景、任务
结构层:产品的交互逻辑——交互设计、信息架构
框架层:产品的界⾯逻辑——界⾯、信息、导航设计
表现层:产品的界⾯元素——感知设计
系统功能设计核⼼任务
结构设计:场景设计、任务设计
交互设计:直觉化设计
信息设计:可视化设计
(借助用户体验要素模型,理解系统功能设计的核⼼任务)
2. 场景设计[1.5Hour]
场景:路径分析与设计
⽤户已有场景:场景归纳与提炼
产品引发的场景:场景迁移与设计
事件流:描述场景中的具体路径和步骤
(通过具体案例,让学员理解已有、新引⼊两种场景,并掌握基本的设计原则,学会使用事件流法结构化地描述出来。)
绘制⽤户旅程图1:拆解⾏动与触点
拆解⾏动(Timeline):时间线、⾏动线
还原触点(TouchPoints):⼈、系统、介质
(通过实际案例,讲解如何根据用户与场景的定义,拆解⾏动、还原触点。)
实战演练2-1:搭建⽤户旅程图的主框架
根据该场景的实际情况,拆解出⾏动,构建时间线
针对每步⾏动,还原⽤户的实际触点
⼩组呈现,集中讲解典型的共性问题
(各小组根据⼯作实际案例,完成用户旅程图主框架的绘制——时间线与触点)
绘制⽤户旅程图2:情绪、期望、痛点
感知⽤户的感受(Emotion):每个⾏动项、每个触点⽤户的情绪如何?
理解⽤户的期望:他们真实的期望是什么,想达到的⽬标是什么?
识别⽤户的痛点:实际情况和他的期望中存在什么问题
(通过实际案例,讲解如何与用户共情,感觉他们的情绪、理解他们的痛点。)
✓ 实战演练2-2:与⽤户共情
基于时间线和触点,感知⽤户的情绪变化,并绘制出来
理解⽤户情绪背后的动机、期望,并标识出来
从差距中寻找并定义出⽤户的痛点,并定义级别(挫折但忍认、放弃)
⼩组呈现,讲师针对性点评
(各小组根据⼯作实际案例,完成用户旅程图中的用户共情部分——情绪、预期与痛点)
梳理微交互
思路:场景-问题-⽅案
分解:任务、连接、改变、控制、调整、查看、打开
✓ 实战演练2-3:识别并定义微交互
(在理解用户的场景之后,识别出微交互集。)
• 3. 任务设计[4Hour]
⽬标达成理论概述(JTBD)
任务执⾏者
三种任务:功能性、情感性、社交性
成功标准
制约条件
✓ 实战演练3-1:识别并定义任务
(各小组根据⼯作实际案例,识别并定义出用户的任务)
✓ 任务分析1:任务地图
定义:明确完成任务的⽬标和计划
寻找:收集完全成任务所需的素材和信息
准备:组织素材和构建正确的步骤
执⾏:按计划执⾏任务
监测:评估任务是否成功完成
修改:做出必要的修改和迭代
总结:结束任务并完成后续收尾
✓ 实战演练3-2:绘制任务地图
(各小组根据前面定义出用户的任务,结合JTBD画布完成任务地图绘制)
✓ 任务分析2:成功标准与制约条件
成功标准:变化⽅向+度量单位+需求⽬标
制约条件:能⼒、环境
✓ 实战演练3-3:识别成功标准与制约条件
(各小组根据前面定义出用户的任务,补充任务的成功标准和制约条件)
✓ 任务设计
功能点:功能点与交互逻辑构思
信息点:明确需要可视化的信息
✓ 实战演练3-4:任务设计
(各小组根据前面的分析,完成初步的任务设计,以便在直觉 化设计阶段细化)
4. 功能交互设计:直觉化设计[5Hour]
4.1 概念导⼊[0.5Hour]
✓ 七步⾏动模型
确定⽬标:我们期望发⽣的事情 (Want);
明确意图:预期需要选择的⾏动(What);
动作内容:具体的⾏动内容和顺序(How);
动作执⾏:每步⾏动的执⾏(Do);
感知外部世界状态:每步⾏动的执⾏反馈 (Do);
解释外部世界状态:⾏动内容和顺序的结果反馈(What & How);
评估结果: ⽬标和⾏动结果的评估,⾏动效果反馈 (Want)
七步⾏动模型还原竞赛
(通过日常案例演示,让学员进⼀步对⾏动模型的理解)
✓六⼤体验要素:执⾏与评估鸿沟的应对
概念模型:减少学习成本
预设功能:给出操作线索
限制因素:防⽌⽤户出错
动作反馈:需要反馈可视化、匹配、易理解,便于感知外部世界状态。
结果反馈:需要反馈可视化、匹配、易理解,便于解释外部世界状态。
效果反馈:需要反馈可视化、匹配、易理解,便于评估结果和⽬标的差距
(通过产品案例讲解,让学员能够理解并识别执⾏与评估鸿沟的六⼤障碍,及应对要素)
4.2 尝试应⽤[2Hour]
✓ 案例练习
对卡牌的案例进⾏分析,识别使⽤了哪些体验要素
□ 概念模型 □ 预设功能 □ 限制因素
□ 动作反馈 □ 结果反馈 □ 效果反馈
判断体验要素做得好不好。
⼩组PK
每⼩组按顺序,各分析⼀张案例
分析到位,直接得分
分析不到位,其他⼩组挑战,挑战成功的⼩组得分
多次循环,直到所有案例卡牌都分析完毕
( 通过⼀组案例,深⼊理解六⼤体验要素)
4.3 场景驱动的直觉化设计[2.5Hour]
✓ 概念模型
理解概念模型:⼼智模块、记忆⼒原理
使⽤概念模型:迁移、借鉴
✓ 实战演练4-1:梳理概念模型
✓ 预设功能
触发器:类型、规则、⽰例
功能可见性:形状原义、模拟、映射
功能分组:视觉对齐、共同命运、五帽架与层次
✓ 实战演练4-2:梳理预设功能
✓ 限制因素
六种失误:撷取性、描述性、数据⼲扰、联想、忘记⽬的、功能状态
通⽤策略:疏忽、过失
限制因素:实体约束、⼼理约束、包容性设计
✓ 实战演练4-3:梳理限制因素
✓ 三层反馈
反馈设计的原则与响应度模式
反馈的介质:视觉、听觉、触觉
反馈的规则
✓ 实战演练4-4:梳理三层反馈
✓ 实战演练4-5:呈现交互设计结果
(结合实际的⼯作案例,在场景/任务设计的基础上,使用六⼤体验要素执⾏直觉化设计)
5. 信息可视化设计[1Hour]
✓ 信息可视化过程:选择主题、收集数据、分析数据、确定表现形式、设计成形
✓ 分析数据
以时间进度为架构
以空间结构为架构
以逻辑关系为架构
(通过案例帮助学员理解如何透过数据的本质抽取最合适的设计视角)
✓ 确定表现形式
抽象 vs. 模拟
实⽤ vs. 修饰
致密 vs. 稀疏
多维 vs. ⼀维
创新 vs. 通⽤
简洁 vs. 冗余
经典图表形式的选择要点
(通过案例帮助学员理解如何有效的选择表现形式)
✓ 实战演练5-1:信息可视化设计实战
(结合实际的⼯作案例,完成⼀次信息可视化设计的尝试)