当前位置:首页 > draw.io教程

故事地图

drawio5年前 (2021-02-24)draw.io教程9

用户故事图与UML用例图密切相关,两者都应用于敏捷软件开发环境中。这两种图表都用于探索和记录客户需求,它们识别不同的用户群体及其目标,但使用方式有所不同。

用例图

用例图展示了最终用户与系统交互的所有方式,包括所有前提条件、后置条件、例外情况和备选路径。这些图表用于确定系统需求,无论是软件系统,还是与其他人或团队的交互。

UML用例图并非用于进度安排或总体规划,因为它们技术性强且非常具体,而是作为系统技术文档的基础。 客户更新其帐户 - 在我们的在线图表查看器中打开此用例图


用户故事或故事地图

用户故事从用户的角度出发,描述了用户需要做什么以及为什么需要这样做。它们通常用自然语言简洁地编写:

As an [actor] I want to do [action] to achieve a [goal].

例如:

  • 作为制造商,我希望尽量减少换刀次数,以优化生产线,从而降低成本

  • 作为顾客,我希望在线订购杂货(以避免去商店购物享受我的餐食)。

  • 作为一名软件开发人员,我想进行远程结对编程编写更好的代码

由于客户对系统的技术实现不感兴趣,因此不会使用用户故事来详细说明系统需求,这为您探索替代解决方案和系统以更好地满足客户需求留下了空间。

许多不同类型的团队都发现故事地图是一种灵活且有用的规划工具,可以使改进和开发工作始终围绕客户的优先需求展开。

  • 软件开发——确定编码任务的优先级并安排时间。

  • 市场营销——制定吸引顾客的广告宣传活动。

  • 人力资源部 - 改进招聘和入职流程及系统。

  • 工厂经理——优化装配站或整条生产线。

  • 产品设计师——规划对现有产品的渐进式改进。

  • ITS——提高数据和网络安全及稳定性。

这种以客户为中心的用户故事在敏捷开发中非常流行,它将用户故事(史诗)拆分成更小的任务(故事)或实现步骤。这使得敏捷团队能够更好地估算和规划开发项目。更小的任务可以轻松地进行优先级排序,并安排到 Scrum 待办事项列表和迭代周期中。

传统上,故事地图是用便利贴在白板上以某种网格布局绘制的,但这在分布式团队中并不实用。

在当今的远程办公时代,您可以使用 draw.io 中的表格形状、带有泳道的容器(例如用于跨职能流程图的容器)甚至只是在绘图画布上排列的矩形,以数字方式复制白板和故事地图。

使用 app.diagrams.net 上的在线编辑器,即可在 draw.io 中开始绘制故事地图。

在我们的图表查看器中打开此故事地图

为客户想要完成的活动(例如更新账户)绘制故事地图时,不应包含技术细节。此故事地图采用跨职能流程图的形式构建。

如何构建故事地图

  1. 了解您的客户:明确他们的目标以及为实现目标他们希望开展的各项活动。这些活动位于您流程图的顶部,是核心故事——包含多个步骤的主要行动。将它们放在表格形状或带有泳道的跨职能流程图(来自高级形状库)的顶行。
    例如As a [customer], I want to [order groceries online]

  2. 将活动分解成更小的步骤:客户必须完成以下这些小任务才能实现目标:browse products,,,,等等。可能存在也可能不存在明确的工作流程,当任务过大时,可以将其分解成更小的子任务add product to shopping cartselect delivery windowenter payment details

  3. 按顺序组织任务和子任务:将较小的任务和子任务按顺序排列在它们各自的活动下方,从左到右(或者您喜欢的任何阅读图表的方式)。这可以显示您的客户完成活动和任务的顺序。

  4. 确定任务和子任务的优先级:通过垂直排列任务/子任务来指示其优先级——更重要的任务在故事地图中位于更高位置。

尖端

  • 不需要按任何顺序执行的任务,或者优先级相同的任务,可以按照你和你的团队认为最合理的方式进行组织。

  • 不过,请不要在图表中包含技术细节——技术细节最好用 UML 或其他更详细的图表来记录。

  • 故事地图中使用的形状越简单,就越容易创建和使用。

用例图示例

在我们的图表查看器中打开此故事地图

这个故事地图描述了一位想要在线购买杂货的顾客,它使用了通用形状库中的简单形状。

在整个开发过程中不断更新你的故事地图

你的故事地图可以作为可视化路线图,展示你已经完成的工作、剩余的工作、计划的工作以及超出范围的工作。

将未实现的任务和子任务分配到故事地图中的版本、迭代和冲刺中,注意用左右位置或依赖箭头表示的依赖关系,以及用垂直位置表示的优先级。

通过将任务和子任务拖到表格行或泳道中的新位置来重新确定优先级。

像当初规划项目一样,在故事地图中跟踪开发进度。每完成一项任务,就添加形状、工具提示、颜色或标签,以表明该任务已完成(或正在测试、编写文档等)。

用特定颜色标记超出发布范围的任务,并添加形状来指示计划的迭代周期以及任务是否已完成。

与客户一起浏览你的故事地图

您可以轻松地将 draw.io 故事地图发布到网上,并与您的客户分享,以支持沟通、提供共同理解并产生新的想法。

与他们一起浏览故事地图,查看活动详情并从客户那里获得见解。