📜  UX 设计中的原型设计——优点和类型

📅  最后修改于: 2021-10-19 05:27:34             🧑  作者: Mango

如果你是一个设计师UX或谁做的一切来构建应用程序,如设计,编码,与客户交互(一个人的军队…… .lolz)一个自由职业者,然后有一件事可能会困扰你很多…

“如果我为用户或客户设计一个应用程序,他/她是否会喜欢它?”

UX 设计中的原型设计优势和类型

假设您构建了一个应用程序并将其呈现给客户端。现在客户告诉他/她不喜欢图像的背景蓝色,他/她希望您将其更改为绿色。您所做的更改(不是大不了你……是吗?),你再次提交给客户。现在客户要求您将按钮的形状从矩形更改为圆形。同样,你所做的更改(好吧……这也没什么大不了的你)。再一次客户端请求你从上面的一些内容移动到下或左到右(感到沮丧?但移动内容)。现在,客户告诉上个季度好于目前的一个,这样改变它…(现在它的太多,你只是想谋害那个家伙

客户端频繁请求更改网页中的内容对于开发人员/用户体验设计师来说非常令人沮丧。为网页的每个元素编写代码需要花费大量时间和精力,但您的客户并不理解这一点。

这些小的变化不仅会在设计中产生许多问题或错误,而且还会成为开发人员/设计人员的噩梦。

那么以上所有问题的解决方案是什么?

行业或大型企业部门如何处理此类问题?

答案是原型。在这篇博客中,我们将讨论原型设计的概念,大多数 UX 设计师在一些大公司工作时都遵循这个概念。

什么是原型设计?

如果您认为在 Facebook、Twitter、Pinterest、Zomato、Netflix 等大公司工作的开发人员或设计师会立即开始编写代码以构建某些功能,那么您就完全错了。这不是行业的运作方式。设计人员必须首先完成原型设计的步骤,然后才能进入实际的编码部分。

基本上,原型设计是最终产品的反映。这不是一个精确的应用程序,但它就像应用程序的照片,可以使用 photoshop、illustrator 和草图等工具进行设计。这些照片被放入手机或网站上,用户可以点击它想要点击的地方。

您可能已经了解到一些有关您的计算机科学学位的原型,但你知道它是如何工作的工业规模?在大行业中,每个人都使用原型设计的概念。用于测试产品的流动性,是否顺畅。

原型设计通过交互式和引人入胜的产品向用户展示产品的示例版本。设计师可以在投入时间和金钱开发最终产品之前测试他们的想法和设计。

作为 UX 设计师,您可以使用一些在线工具来构建原型并将其展示给用户,以便更好地了解产品。

原型设计的好处

让我们来看看原型设计的一些主要好处……

1.原型有助于识别设计缺陷,可用性问题,或在软件设计阶段的早期阶段不合适的做法。这节省了大量的时间和金钱,也减少了在产品开发阶段可能出现的客户和设计师之间的冲突。

2.如果我把这个按钮在右上角的?我应该使用黄色背景色吗?我应该使用轮播来展示图像吗?使用手风琴可以还是使用网格系统显示标题内容可以?在原型的帮助下,可以清除这些类型的混乱。设计师可以创建不同版本的网站,测试哪个更有效,然后他们可以完成产品的设计。

3.是我的软件设计解决了用户的问题,究竟按计划?用户能否在我的网站上完成特定任务?用户的流程是否顺畅?我需要对用户流程做一些改进吗?原型有助于回答与用户流程和界面相关的所有这些问题。它代表屏幕的顺序,用户可以轻松理解执行特定任务所需的步骤。

原型的类型

在工业中,设计师在设计阶段尽早开始创建原型。现在,你可能会问如何创建原型,自己一个问题?它有哪些不同类型?原型 可以在纸上创建,也可以使用一些在线工具创建可点击。

通常,原型分为低保真、中保真和高保真。这里的保真度一词描述了您的原型有多逼真?它只是基本的视觉表示还是最终产品的准确表示?让我们详细讨论所有这些。

1. 低保真(纸)

创建原型最好的和最便宜的资源使用铅笔和纸(是的!你小时候最好的朋友学习)。您可以以最低的成本绘制软件的粗略草图。在软件设计的初始阶段使用手绘原型向用户展示各种屏幕状态。

低保真原型快速、廉价且高度协作。快速测试软件设计中的广泛概念是很好的。此外,您无需具备更高的设计技能即可创建低保真原型。您只需要表示基本的关键元素,无需涉及太多细节。

它代表了软件的基本布局,具有最少的内容和视觉效果。这个原型交互性较差。此外,我们需要避免低保真原型中的动画和过渡。原型帮助用户理解软件的初始设计思想和基本设计元素。

2.中型保真(点击)

完成手绘原型后,您可以将它们转换为交互式可点击原型。可点击原型比低保真原型提供了更多的细节,它可以更接近产品的最终设计。您可以在可点击原型中找到一定程度的交互性。

用户应该感受到产品的最终设计,而不是产品的太多细节。在这个阶段,流程应该清晰易懂。可点击的原型包括超链接按钮,以确保用户旅程的顺利进行。这个原型可以很容易地修改。

大多数 UX 设计师使用在线软件 InVision(本文不是 InVision 赞助的,这是我们自己的研究)进行原型设计的这个阶段。这个工具解决了很多问题,很多公司都在使用它。

在 InVision 中,您可以创建您的帐户,您可以张贴图像,您可以标记出您希望发生某些事情的地方。 InVision 为用户创建了一个从一个屏幕移动到另一个屏幕的流程。用户可以点击屏幕,移动到下一页或下一个屏幕。

您可以在手机上使用 InVision。它为用户提供了更多的控制权和自由感。您可以直接上传在纸上创建的所有草图,InVision 将从您的草图中提取所有屏幕、图标和其他元素。

3. 高保真(高级交互和转换)

一旦您完成了原型的可点击阶段的创建,就可以创建软件的最终表示了。高保真原型为软件提供了更真实和准确的表示。在这个阶段,设计人员需要更多的控制而不是简单的过渡。

高保真原型具有最终产品的各种组件、交互元素和内容。高保真原型看起来像真正的应用程序。创建此原型的成本很高,但使用此原型的用户会感觉他们正在与实时应用程序进行交互。设计人员可以在进行产品的实际开发之前测试软件的每个元素。

最后的想法

当您开始创建原型时,请从粗略的想法开始。最初,它可能很糟糕而且很脏,但要对其进行测试,获得反馈并修复缺陷。再次创建它。解决更多问题并继续这样做,直到或除非您没有达到产品最终设计的想法。