建德网站建设:用于UX / UI设计的快速原型设计修复缺陷的5个步骤

2019.07.26 mf_web

52

科技世界发展迅速,因此您的设计过程必须跟上。快速原型设计是一种以用户为中心的快速优化设计的方法。这是它的工作原理。

这是近三十年来一直漫长而艰苦的斗争,但科技界终于开始认识到UX和UI设计在底线上有多大的力量和影响力。根据Forbester研究引用福布斯文章引用的研究......

  • 优化用户界面(UI)可将转换率提高至200%。

  • 优化用户体验(UX)可将转换率提高至400%。

这些统计数据起初可能看起来令人惊讶甚至难以置信,但是当你停下来思考它们时它们才有意义。用户体验越好,用户界面越直观,用户对品牌的感受就越舒适。

中国日报的Mockplus样本项目。

中国日报的Mockplus样本项目

问题是抽象的UI和UX设计是如何形成的。没有两个用户是相同的,那么设计师如何预测基本上不可预测的行为呢?这就是快速原型制作的用武之地 - 这种方法将试错研究的彻底性和可靠性与在当今数字市场中生存所需的速度和效率相结合。

数字设计中的快速原型设计可以追溯到20世纪90年代初,尽管它的概念根源可以追溯到60年代,如果你在世纪之交在飞机模型上进行风洞测试,那么甚至会更进一步。然而,今天的数字设计几乎无法识别90年代的情况。甚至自Smashing Magazine关于2010年快速原型制作的开创性文章以来,该过程在过去七年中发生了突飞猛进的变化。

本文的目标是提供最新的快速原型制作流程。如果您是用户体验和用户界面设计的初学者,并且您已经听说过“快速原型制作”这个短语而不知道它是什么,那么本文将清除所有内容。如果您是一位经验丰富的设计师,希望保持最新的快速原型制作实践,那么本文将帮助您保持优势。

下面,我们仅通过5个步骤概述了快速原型制作的最佳方法:

1.定义原型的目标

有不同种类的数字原型,以不同的方式制作以适应不同的目的。您在快速原型制作过程中的第一步是首先确定您的目标是什么,以便您知道要构建什么样的原型,以及以后如何处理它。

其中,您的原型的保真度根据需要而变化。有些条件允许低保真原型,类似于交互式线框,可以更快地实现周转。其他原因,例如引发投资资金,需要更高保真,像素完美的设计来模仿最终的外观。

Basecamp测试号召性用语的低保真原型

以下是原型的一些常见用途,以及与之相关的特殊注意事项:

  • 特定用户问题。您已经在UX或UI设计中隔离了一个问题,并且您正在测试解决它的不同方法。为了提高速度,您可以保持较低的原型保真度,并仅构建与问题相关的区域和页面。

  • 一般诊断测试。您不确定您的UX或UI有什么问题,并希望测试整个设计以确保。您在构建中包含的设计越多越好。但是,您不希望浪费时间来完善所有内容,因为测试结果可能需要您删除某些部分。低到中保真度可以很好地测试可用性,之后您可以再次以更高的保真度进行测试以掌握视觉效果。

  • 利益相关者买入。您希望向利益相关者展示您的概念验证或新提案。利益相关者对视觉效果做出回应,因此高保真,像素完美的原型或模型更有效。

  • 销售/客户管理。与利益相关者原型类似,这些原型用于解释计划并衡量您的主要客户和潜在客户的反应。同样,高保真原型或模型也会产生更大的影响。

这个早期阶段也是收集团队成员反馈的好机会。最好的想法可以来自最不可能的地方,因此在构建第一个原型之前,请收集整个团队的反馈意见。快速原型制作完全是关于实验,因为它“快速”,您可以在没有太大风险的情况下测试多个概念。

一旦你了解了原型的目的并对如何构建原型有了一些想法,就该花时间卷起袖子并开始制作实际的原型。

2.构建快速原型


自90年代数字设计以来发生最大变化的因素之一是更好的设计工具的可用性。今天的原型设计软件 - 如Mockplus--处理大部分技术细节和编码,以便设计师可以将所有注意力集中在交互设计和用户体验上。

实际上,现代原型设计软件使快速原型设计更加高效。拖放式可用性和预设的设计模式库使设计人员能够以前所未有的速度创建新的原始原型。快速制作原型是快速原型制作的关键部分; 毕竟,这就是名字。

Mockplus中的拖放功能

Mockplus中的拖放功能

首先,您需要确保拥有适合您设计风格的最佳原型设计软件。从那里,您可以在其目标参数内构建原型。

如上所述,您希望为原型的目标选择正确的保真度。为了测试可用性,较低的保真度更好,因为它需要更少的时间来构建和重建。然而,为了激发对利益相关者,管理人员或关键客户的信心,更高的保真度更好:视觉上更令人印象深刻,而且构建所需的时间不那么重要,因为您只需要进行一到两次迭代。

请记住,完善图形需要花费时间,因此您只想在已知的元素上使用高保真度,以达到最终版本。如果您以高保真度制作早期原型,测试将揭示某些方面需要改变,因此浪费了完善这些图形所花费的时间。最好先在低保真度下进行测试,然后只完善“通过测试”元素的视觉效果。

如果您无法确定制作原型的简单性或复杂性,请考虑以下方面:

  • 范围。您的原型需要多少页面或屏幕。如果您正在测试一个孤立的方面 - 即主页上最好的号召性用语按钮 - 那么您只需要包含相关页面。但是,如果您正在进行一般诊断测试或概念验证,那么您需要尽可能多的整个产品。

  • 相互作用。测试可用性当然需要交互,甚至是像悬停文本这样的微小细节。但是,如果您的目标是演示或视觉辅助,那么您可以使用静态但高保真的模型。

  • 视觉的重要性。在测试可用性时,低保真交互式线框是可以接受的,但潜在的投资者,利益相关者和客户更喜欢高保真度,以便他们能够更好地设想最终产品。

关于原型设计最常见的问题之一是使用lorem ipsum还是真实内容。我们建议避免lorem ipsum; 原型应该看起来和感觉像最终版本,包括内容和文本。

确实,lorem ipsum可以节省时间并作为占位符使用,而且你不想浪费时间编写最终在后期被抛出的副本。但是,lorem ipsum会损害可用性,因为它基本上是无意义的 - 使用与最终版本非常相似的占位符文本会更好。简单的占位符文本是一个很好的折衷方案:它比lorem ipsum更接近最终版本以获得更准确的结果,但是如果您最终需要删除它,则不会花费大量时间来完善它。

3.使用实际用户进行测试

为什么快速原型制作如此有效?因为它允许设计人员快速地并且定期地从设计过程中收集实际用户的经验可用性数据。如果您的目标是改进用户体验/用户界面设计,那么用户测试是快速原型制作过程中最重要的一步。

正如我们之前提到的,用户体验和用户界面设计的问题在于它是抽象的,需要大量的猜测。然而,用户测试用冷酷的事实取代了猜测。您进行的测试越多,影响设计的数据就越多......因此需要一种原型方法,鼓励更快的迭代以进行更频繁的测试。

就像在上一步中一样,从一开始就选择正确的原型设计软件可以使用户测试更容易。我们不能代表其他原型设计软件,但为了给您提供参考框架,我们的Mockplus提供了8种不同的方式来测试您的原型,包括离线HTML5,可导出的演示包和移动设备的QR扫描。

非正式但有效的用户测试

非正式但有效的用户测试。(来源)

进行实际的用户测试本身就是一门艺术。找到合适的测试者,组织最佳环境,编写测试场景,甚至管理测试都需要他们自己的最佳实践。虽然我们现在没有时间进入这一切,但请阅读我们之前的文章如何快速轻松地进行可用性测试,以便对该主题进行全面处理。本文将逐步解释您需要了解的所有内容,以便最大化任何用户测试的结果。

4.使用反馈来优化您的原型

您的用户测试是如何进行的?无论他们喜欢还是讨厌你的设计,只要你收集了一些数据,测试就是成功的。即使您的所有设计选择都失败了,至少现在您知道它们是失败的,并且可以实施不同的策略。

而这正是该过程的这一步骤:实现您在下一次迭代中从测试中学到的东西。鉴于原型软件的当前状态,您只需单击几下即可编辑设计问题,甚至可以拖放新元素以替换旧元素。

下一次迭代的好坏取决于您之前测试的反馈质量。有针对性和富有洞察力的反馈将告诉您确切需要改变什么以及如何改变,尽管用户并不总是如此清晰,您可能需要阅读这些内容或进行更多研究。有时你只知道这个版本不起作用,你必须从头开始集思广益。

幸运的是,每当您进行原型设计,测试和改进时,您就会更接近完美的产品。这让我们进入了最后(或不是最终)的过程......

5.重复直到完美!

是什么让快速原型制作比传统方法更好?它允许您反复测试新原型,一遍又一遍,直到设计完美。另一种方法是将时间投入到最终可能被丢弃的抛光元件中。快速原型设计首先强调可用性和用户偏好 - 它是一种设计方法,优先考虑用户对设计者的意见。

为了使快速原型制作有效,该过程需要两个特征:

  • 渐进式迭代

  • 快速转变

如果您按照上述步骤进行,则第一个渐进式迭代应该是自然而然的。只要你没有不规则地设计并确保实现上一轮的反馈,你的原型的每个新迭代将比它之前的更好。

第二个特点是快速转变,值得深入讨论

对于快速原型制作的新设计师来说,常见的陷阱之一就是他们陷入了细节之中。就其本质而言,快速原型制作在快速时更有效。不要过早依赖于想法,并且不要担心早期原型中是否存在“头发不合适”。

它被称为“快速原型设计”,而不是“完美的原型设计 ”。设计人员不希望在测试之前掌握每一个细节 - 事实上,这会使过程花费更长时间来阻碍结果。重新设计重新测试的设计应该尽快完成,以便您可以在同一时间范围内打包更多测试(和更多用户数据)。

这并不是说你的原型应该马虎!您总是希望它们尽可能接近最终产品。关键是要建立一个质量足以产生准确结果的原型 - 一种外观和感觉就像成品的原型 - 但这并不需要太多时间。

Mockplus总部

Basecamp的Mockplus样本项目保持低保真度,直到通过测试证明元素

假设您设计的每个元素都可以在以后删除,直到您有数据证明其值得保留。只有这样你才能把时间花在最后。你不想投入大量时间来设计一个最终在下一轮被抛弃的元素。

考虑到这一点,确保您的原型在所有必要的领域中表现出色:它们满足目标的视觉要求,并且所有相关的测试区域尽可能接近最终产品。最重要的是,快速原型设计应该是快速的,所以在你收集到足够的可用性数据之前,要遏制你的完美主义直觉。

带走

最佳用户体验设计和用户界面设计有什么共同之处?用户。

用户体验和用户界面设计以用户为中心,这意味着它们应该是手工定制的,以满足您独特用户的特定需求。实现这一目标的最佳方法 - 在我们开发思维阅读技术之前 - 是试错法测试,这使得快速原型设计成为目前最有效的方法。

从好的方面来看,现代原型设计软件已经发展到更快,可以更快地构建,测试和重复原型。如果您已准备好开始构建自己的原型,Mockplus的简化可用性有助于为初学者和专家提供快速原型设计。点击这里下载Mockplus的免费试用版,亲眼看看它有多容易。

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP