追求完美是一个微妙的陷阱，它经常将设计师带入无休止的迭代和审查循环中. 在数字产品领域尤其如此, 在哪里，每个交互和图形元素都可以成为设计痴迷的对象.

但, 当我们退后一步，观察数字产品设计的跨学科本质, 很容易看出设计师是如何陷入完美陷阱的.

想想设计一个数字产品所涉及的所有人员和角色:

• 设计人员
• UI设计人员
• 信息架构师
• 用户体验设计师
• 产品设计师
• 产品经理
• 内容策略
• 品牌专家
• UX文案
• 等.

以这样或那样的方式，这些都有交集. 例如，一个产品的 用户界面 不可能成功，如果它 用户体验 不考虑. 互联性带来了理解设计决策如何相互影响的压力: “如果我们做X，会对Y和Z产生什么影响?”

这种类型的战略预测是有价值的, 但它也可能导致设计过程停滞不前，陷入可怕的完美循环: “在执行Y和Z之前，我们必须先做好X.”

那么，另一种选择是什么? 有没有一种快速创造的方法, 发射, 测试, 并根据现实世界的指标和来自实际人群的见解来改进数字产品?

在本指南中，我们将通过的镜头来解决这些问题 最小可行原型 并为设计师们提供了一个极其简单的建造过程, 测试, 完善数字产品.

用最小可行原型模拟发射

没有人知道什么......在整个电影领域没有一个人确切知道什么会成功. 每一次都是猜测，如果你幸运的话，还是一个受过教育的人. – 威廉高盛奥斯卡获奖编剧

数字产品设计过程中最早的决策充其量是基于猜测. 在产品到达实际用户手中之前，一切都是理论上的. 另一方面, 在产品还没准备好之前就推出会损害其声誉(代价高昂的错误).

如果有一种方法可以模拟发布，并在任何主要设计工作开始之前确定产品的可行性，那该怎么办?

这是最小可行原型(MVPr)的值，a 产品设计方法 这比我们更熟悉的“最小可行产品”所需的时间和金钱要少得多.”

以下是MVPr设计过程的概述:

1. 发现
2. 研究
3. 信息架构
4. 视觉设计
5. 发射
6. 测试

等待! 这不是每个人都在用的方法吗?

是的，我们将看到，依靠上述步骤的基本要素，我们可以成功……

• 模拟真实产品的功能;
• Mimic the 发射 of a real product; and
• 发现一个真正的产品是否值得开发.

一步一步:如何建立一个MVPr

1. 发现:开始做决定

开始发现过程的一个好方法是搜索网站, 博客, 以及与你的想法相似的应用程序. 了解他们的历史，他们的目标市场，他们是如何运作的等等. 如果你发现没有任何竞争对手能做到你的原型所能做到的，那就继续前进.

这一步不需要任何专业知识. 秘诀在于行动——从意图到行动.

要特别注意竞争对手的优势和劣势. 你该如何利用他们已经完成(或未能完成)的东西来让你的原型更强大?

经过1-2小时的研究, 你应该能够找出你最重要的竞争对手，并了解他们的关键方面.

2. 研究:定义用户

谁是你的目标用户，他们为什么要关心你的产品? 理解这一点至关重要，但我们必须从经过计算的假设开始. 最好从一个强烈固执己见的愿景开始. 不要再猜测或试图为每个人做点什么.“我们不想要淡化的设计.

而不是, 仔细看看在发现阶段发现的竞争对手网站，用常识来描绘你的潜在用户的画像.

以下是一些在网上很容易找到的实用调查领域:

• 访问评论网站，看看人们是如何评价你的竞争对手的.
• 在社交媒体上关注你的产品所在行业的影响者, 观察他们是如何吸引观众的.
• 搜索有信誉的新闻文章，详细介绍你的竞争对手是如何运作的.
• 看看你的竞争对手在社交媒体上与用户的互动.
• 看看你是否能找到任何讨论竞争对手问题的论坛.

无需大量的财务投资，就可以从这些途径中获得有价值的见解. 这对于预算有限的小型设计团队来说尤其重要. 大品牌在研究上投入了大量资金, 但小团队和个人自由职业者必须找到更足智多谋的方法.

3. 信息架构:构建你的原型

他们将如何 原型 工作中，最重要的信息是什么?

回答这个问题最简单的方法是分析与你正在构建的原型相似的顶级网站. 您选择参考的网站的整体外观和体验应该是出色的.

首先将网站分成几个部分. 所有相关的页面都是什么，它们是如何在视觉上结构化的? 不要害怕反向线框图的网站，然后重新创建它与您自己的信息, 颜色, 图片, 等.

为什么要这样做呢? 你的网站可能会以类似于竞争对手网站的方式运行——你只是有不同的目标. 如果用户对已建立的体验反应良好，则无需发明复杂的系统.

*专业提示: 当研究一个网站的 信息架构, 一个有用的技巧是截屏，并把它们变成灰度，这样你就不会被颜色的影响分散注意力(这可能很有说服力)。.

在这之后, 利用在线资源，让设计师迅速从零到交互式原型. 有大量的用户界面工具包、HTML模板、WordPress主题等等. 不要害怕修改它们以适应你的原型, 不要担心像素的完美或漂亮的代码. 在这个阶段，没有人在乎. 他们关心你的产品是否有用.

下面是如何使用免费的 UI工具包:

我们在上面的图像中完成了什么?

• 我们删除了所有的颜色和图像.
• 导航栏原封不动.
• 过滤系统的功能保持不变，但措辞有所改变.
• 为了更好地展示我们计划使用的图像，我们将两列改为一列.

在不到一个小时的时间里，我们就有了进一步开发原型的视觉基础.

4. 视觉设计:重新利用免费的UI资源

你的原型的视觉外观和感觉不能与它的工作方式分开. 这不仅仅是关于图像. 有影响力的视觉设计讲述了一个故事，提供了一种真正有价值的体验.

在这里, 视觉一致性是关键，因为它可以帮助用户熟悉产品并更有效地导航. 在原型开发的早期实现这种一致性, 重新利用免费UI资源是明智的做法.

以这种方式工作，您将不必花费数小时来开发一个有凝聚力的设计系统. 排版、按钮样式、图标和所有其他重要的UI组件都得到了处理.

5. 发行:编码还是不编码?

是时候与世界分享你的原型了. 幸运的是，将模型转换为动态原型比以往任何时候都容易. 多亏了大量直观的工具，你甚至不需要知道如何编码——但你应该学习?

无码MVPr

当你完成视觉设计的时候, 将原型嵌入到登陆页面中，这样访问者就可以与之互动，并提供关于你的想法的一般反馈. 在MVPr设计过程的这一点上，有几种方法可以创建无代码原型. 以下是你的选择:

基本的原型

• InVision 是否具备了构建和测试基本原型所需的所有功能, 它提供了一种无痛的体验，没有并发症.

富媒体原型

• 对于复杂的交互、过渡和动画， 原则 非常有用.

100%真实原型

• 筹划者 允许设计师模拟任何可以想象的数字产品体验. 当原型必须在原生动画和基于逻辑的编码方面看起来和感觉真实时，这是一个完美的选择, 这样做).
• Webflow 提供设计的能力, 用代码构建, 并且在“你看到的就是你得到的”的画布上发布响应式网站.

编码的MVPr

代码可以是一个了不起的盟友. 毫无疑问，这是构建产品的最佳方式. 主要的缺点是，您需要知道如何编写代码才能体验高级定制的好处. 如果没有适当的知识库，选择用代码进行实验将会减慢您的速度.

有大量的代码入门工具包可以帮助您开始工作. 例如，我们上面介绍的UI工具包有它自己的HTML版本可供下载:

6. 测试:利用广告洞察力

测试原型的秘诀在于使用工具，使您能够以最少的努力获得最多的见解，同时仍然提供价值. 你所需要的只是几美元和耐心地解决问题.

衡量人们对你的产品感兴趣的第一步是制作一个广告，并针对在研究阶段发现的人. 这取决于你的受众和你设计的产品类型, 你可以在谷歌上投放广告, LinkedIn, Instagram, 或推特. 对于企业对消费者的产品，推荐使用Facebook.

*专业提示: AdEspresso 在收集有用信息的同时运行数百个版本的社交广告是否方便, 比较分析.

运行广告，你会学到两件事:

1. 看过你广告的人数
2. 点击你的广告的人数

一旦你确认你的目标受众对你的广告感兴趣, 你需要为早期用户创造价值. 方法如下:

• 添加“订阅”表单，并要求用户提供他们的电子邮件地址.
• 跟进，让他们知道你什么时候发布游戏.
• 确保你的社交媒体渠道启动并运行，这样你就可以建立社交按钮, 允许用户传播你的产品.

使用这个策略，你将获得:

• 可以用于早期营销工作的电子邮件地址列表
• 人们向他们的个人和专业网络推荐你的产品
• 更清楚地了解是否有人对你的产品感兴趣

当你第一次得到真正的反馈时，你的产品就上线了. 通过这个传递价值的循环, 分析行为, 迭代解, 你会知道什么是有效的，什么是无效的, 这样你就离人们真正想用的产品更近了一步.

大胆地发布和学习

最小可行原型的最终目标是: 从有根据的设计猜测转向真实的、可操作的反馈，速度和信心.

这是一个将不确定性和失误视为改进机会的过程. 最重要的是，它奖励行动. 好的设计需要大胆的决策和勇于面对不完美的意愿.

所以不要因为追求完美而陷入困境, 尽量不要把自己和大品牌及其庞大的资源进行比较. 继续前进, 很快，你就会发现自己拥有了一款人们非常乐意使用的精美产品.