原型设计工具比较及实践
1.
墨刀
优点
拥有PC端、手机端、网页版,随时随地可以进行产品原型设计,
主要用于设计移动APP原型,其控件的拖拉、大小的调整,都会自然去匹配相应的母版大小,非常人性化,
墨刀自带了很多成熟的组件,例如键盘,开关,手机模型等,
提供了强大的共享创建功能,方便用户的手机上预览原型。
缺点
对交互效果、控件组合、操作面板的选择都不如Axure灵活,
内置交互效果包括点击、滑动、滚动等,做高保真原型的时候不够用,
效果切换因为是采用连线的方式,有时会让用户产生错乱的感觉。
适用范围
浏览器注册使用, Windows、Mac 桌面客户端,同时支持 iOS、Android 端预览
Axure
优点
功能齐全,交互多样,通过动态面板、函数、中继器等几乎可以实现任何常见的交互效果,
在制作PC端原型图上非常有优势,
Axure拥有强大的编辑功能,可将常用的交互和组件打包,自行制作素材库。
缺点
虽然动态面板、中继器等功能都很强大,但是不容易搞懂,
整体复制、剪切时容易闪退,无法在原件中单击输入文字,双击才可以,
Axure的素材也是让人头疼的问题,一般情况下,用户会去第三方素材库进行寻找,需要花费不少时间,
而Axure在这组件方面稍显单薄,只有一些基础元件。
适用范围
快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档,支持多人协作设计和版本控制管理
Mockplus
优点
基础版免费使用,操作简单,上手快,
交互简单(只需拖曳就可以),功能多样,
针对不同的设备,有大量的元素和图标库,组件资源丰富,
预览方式和导出类型多样,支持团队协作。
缺点
不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的,
文档支持欠缺,
表格功能还需要完善,
不支持手势交互。
适用范围
网站,功能,策划案,广告模型,创意模型的展示需要。
2.
低保真
- 视觉设计:仅呈现最终产品的一部分视觉属性(例如元素的形状,基本视觉层次等)。
- 内容:仅包含内容的关键元素。
- 交互性:原型可以由真人模拟。 在测试期间,熟悉页面流程的设计师就相当于一个“计算机”,实时手动呈现设计页面。此外,也可以给线框图制作交互效果,这种称为“交互线框图”。
- 便宜。 低保真原型制作的明显优势在于其极低的成本。
- 快速。 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。
- 协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能,因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。
- 清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望
缺点
- 测试期间的不确定性。 使用低保真原型,对于测试者来说,容易不清楚到底什么本来是有效的,什么不是。另外,低保真原型需要用户充分的想象力,也限制了用户测试的效果。
- 有限的交互性。 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。
高保真
- 视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
- 内容:设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
- 交互性:原型在交互层面非常逼真。
- 可用性测试期间获取有意义的反馈。对于用户来说,高保真原型通常看起来像真正的产品。这意味着,在可用性测试会话中,测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
- 对特定 UI 元素或交互的测试。借助高保真交互性,可以测试平面元素,或特定交互, 比如动画过渡和微交互。
- 轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋,但低保真的原型则不然。
- 成本较高。 与低保真原型相比,创建高保真原型意味着更高的时间成本和财务成本。