如何快速输出产品的用户故事地图

article/2025/8/23 7:27:14

01 结构与作用

故事地图产生背景

  • 用户故事地图就是将story用可视化的方式展现在团队面前,让团队可以仔细梳理、讨论,确认这个story包含的内容,最终产出需求进行开发。
  • 用户故事地图是Userstory的前传!

故事地图特点

  • 不是另外一种写需求的方式
  • 故事是用来讲的,不是用来写的
  • 侧重事件发展过程的描述
  • 故事不是忽悠,不是夸大

故事的听众

用户故事地图结构

  • 地图的核心是一条从左到右的时间线
  • 通过时间线和卡片进行约束
    • 时间线上第一行放置最大粒度的需求,即Epic
    • 时间线上第二行放置二级粒度需求,即Theme
    • 时间线下自上而下放置三级粒度需求,即Userstory

Release和时间线平行,确保在放入Release的过程中考虑故事的完整性。

故事地图作用

  • 了解整个产品的全貌。
  • 找到整个产品的主干,也就是路径。
  • 促使产生更多用户故事。

可解决的问题

  • 防止只见树木不见林,更容易看清backlog全貌
  • 确保backlog覆盖了最重要的用户体验路径,及当前所规划的场景是否可以为用户提供价值
  • 确定发布计划以及发布目标,同时确保早期的发布可以验证整体架构和解决方案

需求金字塔

 

  • 金字塔的顶端是需求的目标,也就是解决什么用户或业务问题?
  • 金字塔的中间层次是操作和操作流程,为了实现上面目标,系统需要支持哪些用户操作?这些操作的流程是什么样的?
  • 金字塔的底层是业务规则,各个操作步骤对应的业务规则是什么样的?

  • MECE原则是麦肯锡方法的核心,在各个层次上都要做到:
  • 1)条目之间相互独立(Mutually Exclusive),通俗的讲就是要“分清”各个条目,做到无重叠;
  • 2)这些条目作为一个整体要完全穷举( Collectively Exhaustive),也就是要“分净”,做到无遗漏。
  • 这两点合起来就是ME-CE。

02故事地图步骤

步骤一:产品定义

  • PO召集3-5人参与故事地图讨论会,讨论以下议题:
    • 目标用户,用户目标----用户诉求
      • 用户为什么要用这个?能为用户带来什么价值?
    • 产品目标,解决什么问题----业务诉求
      • 我们为什么要做这个?能为我们带来什么价值?
  • 明确方向,防止迷失方向,陷入设计细节的纠结。

步骤二:骨干故事

  • 每个人写下自己认为重要的“所要做的事情”User tasks(二级需求)。
  • 完成后,每个人轮流读出自己的内容,并把便签纸放在桌面上。
    • 尽量把故事讲完整,便于对整个产品有全局的印象。
    • 做到对产品只见森林不见树木的状态。讲完整的故事,一定要广度优先,而非深度,不要过早沉浸到细节中。
  • 然后,将桌面上所有的便签按类似的任务分为一组。
  • 选择另外一个颜色的便签,对每个组命名,作为User Activities(一级需求)
  • 最后,对这些摆放好组的便签进行排序,一般按照用户完成操作的顺序,从左到右摆放
    • 如果大家无法决定顺序,那么顺序可能没有那么重要。

步骤三:拆分故事

  • 从业务角度,拆分故事,建议分析维度:故事细节、想法、痛点、机会……
  • 使用静默头脑风暴方式,把自己的想法写在一张卡片上,相互不干扰,然后每个人大声说出自己的卡片内容,让所有人了解并贴在墙上。
  • 这时不必使用用户故事的标准句法(As a …),因为每张便签都处于地图的特定位置,大家很容易识别其所处的场景和角色。

 

  • 大家在写想法的时候,可以通过一些问题来刺激大家脑暴出更多的内容,比如:
    • 用户在这步具体做什么?
    • 用户还有其他选择么?
    • 出现问题如何处理?
    • 其他用户来到这里该如何处理?
    • 使用之后有什么变化?
    • 别的产品怎么做?

步骤四:精简故事

  • 这时我们的故事已经变得很臃肿。接下来要对卡片内容讨论,把公认的留下,无用的剔除,同时区分优先级。
    • 首先,要对大家写的所有卡片进行对标,排除无效故事。
    • 其次,不可能一口吃成胖子,对选定的故事排出优先级。
    • 最后,无法梳理清楚的故事卡片,可以先写个占位符。
  • 最终,根据排列好的故事优先级,排出迭代计划,并确保我们的第一个发布越小越好,大约在1-2个迭代后可以发布第一个MVP版本。

03故事地图价值

共识

  • 以往我们达成共识的方式有两种:
    • 点对点,或者单点对多点,带来信息内容的损耗,甚至错误的信息。

项目中不同的参与者有不同的关注点,整个项目组就像一个四驱车,一个角色太强势,会导致车子失控。

  • 故事地图通过大家一起建立产品全景图的方式,让项目组所有人站在高空俯视产品,达成多点对多点的共识。

同理心

  • 站在用户的频道,说人话!
    • 我们在讨论产品需求时,有一个很大问题就是无同理心,面对业务里很多专有名词会很无力,甚至同一项目组不同模块的人都相互不理解对方的专有名词,但又总认为他应该懂。
  • 促进理解,建立共识。
    • 通过故事地图,我们所有人都可以快速知道用户想要什么,为什么要这个。通过这种简洁明了、场景还原的方式让大家更容易理解

参与性设计

  • 经验性设计
    • 经验性设计高度依赖前期的用户调研,包括用户访谈和用户观察,但是用户不会成为产品设计的真正参与者,后面的阶段基本是靠设计师经验,几乎没有用户身影。
  • 参与性设计
    • 用户故事地图易读、易懂,我们边聊故事的同时进行页面框架绘制,因此能激发项目成员的积极性,甚至让客户成为产品设计的参与者。
    • 随着项目成员渐渐掌握如何口头表达故事来描绘他们的需求,项目组成员间的关系变得更加亲密主动,达成良性互动。

记录

  • 常见记录方式:文档记录(包括评审记录)、笔记记录或者聊天记录。这些方式大多是单点对单点或多点的,而且记录内容有限。
  • 故事地图的每张卡片,记录的不只是卡片上的内容,它记录了大家围绕这张卡片讨论的那个时间段所有的信息,信息量更加庞大。

  • 我们回头再去看这些卡片的时候,和看照片一样,它会快速唤起我们对那段时间的回忆。

 

04 总结

  • 在复杂产品中,不要试图在项目开始就做一套包罗万象的决策,我们要把各个决策分散到项目过程中,延后决策!
  • 故事是一直伴随着产品生命周期的,良性的用户故事地图也是逐渐成长的。

  • 首先,用大网眼的渔网捞一遍故事池,以此得到所有大故事。通过大故事,形成对产品的整体感觉,接下来用网眼小一些的渔网得到中等大小的故事,最后才是最小的需求。
  • 其次,故事会像捕鱼一样,随着时间的推移会成长,会有新出生的鱼,也可能会死亡。
  • 另外,不可能也没有必要捕捉到这个区域所有的鱼,我们也不可能捕捉到所有的需求,可以先实现已捕捉到的需求,再继续捕捉剩下的需求。
  • 最后,在捕鱼的时候也可能捞到一些废弃物和残骸,就是不是故事的故事,这些要及时抛弃!
  • 项目前期是不可能正确的捕捉并写出所有的需求,用户故事地图这个方法也不可能在一个阶段捕获出所有的用户故事。
  • 随着时间的推移以及产品不同阶段要加入新的用户故事,捕捉故事的渔网网眼也要一直变化。

http://chatgpt.dhexx.cn/article/3fTR5quJ.shtml

相关文章

android qq勋章墙实现,科技教程:如何在手机QQ中进入勋章墙?

如今越来越多的小伙伴对于如何在手机QQ中进入勋章墙?这方面的问题开始感兴趣,看似平静的每一天,在每个人身上都在发生着各种各样的故事,因为大家现在都是想要了解到此类的信息,那么既然现在大家都想要知道如何在手机QQ…

全面解析用户故事地图

昨天一篇文章我们给大家分享了用户故事,这篇文章我们来分享故事地图。 什么是用户故事地图? “用户故事”的概念来源于敏捷开发的理念。用户故事是从用户的角度来描述自己渴望得到的特性以及带来的价值。现在流行的模板是: 英文: …

TAPD上手指南

目录 什么是TAPD 为什么使用TAPD 如何使用TAPD 工作台 需求——分类管理用户故事 迭代——敏捷研发,小步快跑 故事墙——直观展示需求状态 缺陷——快速跟进产品缺陷 报表——高效完成数据分析 文档—— 轻松在线协作编辑 什么是TAPD TAPD(Te…

使用 canvas 制作魔方墙

故事起因 我是一个魔方爱好者(只是爱好,但技术并不强),在大学期间担任过魔方社社长,每到招新的时候,一般都会用上千个魔方拼出招新二维码,显得比较有逼格。二维码本身也是一个一个的小格子组成…

在html中制作多彩照片墙,60个照片墙布置方案 记录浪漫时刻

照片墙在居家设计中有着重要的意义,现在也有越来越多的家庭在装修的时候为自己家设计一组漂亮的照片墙,这些照片墙可以表达不同的形式,让家居氛围更加温馨,如果你也喜欢照片墙可以选一些自己喜欢的照片或者装饰画,错落有致的挂在家中的墙面上,不仅温馨有趣,也为家装增添…

90%使用看板的人都踩过这4个大坑

看板因为成本低廉,使用方法易上手,被很多软件研发团队使用。 今天讲讲我看到的使用看板的几个常见的问题,以及如何避开这些问题,让看板发挥它真正的效用,让大家减少时间浪费,按时下班. 1 第一个坑&#xff…

大数据与墙的故事

在网站上看到这么一篇文章,转载过来和大家分享一下 文章出处:https://baike.baidu.com/tashuo/browse/content?id45bd8fd350d6aab5b6d81047&lemmaId1356941&lemmaId1356941&frqingtian 文章标题为:大数据与墙的故事&#xff0…

什么是用户故事地图?

为什么会有用户故事地图? 迭代开始后,待办列表总是以小块形式进入迭代开发,一个迭代接着一个迭代。碎片化的方式,不能给产品以及开发团队一个整体的视觉。这会出现,优先级排列问题,或者产生多个迭代后&…

用户故事地图

用户故事地图 用户故事是描述用户需求分析的一个好方法,可以将backlog变成一个二维地图,从而容易看到整个规划的全貌,帮助开发人员快速的了解客户的需求,并确定产品模块的实现优先级,实现最大用户价值,学会…

敏捷开发日常跟进系列之三:故事板,看板

这是敏捷开发日常跟进系列的第三篇。 (栏目目录) 故事板和看板其实不是一个东西,前者是最初的敏捷开发里边的东西,受到了后者的启发产生的;而后者是制造业的东西,具体内容请参考末尾的百度百科。但是在敏捷开发里边提到这两样东西,可以认为大致相同。 故事板 简单说,故…

敏捷管理的利器:故事墙

文章来源:公众号-智能化IT系统。 引言 故事墙是敏捷管理的一个高效手段。只要妥善运用,其能够带来的好处远远超出管理理论中提及的。 试想如下一些问题: 假如一个团队,有一个环节(例如系统测试)&#x…

【Web前端】html+css+javascript

1 HTML 1.1. HTML基本概念 HTML:hyper text markup language 超文本标记语言&#xff0c;就是超出纯文本范畴的语言&#xff0c;其中既可以定义文本也可以定义图片&#xff0c;超链接等等非文本性质的内容。 HTML语言是由标签<>构成&#xff0c;一般是成对出现<>…

HTML+CSS基础知识

一、HTML基础 1.html的基础结构&#xff1a; 2.html中的语法&#xff1a; - 在尖角符号后面的第一个英文单词就是当前标记的名称 - 标记也可以称为标签或者元素 - 双标签结束的反斜杠不能省略 但是单标签的反斜杠是可以省略的 - 在标签名称后面空格都是当前标签的属性(描述…

用HTML,css,boostrap写一个综合大型购物网站

用HTML&#xff0c;css,boostrap写一个综合大型购物网站 首先来看看页面的效果&#xff1a; 有需要的可以参考 首先是首页index: <!DOCTYPE html> <html><head><!-- 先把bootstrap里面的css、jQuery和bootstrap.js三个文件按顺序加载进来 --><me…

HTML+CSS项目案例

文章目录 1、表格练习2、文本样式练习3、图片标签练习4、盒子模型练习一5、盒子模型练习二6、盒子模型练习三7、浮动练习8、边框练习一9、边框练习二10、图文混排11、列表练习 1、表格练习 案例演示&#xff1a;&#xff08;table、tr、td、th等&#xff09; 实现代码&#x…

用css简单实现三级导航栏

关键属性 display&#xff1a;none 隐藏元素 display&#xff1a;bolck 显示元素 实例 CSS样式 <style>* {margin: 0;padding: 0;}li {list-style: none;}a {text-decoration: none;}.nav1 {width: 400px;height: 50px;/* border: 1px solid red; */margin: 200px aut…

使用 CSS3 实现转盘抽奖效果

微信和大型商场常常会有转盘抽奖的活动,比如上海移动和教授的抽取积分活动等。我们可以通过CSS3的transform属性来实现转盘的旋转。同时,transition属性实现过渡动画,它具有四个子属性,依次为 1. transition-property(过渡属性,默认为all) 2. transition-du…

css module

css module 一、css module1.思路2.实现原理3.如何应用样式 一、css module 1.思路 通过命名规范来限制类名太过死板&#xff0c;而css in js虽然足够灵活&#xff0c;但是书写不便。 css module 开辟一种全新的思路来解决类名冲突的问题 css module 遵循以下思路解决类名冲突…

css 预处理器

由于多个项目中用到了sass和less&#xff0c;所以就学习了一下相关知识&#xff0c;记录下来方便随时查看。 前言 css是用来编写网站样式&#xff0c;但是&#xff0c;其写法比较一成不变。 如果想要使用 css 实现 js 一样的变量、常量等&#xff0c;就会比较臃肿&#xff0…

【CSS】css快速更改某个字体图标,使用content插入字符

遇到一个小问题&#xff1a;使用的是组件库&#xff0c;但是这个组件没有提供更改图标的接口&#xff0c;需要更改这个特定的图标&#xff0c;但是最好不更改dom 解决办法 由于系统已经使用了这个组件库&#xff0c;那么就有了他的图标内容&#xff0c;可以先到组件库官网找到…