掌握 MVP 开发过程的 4 个步骤

已发表: 2022-07-22

初创产品团队经常面临紧张的预算和期限。 由于资源有限，他们的任务是构建没有用户、反馈或功能请求的新产品。 作为熟悉这些挑战的产品设计师，我知道这有多么困难。

幸运的是，有一种方法可以管理不确定性，保持以用户为中心，并按时按预算交付产品：MVP 框架。 最小可行产品是产品的可发布版本，具有足够的功能来解决核心用户问题。 MVP 帮助产品团队更多地了解他们的目标受众，同时在设计/开发过程中付出更少的努力。 它们还通过允许设计人员及早测试假设来降低风险。

在这篇文章中，我分享了掌握 MVP 开发过程的四个关键步骤。 为了帮助我们可视化这种方法，我们将设计一个送餐应用程序，就像 Grubhub 或 Uber Eats 一样。

第 1 步：使用 PRD 定义 MVP

MVP 开发过程的第一步是使用产品需求文档定义产品的目的、特性、功能和行为。 PRD 是项目的单一事实来源，使产品团队围绕用户的问题保持一致。 它应该包括：

  • 目标（问题陈述）。
  • 构思信息（用户角色、用户故事和史诗）。
  • 分析（假设、约束和成功指标）。

这是我们的送餐应用 PRD 的样子：

客观的

问题陈述

问题陈述定义了产品旨在解决的现实用户问题。 它不应超过一个句子，并确保对产品目标的清晰理解。

例如：“我们需要将饥肠辘辘的顾客与能够尽快交付订单的一流餐厅联系起来。”

构思信息

用户角色

用户角色是代表一种用户并执行一组独特操作的虚构角色。 每个角色都有助于解决问题陈述中定义的挑战。

我们的送餐应用程序角色是：

  • 餐馆老板里克；
  • 送货员但丁；
  • 克洛伊客户； 和
  • Sabita 支持代理。

在 MVP 设计中使用角色使团队能够理解并同情最终用户，从而围绕他们的需求进行设计。

用户故事和史诗

用户故事是对角色如何与产品交互并实现产品的最终目标之一的简短解释。 例如，Rick the Restaurateur：“当客户下订单 [上下文] 时，我希望收到通知并查看订单 [操作] 的详细信息，以便我可以在 30 秒内查看并做出响应 [目标]。”

MVP 开发过程的用户角色和用户故事模板。该模板包括角色头像、姓名和职位以及用户故事。在模板的任一侧都会出现其他模板，显示褪色的头像。
创建用户角色和用户故事可以帮助产品团队更多地了解他们的目标受众。 清晰、集中且可操作的用户故事有助于围绕用户需求做出设计决策。

史诗是一大组用户故事，可以分解成更小的故事。 我们的送餐应用史诗是：

  • 点餐;
  • 报告丢失的物品；
  • 评估交付体验； 和
  • 返回一个项目。

分析

假设

假设是我们期望产品将做什么或用户将如何行为。 例如：我们假设送货员但丁将在餐厅营业时间工作。 但是，他的日程安排和餐厅营业时间可能不兼容。

约束

约束概述了可能的产品限制。 例如：手机接收不良意味着客户 Chloe 不会收到有关其订单状态的更新。

通过解决 PR​​D 中的假设和约束，我们可以在流程的早期解决它们并为用户创造更好的体验。

成功指标

可操作的成功指标，例如参与度、流失率和会话持续时间，对于衡量 MVP 绩效至关重要。 制定这些指标有助于我们验证我们最初的产品概念并指导开发过程。

对于我们的送餐应用程序，我们包括：

  • 下载次数。
  • 注册率。
  • 应用程序中的时间。

第 2 步：组织 MVP 的信息架构

MVP 设计过程的下一步是标记和组织应用程序的数字内容，例如部分、页面和功能。 此过程的结果称为信息架构 (IA)，可分为两部分：

  1. 定义产品的内容； 和
  2. 确定内容的层次结构。

一个方形迷宫，上面有几个图标。图标从左到右分别是条形图、手机、山脉、电子邮件符号、地球、设置符号和音量符号。每个图标下方会出现一个向下的绿色箭头。迷宫的右侧是一个蓝色的“完成”图标。迷宫代表在最小可行产品框架中定义信息架构。
定义信息架构是构建具有直观导航的内容丰富的应用程序的关键。

定义应用程序的内容

为了定义产品的内容（图片、音乐、文本、视频等），我们首先研究趋势、竞争和我们的目标受众。 然后，为了连接内容类型之间的点，我们创建了一个包含分支、主题和子主题的“快速而肮脏”的思维导图。 思维导图帮助我们将所有内容可视化在一个地方并链接相关主题。

我们的应用思维导图将包括：

  • 一个餐厅主题，其中包含菜单、订单日志和客户数据库页面的子主题。
  • 菜单子主题，包括食物和饮料选项以及特别优惠。

确定内容层次结构

接下来，我们需要确定如何呈现我们的内容，即内容层次结构。 排序内容的一种好方法是卡片分类，用户将主题组织成逻辑组。 这确保了 IA 将根据用户期望进行组织，而不是根据产品团队的假设。

进行卡片分类：

  1. 选择代表产品主要内容的主题。
  2. 与用户一起将主题组织成组。
  3. 用用户标记每个组并讨论每个决定背后的基本原理。
  4. 对其他用户重复前三个步骤。
  5. 分析结果并寻找各组之间的共同模式。 这有助于产品设计师了解产品的用户流程。

第 3 步：创建线框和原型

创建线框

通过定义和组织我们的内容，我们可以使用线框图工具构建应用程序的基本 UI 布局。 MVP 线框图有很多好处，即它允许我们在保持精简的同时可视化我们的产品。

对于我们的送餐应用程序，我们将分两个阶段进行线框图：

  1. 绘制每个屏幕的布局，包括尺寸和定位。
  2. 创建一个基本的 UI 组件库，包括页眉和页脚、内容块和菜单。 这些 UI 组件将用作占位符，直到我们将线框转换为高保真原型。

我们现在有了一个线框，可以用它来可视化应用程序的基本布局和功能。

用于 MVP 设计的移动 UI 库组件的选择。从上到下，按行排列：一个蓝色的移动标题，显示文本“Food App”和一个汉堡菜单，然后是一个搜索栏和一个蓝色的搜索图标，然后是一个蓝色的“立即订购”按钮和过滤器图标，然后是一个下拉菜单- 显示文本“选择”和两个切换开关的下拉菜单。
低保真线框通常包括产品的基本内容、布局和要求。 它们易于创建，并且可以在每次设计迭代中快速调整。

与用户一起测试

我们的 MVP 流程涉及“测量、学习、重复”用户测试方法，以便及早识别和修复潜在的摩擦点。

例如，在我们的送餐应用中，我们注意到用户似乎没有应用应用过滤器来优化食物类型、价格或距离。 我们将执行两种类型的测试 - 未经审核和审核 - 以收集最多的反馈以了解原因。

1. 使用Maze对定量数据进行无节制测试：通过衡量用户在给定任务上的表现，无节制测试通过定量数据提供间接的可用性评估。 这种测试的优点是什么？ 我们得到关于问题的合理统计反馈，没有可能影响我们对该问题的反应的“随机”结果。

例如，Maze 的点击漏斗在过滤屏幕上显示急剧下降，并且此任务的完成率很低。 我们可以看到用户在使用过滤器时遇到了问题。 但是，在未经审核的测试中，这将是反馈的范围。

2. 使用Userfeel对定性数据进行主持测试：通过观察用户了解他们如何完成任务并提出后续问题，主持测试通过定性数据提供直接的可用性评估。 这种测试的优点是什么？ 我们确切地知道任务的哪些方面存在问题。

例如，用户感觉记录将揭示用户难以理解过滤器如何工作并确定具体问题所在，例如，过滤器文本太小并限制易读性。

使用这种集体反馈，我们可以迭代我们的线框以构建更用户友好的过滤器功能。

开发高保真原型

通过我们的线框 MVP 验证，是时候升级到交互式原型设计体验了。 与基本线框图相比，高保真 (hi-fi) 原型利用像素完美的 UI 设计和动画，并且在外观和功能上更接近最终产品。 我们可以使用它们来推断重要的视觉确认并收集与我们的 MVP 设计相关的实时反馈。

我们将通过以下方式将线框转换为交互式原型：

  • 微调我们 UI 的品牌，例如颜色渐变和调色板以及排版。
  • 应用高级动画，例如滚动、选项卡和微交互。

这是我们的送餐应用程序的 Figma hi-fi 原型的示例。

第 4 步：完成设计质量保证

最后，我们将通过单击原型并验证以下内容来确认一切看起来都符合预期并顺利运行：

  • 我们的 MVP 与最初的产品概念产生了共鸣。
  • 用户流感觉很自然。
  • 已考虑所有用例。
  • 所有开发错误均已修复。

然后，我们将总结并向开发团队传达任何剩余问题作为质量保证票。 这些故障单可以在启动 MVP 之前的一到两周的冷却期内解决。

使用 MVP 开发框架增强您的设计流程

在初创产品开发的世界里，设计资源是稀缺的。 MVP 流程可帮助设计师在不超出预算的情况下按时构建和推出用户友好型产品。

这个四步 MVP 框架帮助我一次又一次地保持我的产品设计以用户为中心。 亲自测试一下，您将确保在设计开发过程中优先考虑用户。