揭阳网站开发：优化您的设计以进行快速原型测试

2019.08.12 mf_web

初创公司和中型及大型公司的产品团队都在实施可用性测试和原型设计，以降低产品开发风险。随着重点从工程设计转向原型设计，对于创建原型的人来说，理解原型和产品构建之间的差异变得越来越重要。揭阳网站开发

通过优化原型设计过程，您可以生成可提供最具可操作性的用户洞察力的模型，同时尽可能提高设计时间。无论您使用哪种原型工具，或者您是否测试线框，可点击的模型或编码原型，最重要的是您要测试的内容以及您希望从中学习的内容。

考虑到这一点，这里有六个技巧，供设计人员在创建专门用于生成用户测试洞察力的原型时考虑。

设计测试特定的刺激，一次几个变量

您需要确保通过消除变体之间的任何不必要的差异，与您的测试变体进行苹果与苹果的比较。确保您要测试的任何变量刺激在视觉层次结构中是主要的，以便用户不会错过它。

例

以下是我们为点对点支付应用程序创建的两种设计变体。我们想要了解：“奖励兑换功能会增加用户对价值的看法吗？”

在变体A中，显示了支付应用程序的基本功能。在变体B中，使用变体A中的相同特征但是添加了一个：“兑换”按钮，以指示应用的奖励特征。两种变体都具有相同的基本布局，内容和调色板，这使设计无效作为测试的变量。

在原型测试中，除了要测试的变量之外，您的设计变体应该是相同的。在分割测试中控制除测试变量以外的所有变量，以便您可以测量原型的哪些特定更改会影响用户对价值的感知。测试变体的变量通常包括不同的副本，按钮位置，插页式屏幕和图像。这些变量应该易于用户识别，并且有可能有意义地改变用户的观点，无论好坏。

不要将设计“测试变体”与“版本”或“概念”混淆。设计师通常会在概念阶段创建多个布局，虽然这些创意选项可能会触发用户行为的差异，但每个测试变体之间的差异太大因此无法衡量哪些差异首先导致了这些行为。要了解“变体”中的“变量”是什么，以及保持不变的是什么，以便您可以衡量每个变化的影响。

什么不拆分测试的例子

这些设计概念显示了对等支付应用程序的两种不同的可视方法。虽然为您的产品提供更多视觉选项总是更好，但使用不同的视觉概念作为测试变体是一种不好的做法。这两个屏幕（内容，颜色，图标，功能等）之间存在很多变量，这些变量隔离了哪些确切的变量是改变用户行为的催化剂是不可能的。

在未经测试时使复制保持一致

在拆分测试中，从测试视觉中删除任何不必要的差异。一种简单的方法是在变体中保持相同的复制。个人用户信息（例如姓名和地址）应该从实验到实验保持一致，包括所提出的问题类型，一般设计元素和提示以及模拟环境。

例

在测试具有多个输入的设计（例如航班搜索引擎）时，我们对位置（纽约市和洛杉矶），日期（8月8日至16日）和旅行者数量（1）使用相同的搜索信息。因为我们没有测试这些信息，所以我们不希望它在我们的拆分测试中成为变量。

不要出汗无关紧要的细节

在设计最终生产时，您需要考虑诸如跨屏尺寸的响应性，品牌元素，利益相关者关注点和技术可行性等问题。另一方面，用于测试的原型主要用于了解和捕获用户反馈。最终生产的许多约束在大多数原型测试过程中都是无关紧要的，并且只会延长迭代周期。

要担心包含需要测试的变量：颜色突出，消费者消息传递和功能的正确优先级。具有清晰的视觉层次结构比根据品牌指南选择正确的字体更重要。

例

我们创建了这个简单的可点击酒店应用原型，以了解所提议功能集的用户印象。

如果这是一个设计要包含在发送给工程师的规范中，我们必须确保颜色与我们的品牌相匹配，图片是我们自己的，法律已经审查了服务条款（并且实际上有条款）服务）并且所有链接都有效，以及其他几十个方面。但是因为我们的目标是捕捉用户对特定价值主张的反应和看法，我们可以忽略所有这些。

请记住，原型设计是一种节省成本的机制。花在完善与测试无关的设计或资产上的时间将首先降低使用原型的效率。

专注于您想要从用户而不是利益相关者那里学习的东西

为用户测试而设计的原型不一定用于向组织中的主要利益相关者呈现。虽然这些利益相关者应尽早参与实验过程，但这种快速原型制作过程并非您希望为内部团队提供像素完美的设计。

它不容小觑：快速原型设计是了解用户的途径。您提交最终批准的抛光界面设计可能看起来不像您几周前的原型。将原型设计视为一个告知设计概念阶段的过程，而不是确定产品的最终形式。

一旦您与目标用户验证了产品的核心组件，请使用这些见解来告知正式设计，包括适当的品牌和其他必要的详细信息。并计划在包含这些元素后再次测试，以捕获尽可能多的数据点。

您可能会发现您提出的设计违背了领导层设定的方向。以此为契机，根据领导层的变体测试您的设计！最多使用一到三个屏幕（以节省时间），创建两个代表两种变体的原型，并查看用户喜欢哪种变体。然后，下一个设计迭代将由基于用户反馈的实际数据支持，而不是意见（您或您的利益相关者）。

任何组织的领导力都将响应精心呈现的数据。通过记录用户对产品的反应来支持您的观点。没有什么比听沮丧的用户的声音更羞辱。

创建一条清晰的路径

如果您曾见过用户测试，那么您就会知道用户的注意力空间非常短暂。如果他们无法找出原型，他们通常会在完成之前放弃测试。这仅仅是模拟环境的本质，在这种环境中，用户没有选择支付产品费用或长期使用产品。

因此，虽然最终产品可能有多条路径，但您需要在洞察原型测试期间限制交互区域，并删除任何分散您想要测试的内容。并非所有按钮都必须是可点击的或显示交互 - 仅启用可以驱动用户完成所需流程的热点。

例

为了收集用户对TripAdvisor酒店预订流程的反馈，我们需要显示与此流程相关的特定屏幕，并使用户能够从头到尾查看每个步骤。下面的红色轮廓显示了我们希望用户触摸的主要区域。请注意，因为我们只测试酒店预订，所以此原型中不会包含不相关区域的用户流量，例如航班和餐馆搜索。

屏幕2：选择主页，位置和日期 — 屏幕2：选择了位置和日期的主页。（图片：TripAdvisor）

屏幕4：酒店选择和TripAdvisor用于预订。（图片：TripAdvisor）

选择的四个屏幕显示了TripAdvisor酒店预订流程的基本块。我们添加到此原型的任何视图都必须与我们正在测试的主流程相关。否则，不相关的热点将成为用户的兔子洞，增加了与主要焦点无关的反馈可能性。

捕获用户行为，以及反馈

在早期，原型测试可能只需要在用户面前放一两个屏幕，让他们回答一些问题。但是，稍后您将希望能够捕获行为信息，例如用户导航到的屏幕以及他们在那里停留的时间。确保您的原型设计工具使您能够从每个实验中收集可靠的数据，以最大化您获得的洞察力。

记住

在为快速测试周期创建原型时，不要对整个产品进行原型设计。专注于您要测试的产品和对产品成功至关重要的用户旅程，并显示允许用户完成所需流程的屏幕（每个测试最多一到两个）。这将允许您快速创建测试变体，并将节省设计人员或开发人员的时间。
在修改测试变体后，尽可能多地计划多轮测试（每日，每周，每月）。用户展示次数可能随着产品的发展而变化; 只要您经常测试，您就会为用户反馈所指示的任何正转或负转做好准备。
教育你的利益相关者。。帮助他们了解您的原型是用于以最具成本效益的方式收集用户洞察力，并且设计可能无法代表最终生产中实际构建的内容。为测试而创建的样机不必完全代表产品，以使您的团队受益。
在创建任何内容之前，先预先确定成功的用户体验是什么样的（例如，“用户完成支付流程的所有步骤”，“用户可以检查他们的帐户余额”，“用户知道如何对项目列表进行排序等）。一旦您知道测试的结果是什么，就创建测试变体以优化成功。
不要让原型难以阅读。注意原型中副本的大小，并确保易于遵循重要的教学区域（导航，号召性用语，卖点）。
即使它不是您在产品团队中的主要角色，也要尽可能多地了解测试将如何进行。用户会问什么问题？它是一项调查，一项未经审查的测试还是一次面对面的指导会议？了解格式将有助于您确定测试期间显示的内容的优先级。
创建主要产品视图的可重用模板，以便您可以快速转换模型。
如果您想以通用名称测试产品并隐藏品牌名称，也可以保存一组“无品牌”模板。您可能希望删除所有徽标或使用通用徽标来消除品牌识别偏差。
利用熟悉的应用程序和解决方案中的标准用户界面元素和视觉提示。
选择不会对测试结果产生偏差的图像和内容。。例如，不要在原型中使用知名书籍，杂志，电影和其他媒体，而是使用模糊的标题，这样内容本身就不会影响用户对价值的感知。
在针对原型网站测试实时网站时，请考虑以原型形式重新创建实时网站，并在与新设计原型相同的平台上测试此“当前”网站版本。这将消除用户在使用功能齐全的网站和使用功能有限的原型之间的任何偏见。