原型设计工具比较及实践

一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。

Axure
优点:
1.有强大的编辑功能, 使得制作素材库会更便捷一点。
2.更快的复制粘贴,素材库和原型库会多一些。
3.可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。
缺点:
2.动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高。
3.Axure只支持在本地设计。
墨刀
优点:
1.操作效率高,易于上手。
2.动效丰富。
3.分享二维码到微信等十分方便。
4.可自动生成页面流程图。
5.专为移动端产品原型设计而生。基本上能满足移动端产品原型的设计要求并且系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少不必要的工作环节。
缺点:
1.必须在线操作(离线无法保存)。
3.页面流程图不能自由操作。
Mockpuls
优点:
1.操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
2.有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
3.mockplus有组件库和图标库,界面设计较为方便。
缺点:
1.不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。
2.表格功能还需要完善。
二、原型设计中的低保真和高保真是什么意思?
什么是“原型”?
我们经常在不同的背景里看到“原型”这个词。 由此,我们很可能已经混淆它的真正含义。
它最基本的含义:原型是设计想法的表达。原型让设计师们得以展现他们的设计,以及模拟真实的使用场景。在数字化的背景下,原型能够模拟用户与界面之间的最终交互行为。根据产品团队的需求,原型可以模拟整个app或仅单个交互行为。原型可以模拟最终产品的运作方式。它支持产品团队测试其设计的可用性和可行性。也有很多人将原型与草图,线框图和模型混淆,实际上它们不同于原型。“交互性”这个概念是原型的根本,因此这就是为啥草图,线框图和模型不能被视为“原型”的理由。
为啥我们需要原型?
做原型主要是为了在做实际产品之前测试设计(和产品创意)。 是否进行测试与产品的成功直接相关。 不用想,当产品在市场上上市,人们开始使用它时,你的设计将被用户测试。如果这是首次测试,则很有可能会有来自用户的负面反馈。因此,在低风险的研究阶段和公开发布之前收集产品反馈,总是更好。
以下是需要原型的两种情况:
(1)确保设计理念按预期进行。 在大多数情况下,让实际用户测试产品概念是相对易的。一旦用户拿到一台可以交互的产品原型,产品团队就能够看到目标受众是如何使用该产品。 根据这些反馈,可以调整初始理念。
(2)确定用户能够顺利地使用产品。 原型的必要性是在产品发布前发现和解决可行性问题。它能测试出产品需要改进的地方。 这也是之所以那么多产品团队创建原型,让用户测试它们,并迭代设计直到它足够好的原因。
什么是“保真度”?
原型不一定要看起来像最终产品——它们可以有不同保真度。 原型的保真度指的是它如何传达最终产品的外观(也就是指它的细节和真实感级别)。
低保真(lo-fi)原型:
低保真(lo-fi)原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能,而不是产品的视觉外观。
以下是低保真原型的基本特征:
视觉设计:仅呈现最终产品的一部分视觉属性(例如元素的形状,基本视觉层次等)。
交互性:原型可以由真人模拟。 在测试期间,熟悉页面流程的设计师就相当于一台“计算机”,实时手动呈现设计页面。此外,也可以给线框图制作交互效果,这种称为“交互线框图”。
优点:
(1)便宜。 低保真原型制作的明显优势在于其极低的成本。
(2)快速。 可以在五到十分钟创建一台低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。
(3)协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能,因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。
(4)清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望
缺点:
(1)测试期间的不确定性。 使用低保真原型,对于测试者来说,易不清楚到底什么本来是有效的,什么不是。另外,低保真原型需要用户充分的想象力,也限制了用户测试的效果。
(2)有限的交互性。 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。
高保真 (Hi-fi) 原型:
高保真 (Hi-fi) 原型的呈现和功能,尽可能类似于发布的实际产品。 当团队能深入了解产品的预期,需要与真实用户一起测试,或获得利益相关者的最终设计批准时,通常会创建高保真原型。
一台高保真交互式原型, 通过墨刀制作
高保真原型的基本特征包括:
视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一台真正的app或网站。
交互性:原型在交互层面非常逼真。
优点:
(1)可用性测试期间获取有意义的反馈。对于用户来说,高保真原型通常看起来像真正的产品。这意味着,在可用性测试会话中,测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
(2)轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一台优秀的高保真原型让人们对你的设计感到兴奋,但低保真的原型则不然。
缺点:
成本较高。 与低保真原型相比,创建高保真原型意味着更高的时间成本和财务成本。

 

 

posted @ 2021-05-25 00:17  lytlyt  阅读(122)  评论(0编辑  收藏  举报