在MVP的熔炉中,我们实现MVPr(最小可行的原型)

哈Ha! 我向您介绍Alexandru Giuseppe Ispas 撰写的文章“沟渠MVP,采用最小可行原型(MVPr)”



追求卓越是一个微妙的陷阱,通常会导致设计人员进入无休止的迭代和完善周期。 在数字产品的世界中尤其如此,在这种世界中,每个交互和图形元素都可能成为设计痴迷的对象。

但是,如果我们忽略并观察数字产品设计的跨学科性质,很容易理解设计师是如何陷入完美陷阱的。

想一想开发一种数字产品所涉及的所有人员和角色:

  • 设计研究人员
  • 用户界面设计器(UI)
  • 信息架构师
  • 用户体验设计师(UX)
  • 产品设计师
  • 产品经理
  • 内容策略师
  • 品牌专家
  • UX文案
  • 等等


一种或另一种,其中许多相交。 例如,如果不考虑产品的用户体验,则 产品的用户界面将无法成功。 鉴于这些相互作用,人们非常希望了解设计决策如何相互影响: “如果我们做X,它将如何影响Y和Z?”

这种类型的战略预测当然很重要,但是它也可能导致设计过程停滞并陷入可怕的卓越循环中: “我们必须先获得X,然后才能执行Y和Z。”

那么有什么选择呢? 有没有一种方法可以根据真实指标和从真实人群那里得出的结论快速创建,发布,测试和改进数字产品?

在本指南中,我们将以最小可行的原型为视角来研究这些问题,并为设计师提供令人惊讶的简单过程,以构建,测试和改进数字产品。



该插图没有逼真的卫星图像细节,但是它具有足够的视觉信息,可以轻松地将其识别为我们的家园星球。 同样,最少可行的原型为用户提供了“足够”的功能,以决定产品概念是否合理。

用最少的可行原型模拟发射


“没有人知道任何东西。在电影的整个领域,没有一个人肯定知道什么会起作用。 无论如何,无论您的运气或学历如何,这都是预感。”
-奥斯卡编剧获胜者William Goldman


数字产品开发过程的最早决定充其量只能是猜测。 虽然该产品不属于真正的用户,但理论上讲一切都是正确的。 另一方面,在产品准备就绪之前推出它可能会损害其声誉(代价高昂的错误)。

如果在任何重大开发工作开始之前就存在一种模拟产品发布并确定产品生存能力的方法,那该怎么办?

这就是最小可行原型(MVPr)的意义,它是产品开发的一种方法,与更熟悉的“最小可行产品”相比,所需的时间和金钱要少得多。

以下是最小可行原型(MVPr)开发过程的概述:


  1. 设定思路
  2. 研究成果
  3. 信息架构
  4. 视觉设计
  5. 发射
  6. 测试中

等一下 这不是每个人都使用的过程吗?

是的,我们将看到,基于上述步骤的简单基础,我们可以成功地...

  • 模拟真实产品的功能;
  • 模拟真实产品的发布; 以及
  • 找出是否值得构建一个真正的产品。


循序渐进:如何创建MVPr


1.设定想法:开始做决定


启动构想过程的一种好方法是搜索与您的构想相似的网站,博客和应用程序。 研究他们的历史,他们的目标市场以及他们在那里的互动方式。 如果您发现没有任何竞争者能像您的原型那样做,请继续前进。

此步骤不需要经验。 行动的秘诀-从意图转变为行动。

要特别注意竞争对手的优势和劣势。 您如何使用他们已经实现(或未能实现)的东西来使您的原型更坚固?

经过1-2个小时的研究,您将能够确定最重要的竞争对手并研究每个竞争对手的关键方面。



Tripadvisor
  • 专注于用户评论
  • 专注于预订
  • 综合大楼(酒店,餐厅,景点)


寂寞的星球
  • 以人为本
  • 漂亮的演讲
  • 许多细节和方向
  • 注重经验


旅游+休闲
  • 报纸风格
  • 感到无聊
  • 过度使用use语


个人旅游博客
  • 很棒的个人故事
  • 演讲不佳
  • 奖赏感


这是对旅游业竞争对手进行分析的一个示例,该示例强调了提出构想阶段的主要目标:揭示竞争公司的优势和劣势所带来的问题和机遇。

2.研究:确定您的用户


谁是您的目标用户,为什么您的产品应该关心他? 理解这一点很关键,但是我们必须从错误计算假设开始。 最好从最强的假设开始。 不要试图挑战她或尝试“为每个人做某事”。 我们不需要模糊的设计。

相反,请仔细检查第一步中找到的竞争对手网站,并根据常识绘制您的潜在用户的画像。

以下是一些实用的研究领域,可以在Internet上找到它们:

  • 访问评论网站,看看人们对他们与竞争对手的经历有何评论。
  • 在您的社交媒体产品中关注行业专家,并观察他们如何吸引您的受众。
  • 查找有关竞争对手如何运作的权威新闻文章。
  • 了解竞争对手与社交网络上用户的互动。
  • 看看您是否可以找到讨论竞争对手问题的论坛。


在这些领域中的每一个领域都可以获得宝贵的想法,而无需大量的资金投入。 这对于基于少量预算工作的小型项目团队而言尤其重要。 大品牌在研​​究上花费大量资金,但是小团队和个人自由职业者必须找到提高创新能力的方法。



用户个人资料可以是一般的,也可以是非常详细的。 在MVPr流程的开始,确定尽可能多的位置非常重要。

3.信息架构:创建您的原型


原型将如何工作,它将关注的最重要信息是什么?

开始回答此问题的最简单方法是分析与您创建的原型相似的热门站点。 您选择作为示例的站点的一般外观和体验应该是一流的。

首先将站点分成多个块。 所有的主页都是什么,它们的视觉结构如何? 不要害怕更改网站的框架,然后使用您的信息,颜色,图像等重新创建它。

为什么需要这样做? 您的网站的功能可能类似于竞争对手的网站-您只是有不同的目标。 如果用户对既定的体验反应良好,则无需发明复杂的系统。

*生活黑客:研究站点的信息体系结构时 ,一种有用的技术是创建屏幕截图并将其转换为灰色阴影,这样您就不会因颜色的影响而分心(这可能会很麻烦)。



消除噪音并专注于重要的一种好方法是将产品屏幕截图转换为灰色阴影。

之后,利用在线资源,使设计人员能够快速从零迁移到交互式原型。 用户界面,HTML模板,WordPress主题等都有很多集合。不要害怕对其进行修改以适合您的原型,也不必担心像素的完美或精美的代码。 在这个阶段,对任何人都没有关系。 重要的是您的产品有多有用。

这是免费UI Kit的工作方式



您需要的用户界面集将取决于您正在开发的原型的类型。 在这种情况下,使用专注于视觉内容的模板可以使您快速无缝地重新组织它。

在上图中我们取得了什么?

  • 我们删除了所有颜色和图像。
  • 导航栏保持不变。
  • 过滤系统的功能保持不变,但措词已更改。
  • 我们从两列移到一列,以便更好地展示我们计划使用的图像。

在不到一个小时的时间内,我们有了视觉基础,可以进一步开发原型。

4.视觉设计:重新分配免费的UI资源


原型的视觉外观无法与其工作原理区分开。 这不仅仅是时间表。 强大的视觉设计可以讲述故事,并提供真实的体验。

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

通过这种方式,您不必花费数小时来开发完整的设计系统。 基于排版,按钮样式,图标和用户界面的所有其他重要组成部分。

不要浪费时间在多个屏幕上创建一致的用户界面,而要使用一组用户界面并专注于创建内容。 在此示例中,我们快速地从线框移到了高精度布局。

5.启动:写代码还是不写?


现在是时候与世界分享您的原型了。 幸运的是,将原型转换为动态原型更加容易。 由于它具有许多直观的工具,您甚至不需要知道如何编码,但是您需要学习?

没有书面代码的MVPr

(以下为无代码)
当您完成视觉设计时,请基于原型创建一个目标页面,以便访问者可以与其进行交互并提供有关您想法的一般反馈。 在MVPr设计过程的这一点上,有几种创建无代码原型的方法。 以下是其中一些:

基本原型


  • InVision具有创建和测试基本原型所需的所有功能,并提供了无麻烦的体验,而不会使任何事情复杂化。

富媒体原型(高级原型)


  • 对于复杂的交互,过渡和动画, Principle非常有用。

100%逼真的原型


  • 利用Framer ,设计师可以模拟您可以想象的任何数字产品。 当原型应该根据自己的动画和基于逻辑的编码看起来真实时,这是理想的选择(例如:如果是,则这样做)。
  • Webflow提供了在您看到并获得的100%画布上设计,构建代码并运行响应式网站的功能。 (您看到的是您得到的)


这是一个有用的图表,它分解了可用于快速,准确地创建交互式原型的几个设计程序的优缺点。 (来源:库珀)



带代码的MVPr


代码可能是一个了不起的盟友。 毫无疑问,这是创建产品的最佳方法。 主要缺点是您需要知道如何编写代码才能利用高级设置。 没有适当的知识库,尝试代码会降低您的速度。

有许多代码启动器可帮助您入门。 例如,上面介绍的用户界面集具有自己的HTML版本,可以下载:



现在ui工具包



Readymag是一个在线设计工具,可帮助创意专业人士轻松创建微型网站,投资组合等。



Webflow允许设计人员在浏览器中创建响应式网站。



Themeforest提供了数千个可定制的主题和模板。

6.测试:使用广告确认观众的兴趣


测试原型的秘诀在于工具,这些工具可让您以最小的努力获得最多的信息,同时保持价值。 您所需要的只是几美元和一些耐心来解决问题区域。

评估您的产品兴趣的实际第一步是制作一个广告,并介绍在该产品的研究阶段找到的人。 根据受众和所开发产品的类型,您可以在Google,LinkedIn,Instagram或Twitter上投放广告。 对于从企业到消费者的产品,建议使用Facebook。

* Lifehack: AdEspresso是一个方便的地方,可以同时启动数百种社交广告,同时收集有用的比较分析。

投放广告,您将学到两件事:
  1. 查看您广告的人数
  2. 点击广告的人数

确认目标受众感兴趣后,您需要为早期用户创造价值。 方法如下:
  • 添加一个“订阅”表单,并要求用户提供其电子邮件地址。
  • 通知用户您的发布。
  • 确保您的社交媒体频道已启动并正在运行,因此您可以通过允许用户共享您的产品来创建社交按钮。

使用此策略,您将收到:
  • 您可以用于早期营销步骤的电子邮件地址列表。
  • 人们向个人和专业社交圈推荐您的产品
  • 更加清楚地了解您的产品是否会激发用户的兴趣

第一次获得真正的反馈时,您的产品就会上线。 由于创建了良好报价,行为分析和迭代解决方案的循环,您将知道什么有效,什么无效,并且您可以更接近人们真正想要使用的产品。

决定性的发射和培训


最小可行原型的最终目标是:快速可靠地从设计假设转变为真实有效的反馈。

这个过程将不确定性和误解视为改善的机会。 而且,他奖励行动。 好的设计需要大胆的决策和面对缺陷的意愿。

因此,不要成功追求卓越,不要将自己与大型品牌及其庞大的资源进行比较。 继续向前迈出一步,很快您就会发现自己的产品具有明显的抛光效果,使人们感到高兴。

Source: https://habr.com/ru/post/zh-CN424197/


All Articles