原型设计与线框图:有什么区别?

未分类 2年前 (2022) zhenyimo
183 0

在产品管理领域,您需要的一项技能是能够创建线框或原型。

使用原型或线框是一种很好的视觉表示,可以传达您对移动应用程序或网站的想法,并且是一种不费时获得用户反馈的方式。

也就是说,原型或线框之间的差异存在很多混淆。两者涵盖的内容有很多重叠之处,但也存在许多关键差异。 

很容易认为,线框和原型之间的主要区别归结为一个是低保真度(线框),而另一个是高保真度(原型),但远不止于此。 

在本文中,我们将了解什么是线框、原型以及两者之间的区别。我们还将讨论模型、两者之间的中间地带,以及作为产品经理您应该了解多少设计过程。 

什么是线框图?

我们先来看看什么是线框。 

线框将想法(例如应用程序或网页)剥离到其核心。这是您的应用程序或网页的 30 000 英尺视图。它包括结构大纲、用户界面、信息在用户面前的布局方式。 

这里的重点是简单——创建线框不是一个耗时的过程。您在这里的重点不是用户体验或交互性。 

线框图非常适合从关键利益相关者那里获得您在正确轨道上的快速反馈。如果没有,通过一些调整很容易创建迭代。 

线框是什么样的?

线框图的一些基本实践包括以下内容: 

  • 线框通常是黑白或灰度的

  • 文本本身作为占位符很常见

  • 代替显示图像,使用一个简单的框(通常带有“x”)将完成这项工作

请记住,这是低保真度:功能和用户体验稍后才会出现。 

创建线框的工具

如果你想走老路,用笔和纸创建一个线框足以让你快速传达这个想法。也许你出去吃午饭或在咖啡店里,当一支笔敲响时,你只有一张餐巾纸和一支笔。 

如果没有,一种流行的创建线框的软件解决方案是balsamiq。该软件仅用于创建线框,仅此而已。 

当然,如果您不想学习其他软件工具,可以使用您可能更熟悉的应用程序创建线框,例如Sketch  Invision 

请记住,线框是低保真度的,您可以快速拼凑出一个想法。原型设计与线框图:有什么区别?

产品经理应该了解的线框知识

作为一名产品经理,您希望能够将您的洞察力传达给那些需要很少时间的可视化事物。 

无论您是向软件开发人员还是 UX 设计人员展示某些东西,拥有创建快速线框图的知识都将为您的产品管理职业生涯创造奇迹。 

什么是原型设计?

原型是一个高保真版本,根据用户反馈,它的外观和行为可能与您的最终产品没有太大不同。 

原型非常适合用户测试。您可以测试交互、用户体验、可用性和用户界面。 

创建原型要花费更多时间,因为它们可以紧密地代表最终产品设计,但是如果您只是通过原型设计来创建最终产品并对其进行测试,它将为您节省大量时间。 

原型是什么样的? 

根据您的产品是什么,您的原型设计应该看起来与最终产品的最终设计非常相似。 这应该包括您的组织当前用于其他应用程序或网页的字体、品牌、设计元素和 ui 设计。 

根据您想要深入的程度,您可以创建交互式原型,以更好地了解成品的样子。这可以包括可点击的链接,将您带到原型的其他部分。 

您还可以包含动画和过渡,以使原型的行为更像最终产品。原型设计与线框图:有什么区别?

原型制作工具

一些最常见的原型设计工具如下:

  • Adobe xd

  • Invision

  • Sketch

  • Figma

  • Photoshop

产品经理应该了解的原型

这将取决于许多因素。 

如果您在一家较小的公司工作,您可能身兼数职,并且知道如何组装一个高保真原型。 

如果你在一个更大的组织工作,你很可能会有专门从事用户体验设计的团队成员。这些是应该在原型上工作的团队成员,因为他们拥有更适合它的更专业的技能。 

如果你打算作为产品经理学习一项技能,那就花更多时间在线框图上,因为你会做更多的事情。 

原型设计和线框图的主要区别

让我们总结一下原型设计和线框图之间的主要区别:

  • 线框是低保真的,需要更少的时间来创建,而原型是高保真的,需要更多的时间。

  • 线框更能传达产品理念的 30,000 英尺视图。原型是类似于最终产品的行为和行为方式的东西。

  • 线框将利用占位符并专注于整体结构。原型将利用实际设计。

  • 线框是获得利益相关者批准的工具。原型将允许您测试用户体验并从用户交互中获得用户反馈。 

模型:中间地带

原型和线框之间有一点差距。为了帮助解决两者之间的差距,您还应该了解模型。 

虽然线框可以快速组合在一起,但有时很难想象当你只有灰度框和 lorem ipsum 文本时最终产品的外观。 

使用模型,您的重点是使视觉设计恰到好处。这与可用性测试或用户体验无关——这是原型阶段。它是关于最终产品外观的视觉方面——当你转向原型时,你可以开始关注用户流。

同样的事情也适用于产品经理应该了解的关于模型和原型的知识。

如果你在一个更大的组织工作,那么毫无疑问,你的团队成员会更适合设计过程,并且可以组合一个模型来获得反馈。 

结论 

现在您对模型和原型之间的区别以及模型的中间立场有了更好的理解。 

您应该在此处评估您当前的技能组合。如果笔和纸对您有用,您可以继续这样做。 

如果您想了解更多上面提到的设计工具(如 adobe xd)以更好地了解创建模型或原型,请随意。

请记住,一天只有这么多小时,而模型和原型方面将更多地取决于专门从事设计过程的团队成员。您将希望与他们密切合作,以创建在原型和最终产品之间几乎没有障碍的东西。 

版权声明:zhenyimo 发表于 2022-10-22 16:01:07。
转载请注明:原型设计与线框图:有什么区别? | 产品经理视界

暂无评论

暂无评论...