小程序UI原型指南

  设计小程序程序是一项代价高昂的工作，甚至更多，因此在未发现可用性问题，漏洞很普遍且发布后无法满足客户期望的情况下。

  一旦开始考虑 如何制作小程序程序，请记住，糟糕的设计会惹恼您的客户并损害您的品牌，这可能是无法挽回的。因此，在产品发布之前(尽可能早)对潜在用户进行功能测试将有助于您最大程度地减少支出并保持客户满意。原型正是这样做的，它可以帮助您经常交流设计并优化小程序程序的可用性，而无需编写任何代码。

  什么是小程序程序原型?

  快速原型制作是对小程序程序或其功能之一在现实世界中的运行方式的快速可视化。

  关于小程序程序原型

  如果您的目标是开发一个价值数百万客户的小程序程序，那么应该在您的雷达范围内进行原型设计。使用正确的工具，所有者可以测试他们的想法并进行必要的改进，然后再开始进行昂贵的小程序程序开发。

  小程序程序原型及其附带的工具只是最近才发展起来的。但是，原型设计和迭代开发的概念始于1980年代，当时硬件制造商希望在致力于大规模生产之前就对客户的产品使用方式进行建模和测试。时至今日，几乎每个计算机程序和硬件设备都经过某种形式的原型制作过程，以确保一切在客户购买和使用之前都能平稳运行。

  小程序程序原型是否适用于我的业务?

  无论行业如何，原型制造都占有一席之地。原型在软件和硬件行业中广泛使用，包括：3D打印，小程序程序和网站设计，汽车，医疗设备等。

  小程序程序的原型制作过程以及可以使用的不同工具在适用性，速度和复杂性方面有所不同。一些工具是为早期原型设计和构思而设计的，适用于创始人，产品所有者和创意人。专业设计人员通常使用其他更复杂的工具来创建照片级的原型。

  原型101：过程

  像其他任何事情一样，预先计划您的目标很重要。为了产生最佳结果，如果您希望过程成功，那么原型制作需要遵循一些步骤。下面是一个简单的指南，无论您有什么需求，该指南都将帮助您正确设计小程序程序原型。

  原型101

  设置东西

  您进入的详细程度取决于项目的阶段。首先查看您的预算和时间限制。设置一个严格的截止日期，以便可以与真实的人一起构建和测试您的原型。选择正确的原型软件工具(或使用您已经熟悉的工具)。理想情况下，它应该允许您创建原型并使其在微信设备上运行，而无需任何代码或开发人员帮助。分钟的代码开始编写，成本开始迅速上升，更改变得更加困难。

  1.创建原型

  首先通过可视化您要测试的功能的产品来创建您的想法的通用模型，这些功能包括：感兴趣的主要区域，主要功能，跳过次要区域，例如遇到错误时会发生的情况，登录和设置屏幕。

  2.与用户一起测试项目

  准备好之后，您可以与精心挑选的用户列表共享原型，这些用户与潜在的受众匹配，并可以为您提供有价值的反馈。客户往往对他们想要的功能更加挑剔，这意味着可以获得更诚实的反馈。如果存在隐藏的问题，则此特定测试阶段可以发现它们。

  但是，您应该使听众保持小规模，以便可以从每个人那里获得特定的反馈。此外，如果该小程序程序运行良好，请考虑到客户可能希望在该发行版中看到更好的版本。

  3.修改并移交

  一旦您拥有内部和外部评论，并将所有反馈汇总在一起，便可以更清晰地了解可移交给开发人员的小程序程序。查看评论以及原型的成功程度。请记住，如果需要，您可以在实际开发开始之前针对不同功能重复几次该过程。可用性越好，可以删除的功能越多，小程序程序的开发速度就会越快。用户测试可以帮助您确定功能的优先级，并通过确定优先级来加快产品上市速度，从而帮助您确定对用户最重要的功能。

  如果您认为项目已准备就绪，那么最后一步很容易-将原型和您的文档移交给设计和开发团队，并不断检查其进度。如果一切进展顺利，那么您的原型制作过程就可以出色地完成工作。如果不是这样，则可以快速调整原型以添加更多细节，并回答在进一步开发小程序程序时弹出的新问题。

  测试和基准保真度

  总体而言，与您要发布的最终小程序相比，原型具有不同级别的保真度(准确性)。在时间消耗，需要创造的资金以及测试阶段的复杂程度方面，每种方法都有所不同。小程序程序在开发完成之前始终会获得高保真通行证-这只是一个问题，即该通行证是在原型开发的早期还是以后，以便更好地理解功能。

  保真类型

  原型制作时，小程序程序所有者应考虑三种不同类型的设计精度：视觉，功能和内容精度。

  视觉准确性

  对于小程序程序，有两个选项：草绘或(高)保真度设计。如果您正在寻找低精度级别，草图原型可以使工作迅速完成，只需要一张纸和一支笔即可。但是，使用快速原型制作工具可以帮助快速创建更高级别的保真度，并具有更容易共享的附加好处–并在某些情况下，可以生成可测试的小程序程序，并将其部署到您的设备上。此外，保真度越高，反馈越好。

  功能精度

  这一切都与小程序程序的界面和可用性有关。通常，小程序程序将具有少量的主要活动(例如，添加到Amazon上的购物车或在游戏中玩)，以及大量的辅助活动(登录，更新帐户，搜索)。小程序程序的可用性取决于这些文件的结构和呈现方式。正确的工具使您可以查看不同屏幕之间的关系，以获取其价值。

  内容准确性

  在不同的内容准确性级别上，您可以使小程序程序中的文本，图像，文字和其他内容与最终发行版一样真实。低保真度选项是快速从Google拖动一些图像并添加一些占位符文本，以使您对正在考虑的事情有一个整体的感觉。

  可用的原型制作工具

  市场上有许多快速原型制作工具，每种工具都有其自己的准确性和易用性，具体取决于用户体验水平和项目阶段。即使非设计人员也易于使用的早期工具包括Fluid UI，Balsamiq和Moqups。适用于专业设计师的更高级工具包括Sketch，InVision和Adobe产品(例如XD和Photoshop)。

  最后的想法

  如果您的公司中没有经验丰富的团队，请务必选择一个平台，快速原型可以为您完成工作。原型制作将大大降低您的成本，并使工作很快完成。此外，根据您的小程序程序的大小，我们建议您将原型设计分为两个阶段：“快速而肮脏的”早期阶段，以使您对与您的团队合作的项目有共同的了解，而高保真阶段则是将输入到小程序程序的实际开发中。