首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

原型设计的重要性你真的明白吗?

-Yeeeees,我们是你的设计生涯加油站!-

看看你的办公室、电脑和智能手机:你每天使用的大多数巧妙的现代产品都是从不起眼的原型开始的。为了创建原型,设计人员使用快速迭代来制作、测试反馈并将其合并到产品设计中。

“原型设计是一种从草图或线框到模拟的快速方法,您可以在其中获得用户反馈,”Figma 宣传总监 Tom Lowry 解释道。“借助 Figma 的原型设计工具,您可以将草图转换为一系列互连的屏幕,这样您就可以看到用户如何浏览体验,而无需编写任何代码。”

同样地,原型设计在申请院校时非常重要,尤其是对于设计、工程和相关专业的申请者。

什么是原型设计?

原型设计是设计思维和设计冲刺的第四阶段。它是用户体验(UX)设计的重要组成部分,通常在构思之后出现,你/你的团队已经创建并选择了可以解决用户需求的想法。

原型是产品的模型版本。它被用作产品的早期、廉价样本,有助于测试其功能或识别缺陷,以便对其最终版本进行改进。

原型提供了从利益相关者、合作伙伴或客户那里收集有关产品的宝贵反馈的机会。这些信息可用于构建满足他们要求的产品。

为什么原型设计很重要?

“原型的目标是确保您的设计在用户手中工作,”Tom 解释道。“在你花很多钱构建可能无法满足用户需求的东西之前,获得原型的反馈是最简单、最便宜的方法之一。然后你将不得不花更多的钱来纠正路线。

创建原型使设计团队能够在构建和发布产品概念之前对其进行磨练,从而为所有相关人员节省时间、金钱和麻烦。原型设计以三种特定方式在设计过程的每一步为设计人员提供帮助。

验证早期概念

在设计冲刺中,你可以通过快速原型将您的概念变为现实。这有助于利益相关者在设计内容上保持一致,让每个人都能真实地描述体验。

促进沟通

无论是与客户合作还是与首席执行官讨论目标和需求,你可能已经注意到设计师和非设计师经常说不同的语言。Figma 具有评论功能来分享观点和反馈,因此每个人都在同一页面上,并且在翻译中不会丢失任何内容。

优化功能和流程

当你从头开始设计一些东西时,很难用新鲜的眼光看待它。无论你在初始设计中融入了多少研究,死记硬背的数据都不能用原型代替用户测试。这将暴露在规划过程中不明显的 UX 挑战,并实现对 UI 的快速轻松更改。

低保真与高保真原型设计

原型制作方法和原型制作技术可以分为低保真原型和高保真原型。

根据可用的资源和原型设计的目的,你选择的原型设计方法可以是低保真或高保真。

低保真原型

设计师在概念开发之初使用“低保真”原型。低保真数字原型可能在屏幕之间有简单的过渡,但没有详细说明。尽管它们很简单,但低保真原型是通知设计和开发的强大工具。例如,如果利益相关者要求新功能,低保真原型可以在太多产品设计和开发时间投入之前验证(或使想法无效)。

低保真原型通常是:

快速轻松地创建和修改

 简单,如草图或流程图

 功能有限,细节刚好足以进行概念验证

# 低保真原型制作方法

线框图

线框图用于表示网站/网页/应用程序的基本结构。它充当蓝图,突出显示页面上关键元素的布局及其功能。

故事版

故事板是另一种低保真原型制作方法,有助于可视化用户使用产品的体验或用户如何与产品交互。

图表

有多种图表类型可以帮助你做可视化产品的不同方面,从而帮助你优化原型。

思维导图可以帮助可视化系统的结构。你可以用它来发展自己头脑中的想法并确定产品的不同元素。

客户旅程地图可以帮助你了解客户如何在各个接触点与你的产品进行交互。与故事板一样,客户旅程地图将帮助你对用户产生同理心的理解。

* 添加小yeah(Angela988L) 助力申请~

 流程图可用于可视化用户流程或系统流程

动画

可以使用动画来直观地展示产品的工作原理。

例如,如果它是移动应用程序,你可以以动画方式显示用户如何从一个屏幕导航到另一个屏幕。这将帮助利益相关者或用户了解产品的功能。

高保真原型

与低保真原型相比,高保真原型更具交互性且功能性更强。它们代表了更接近真实产品的东西,并且开发了大部分设计元素。

# 高保真原型制作方法

交互式UI模型

UI 模型是线框的更充实的版本。它代表你为最终产品选择的配色方案、版式和其他视觉元素。

使用UI 模型工具,你可以通过将不同的设计元素链接到代表网站各个页面的其他 UI 模型来创建可导航的 UI 模型。

物理模型

如果最终产品是实物产品,你可以使用不同的材料来创建代表产品最终外观、形状和感觉的模型。你可以在这里使用橱柜、橡胶、粘土等材料。

绿野仙踪原型制作

这是一种具有伪造功能的原型。这意味着当用户与产品交互时,系统响应是由幕后人员生成的,而不是由软件或代码生成的。

这种原型技术可以让你以较低的成本研究用户的反应。

如何创建原型?

现在我们确切地知道原型设计是什么,为什么它如此有价值,以及我们在整个设计过程中可能会使用什么样的原型。只剩下一件事要做:创建属于自己的原型!

选择正确的原型类型

在创建原型之前,需要考虑你在设计过程中所处的阶段,以及可用的时间和资源。低保真原型在早期阶段是有意义的,但随着你接近交付产品,你需要继续使用高保真原型。

设定具体目标

清楚地了解你希望原型实现的目标。换句话说,当你测试原型时,你想了解什么?要记住关注用户需求,始终牢记你的问题陈述!

使用正确的工具

如果你不熟悉数字原型制作,请花一些时间尝试一些最受欢迎的行业工具。找到在特性和功能方面能够满足你需求的工具,并在开始原型设计之前熟悉界面。到时候,这也将使原型制作过程变得更加容易!

制作自己的原型

设计思维就是产生想法并对其进行测试,因此在需要时进行原型设计。请记住,设计思维过程不是严格线性的,因此你可以随时制作原型。

如果提供良好的用户体验是你的项目目标,那么原型设计必须是你的UX设计过程的一部分。根据产品的需求选择最有效的原型设计方法至关重要,最终结果将是基于原型测试的整体改进设计。

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OFsd9_YThSX25dy5EISJpZqA0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券