原型设计工具比较及实践

1.

墨刀

优点

拥有PC端、手机端、网页版,随时随地可以进行产品原型设计,

主要用于设计移动APP原型,其控件的拖拉、大小的调整,都会自然去匹配相应的母版大小,非常人性化,

墨刀自带了很多成熟的组件,例如键盘,开关,手机模型等,

提供了强大的共享创建功能,方便用户的手机上预览原型。

缺点

对交互效果、控件组合、操作面板的选择都不如Axure灵活,

内置交互效果包括点击、滑动、滚动等,做高保真原型的时候不够用,

效果切换因为是采用连线的方式,有时会让用户产生错乱的感觉。

适用范围

浏览器注册使用, Windows、Mac 桌面客户端,同时支持 iOS、Android 端预览

 

Axure

优点

功能齐全,交互多样,通过动态面板、函数、中继器等几乎可以实现任何常见的交互效果,

在制作PC端原型图上非常有优势,

Axure拥有强大的编辑功能,可将常用的交互和组件打包,自行制作素材库。

缺点

虽然动态面板、中继器等功能都很强大,但是不容易搞懂,

整体复制、剪切时容易闪退,无法在原件中单击输入文字,双击才可以,

Axure的素材也是让人头疼的问题,一般情况下,用户会去第三方素材库进行寻找,需要花费不少时间,

而Axure在这组件方面稍显单薄,只有一些基础元件。

适用范围

快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档,支持多人协作设计和版本控制管理

 

Mockplus

优点

基础版免费使用,操作简单,上手快,

交互简单(只需拖曳就可以),功能多样,

针对不同的设备,有大量的元素和图标库,组件资源丰富,

预览方式和导出类型多样,支持团队协作。

缺点

不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的,

文档支持欠缺,

表格功能还需要完善,

不支持手势交互。

 适用范围

网站,功能,策划案,广告模型,创意模型的展示需要。

 

2.

低保真

低保真(lo-fi)原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能,而不是产品的视觉外观。
 
以下是低保真原型的基本特征:
  • 视觉设计:仅呈现最终产品的一部分视觉属性(例如元素的形状,基本视觉层次等)。
  • 内容:仅包含内容的关键元素。
  • 交互性:原型可以由真人模拟。 在测试期间,熟悉页面流程的设计师就相当于一个“计算机”,实时手动呈现设计页面。此外,也可以给线框图制作交互效果,这种称为“交互线框图”。
优点
  • 便宜。 低保真原型制作的明显优势在于其极低的成本。
  • 快速。 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。
  • 协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能,因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。
  • 清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望

缺点

  • 测试期间的不确定性。 使用低保真原型,对于测试者来说,容易不清楚到底什么本来是有效的,什么不是。另外,低保真原型需要用户充分的想象力,也限制了用户测试的效果。
  • 有限的交互性。 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。

高保真

高保真 (Hi-fi) 原型的呈现和功能,尽可能类似于发布的实际产品。 当团队能深入了解产品的预期,需要与真实用户一起测试,或获得利益相关者的最终设计批准时,通常会创建高保真原型。
 
高保真原型的基本特征包括:
  • 视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
  • 内容:设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
  • 交互性:原型在交互层面非常逼真。
优点
  • 可用性测试期间获取有意义的反馈。对于用户来说,高保真原型通常看起来像真正的产品。这意味着,在可用性测试会话中,测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
  • 对特定 UI 元素或交互的测试。借助高保真交互性,可以测试平面元素,或特定交互, 比如动画过渡和微交互。
  • 轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋,但低保真的原型则不然。
缺点
  • 成本较高。 与低保真原型相比,创建高保真原型意味着更高的时间成本和财务成本。
 
3.
主题名称:生活分享
功能:我的,首页,推荐,搜索,发布,进行分享与浏览各种人生
界面设计考虑因素:使用图片,鲜明的风格,分享大家的生活,并为大家提供帮助,方便使用。
界面功能:我的主页
界面组成:昵称,ID,签名,个人相关信息,发布的图文
为用户打造个人空间
页面功能:搜索页面
界面组成:可搜索栏,一些相关搜索项目
可以让用户了解各种信息,进行搜索
界面功能:发布图文
界面组成:相关图文,主题,位置,是否同步
将用户的生活分享给大众
界面功能:首页
界面组成:用户关注人的图文
实时分享关注人的动态
界面功能:推荐页面
界面组成:相关用户图文信息,可进行搜索
将可能感兴趣用户推荐给用户
 
posted @ 2021-05-30 21:43  trxxxd  阅读(45)  评论(0编辑  收藏  举报