遂昌网站建设:您的观众需要什么样的原型和设计工具?

2019.07.23 mf_web

66

原型设计在各种设计方案中有不同的用途。主要有3种类型的原型设计,设计师可能会使用不同的原型设计工具。

首先,什么是原型设计?

原型设计是日常软件设计中必不可少的步骤。通常,我们在做足够的事情后创建原型用户体验研究,如收集想法,数据,信息,需求,评估等。它作为产品的直接反映和演示呈现。原型设计主要有三种设计方案:

1.为自己设计原型,进一步设计。

2.开发团队的原型,开发。

3.为客户提供原型,获得报酬。

然而,有时我们有很多新手将开发原型带到客户端,导致客户不满意,那么谈判过程将非常困难。

此外,一些设计师将为客户制作的原型带到开发团队,结果是开发效率低下,并且可能被团队拒绝。在少数情况下,它可能会导致更严重的通信问题。

此外,在少数情况下,有些人可能会将自己的原型带给开发团队甚至客户。接下来会发生什么事情真的很可怕。

那么,对于谁来说,我们应该使用哪种原型设计制作原型设计?

1.为自己设计原型

重要的是:草案

工具:白板,纸和笔,Balsamiq,Xmind

因为它是为自己制作的,所以没有太多可说的,只记录你想到的一切,并确保你能完全理解你所录制的内容。在这句话中,来自外部世界的中断越少,你就能做得越好。该低保真就是一切为了这个目的。

1)纸和笔,白板

最简单的工具,如纸和笔,白板对你来说是最好的选择。你没有限制。您的所有设计理念和灵感都可以写下来。只要你能阅读它并且知道所有元素与他人互动,你就不需要保持井井有条。

2)Balsamiq

如果您想更有效地安排这些线框,请尝试Balsamiq。它是一种快速线框/原型设计工具,可帮助您更快,更智能地工作。你有一种感觉,你在白板上画草图,但实际上是使用电脑。手写设计是独一无二的,UI元素的大型库非常好。这种原型制作工具没有相互作用,但素描风格肯定会为您提供一些好的想法。

3)Xmind

如果您需要一张思维导图来更好地了解您正在做的事情,那么您将需要Xmind的帮助。它是适用于Microsoft Windows,Apple OS X和Linux操作系统(OS)的思维导图和思想管理软件解决方案的开源。

Balsamiq工作室,XMIND

2.开发团队和有经验的客户的原型设计

重要的是:互动

使用Mockplus,原型更快,更智能,更轻松

免费入门

工具: Axure RP,Justinmind,Mockplus,UXPin

为什么原型设计比PRDS更好?

有一千种方法可以解释圣经。珠三角不是圣经,但是,您的开发团队仍然会有一千种不同的理解。如果您仍在使用“PRD”的线框+字描述并将其提供给您的开发团队,那么请尝试我列出的四种原型设计工具。

对齐开发团队通常会选择原型设计+一些描述。完整的单词描述PRD文件可能需要数百页,但是当你有一个原型时,会有几十页,就像原始文件的百分之十。

更重要的是,互动将使您的想法更直观。这将有助于您的团队提高效率,减少误解。

主要特点:

1)Axure和Justinmind

Axure和Justinmind是用于进行交互的强大原型工具。但是,它们比Mockplus和UXpin更全面,需要更长的学习曲线。

Axure

Axure是一种用于Web和桌面应用的快速原型设计/线框工具。它提供拖放放置,调整大小和窗口小部件格式。您可以使用这个强大的UX工具创建非常先进的交互式原型。您唯一需要担心的是需要更长的时间才能掌握。如果您是专业设计师,可以使用Axure构建更复杂的交互式原型。

Justinmind

Justinmind是一个用于网络和移动应用原型以及高保真网站线框的原型工具。它提供了UX工具中常见的功能,例如拖放放置,重新调整大小,格式化和导出/导入小部件。此外,它还具有注释小部件和定义交互的功能,如链接,动画,条件链接,计算,模拟选项卡控件,显示/隐藏元素和数据库模拟与实际数据。

2)Mockplus和UXPin

Mockplus和UXPin更加灵活且易于学习。就个人而言,我更喜欢他们。Mockplus和UXPin可以恰到好处地满足原型设计的需求。但是在具体的功能点上,比如价值和判断,它们的竞争力就会降低。

不过,请再想一想,花十多分钟设置互动真的值得吗?事实上,一个简单的描述可能已经在一分钟内解决了问题。

在同样的情况下,对于经验丰富的客户来说,时间是如此宝贵,以最快的方式呈现您的想法不仅尊重您的客户,而且还肯定您的工作。

因此,当沟通是专家之间时,一些简单的单词描述与使用Mockplus和UXPin等工具制作的原型相结合,通常可以创建更快,更好的结果。

Mockplus

Mockplus是一个快速,智能和简单设计的使命,它是一种快速线框工具,使您能够在最短的时间内完成完美的交互式线框和原型。

Mockplus 3.2的新功能:

UI流程设计模式:页面之间的智能连接,可手动调整

中继器:通过拖放快速创建重复元素。

演示项目和模板:各种内置模板可帮助您轻松快速地在其上构建原型。

草图导入 - 在Mockplus中将选定的草图画板发布为团队项目。

UXpin

UXPin是一个位于欧洲的在线线框工具。通过简单的拖放,您可以安排各种元素来模拟界面而无需单个代码。它是一个可视化编辑器,允许您选择元素并将它们组合成一个有凝聚力的整体。它允许您设计hi-fi模型,或从Sketch和Photoshop导入分层设计。

原型制作工具

3.没有经验的客户的原型设计

重要的是:高保真

工具: Origami,FramerJS

有些客户擅长业务但不熟悉软件设计。他们可能会要求一个99.999%的原型,就像真正的应用程序一样。你需要的是Origami和FramerJS。为什么我把这些伟大的工具放在最后?因为,如果你设计这两个,可能需要一些时间。

主要特点:

1)折纸

折纸真的很复杂。我个人不想使用它。进行原型制作需要很长时间。

2)Freamer JS

FreamerJS基于编码。为此,许多设计师没有代码可能不会选择它。如果您喜欢设计时编码,可以考虑使用它。

在协调开发的同时,您将没有太多时间进行原型设计,除非您遇到没有经验但有超高要求的客户。界面和交互动画非常好,甚至可以取代真正的应用程序。但是,它需要编码技能,并且会耗费时间。此外,许多设计师现在还没有慢慢地进行高保真原型,特别是在产品的早期阶段,所以他们不在日常使用的推荐列表中。

折纸FramerJS

结论

这些是原型设计的三种不同情况的基本解释。这里没有提到很多很棒的工具。请始终选择更适合您的受众需求的设计工具。

联系电话 400-6065-301

留言