初创产品团队经常面临紧张的预算和截止日期. 资源有限, 他们的任务是开发没有用户的新产品, 反馈, 或者特性请求. 作为一个 产品设计师 我熟悉这些挑战，我知道这有多难.

幸运的是, 有一种方法可以管理不确定性, 保持更加, 并按时按预算交付产品:MVP框架. 最小可行产品是产品的可发布版本，其功能仅够解决核心用户问题. mvp帮助产品团队更多地了解他们的目标用户，同时在设计/开发过程中花费更少的精力. 它们还允许设计师在早期测试假设，从而降低了风险.

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

步骤1:用PRD定义MVP

第一步 MVP开发过程 定义产品的目的, 特性, 功能, 以及产品需求文档的行为. 的 珠三角是该项目的唯一真相来源让产品团队围绕用户的问题进行协调. 它应该包括:

• 目标(问题陈述).
• 构思信息(用户角色、用户故事和史诗).
• 分析(假设、约束和成功度量).

这是我们的外卖应用PRD的样子:

客观的

问题陈述

A 问题陈述 定义产品旨在解决的实际用户问题. 它不应该超过一句话，并确保对产品目标的清晰理解.

例如:“我们需要把饥肠辘辘的顾客和能尽快送餐的好餐馆联系起来.”

意念信息

用户角色

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

我们的送餐应用角色是:

• 餐馆老板里克;
• 拯救者但丁;
• Chloe the Customer; and
• 支持代理萨比塔.

在MVP设计中使用人物角色使团队能够理解并同情最终用户，因此 瞄准他们的设计 围绕他们的需求.

用户故事和史诗

用户故事是对人物角色如何与产品交互并实现产品最终目标之一的简短解释. 例如, 对于餐馆老板里克来说:“当顾客下订单时(上下文), 我希望收到通知并查看订单(行动)的细节，这样我就可以在不到30秒的时间内查看并做出回应(目标)。.”

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

• 点餐;
• 报告遗失物品;
• Rating the delivery experience; and
• 返回一个项目.

分析

假设

假设是我们期望产品能做什么或者用户会怎么做. 例如:我们假设送货员但丁在餐厅工作. 然而，他的日程安排和餐厅的营业时间可能不相容.

约束

约束概述了可能的产品限制. 例如:手机信号接收差意味着Chloe客户将无法收到有关其订单状态的更新.

通过处理珠三角的假设和限制, 我们可以在过程的早期解决这些问题，为用户创造更好的体验.

成功指标

可操作的 成功指标，比如用户粘性、流失率和会话持续时间，这些都是衡量MVP表现的关键. 开发这些指标有助于我们验证最初的产品概念并指导开发过程.

对于我们的送餐应用，我们包括:

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

步骤2:组织MVP的信息架构

MVP设计过程的下一步是标记和组织应用程序的数字内容, 比如章节, 页面, 和特性. 这个过程的结果被称为信息架构(IA)，可以分为两个部分:

1. 定义 product’s content; and
2. 确定内容的层次结构.

定义应用的内容

为了定义产品的内容(图片、音乐、文字、视频等).)，首先我们 研究趋势、竞争和我们的目标受众. 然后，为了连接内容类型之间的点，我们创建了一个“快速和肮脏” 思维导图 具有分支、主题和子主题. 思维导图帮助我们将所有的内容可视化，并将相关的主题联系起来.

我们的应用程序思维导图将包括:

• 餐厅主题，其子主题用于菜单、订单日志和客户数据库页面.
• 菜单的副标题，包括食物和饮料的选择，以及特别优惠.

确定内容层次结构

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

分类:进行卡片分类:

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

步骤3:创建线框图和原型

创建线框

定义和组织我们的内容, 我们可以使用线框图工具构建应用程序的基本UI布局. MVP线框图有很多好处，也就是说，它允许我们可视化我们的产品 保持精简.

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

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

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

用户测试

我们的MVP流程包括“测量，学习，重复的用户测试方法，以便尽早识别和修复潜在的摩擦点.

例如, 在我们的送餐应用里, 我们注意到，用户似乎并没有使用应用程序过滤器来优化食物的种类, 价格, 或距离. 我们将执行两种类型的测试-无节制和适度-收集最多的反馈来理解原因.

1. 对定量数据的无节制测试 迷宫:通过衡量用户在给定任务中的表现, 无节制测试通过定量数据提供了间接的可用性评估. 这种测试的优点? 我们得到了 可靠的统计反馈 关于一个问题，没有可能影响我们对该问题的反应的“随机”结果.

例如, 迷宫的点击漏斗显示，过滤屏幕上的点击量急剧下降，任务完成率也很低. 我们可以看到用户在使用过滤器时遇到了问题. 然而，对于未经调节的测试，这将是反馈的范围.

2. 对定性数据进行适度的测试 Userfeel:通过观察用户，了解他们是如何完成任务的，并提出后续问题, 适度测试通过定性数据提供直接的可用性评估. 这种测试的优点? 我们确切地知道任务的哪些方面有问题.

例如, Userfeel记录将揭示用户努力理解过滤器是如何工作的，并确定具体的问题在哪里, e.g.，过滤文本太小，限制了易读性.

使用这种集体反馈, 我们可以迭代线框来构建一个更加用户友好的过滤器功能.

开发高保真原型

随着线框MVP的验证，是时候升级到 互动原型制作经验. 与基本的线框图相反, 高保真(hi-fi)原型利用像素完美的UI设计和动画, 并且在外观和功能上更接近最终产品. 我们可以用它们来推断重要的视觉肯定，并收集与MVP设计相关的实时反馈.

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

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

这里有一个例子 我们的送餐应用的Figma高保真原型会是什么样子.

步骤4:完成设计QA

最后, 我们将通过点击原型并验证来确认一切看起来如预期般顺利运行:

• 我们的MVP与最初的产品概念产生了共鸣.
• 用户流感觉很自然.
• 所有 用例 已经被考虑过.
• 所有的开发bug已经修复.

然后, 我们将总结并与开发团队沟通任何剩余的问题，作为质量保证票据. 这些问题可以在启动MVP之前的一到两周的冷却期解决.

用MVP开发框架增强你的设计过程

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

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