原型设计工具比较及实践

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

1、墨刀

优点:

 

1)简单拖拽和设置,即可将想法、创意变成产品原型

 

2)真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。 

 

3)与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。 

 

4)简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。 

 

5)将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。 

 

6)内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。
缺点:

1).必须在线操作(离线无法保存)。

2).免费版对于项目数量、页面数量有限制。

3).页面流程图不能自由操作。

2、Axure

优点:

1).有强大的编辑功能, 使得制作素材库会更便捷一点。

2).更快的复制粘贴,素材库和原型库会多一些。

3).可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。

缺点:

1).只支持本地操作

2).界面过于复杂,需要一定时间学习

3).正版售价过于昂贵

3、Mockplus

优点:

1).快速上手,简单好用

2).免费试用

3).素材库丰富

缺点

1).免费版设计必须公开,无法导出图片其他格式

2).需要Mockplus的软件支持,才能编辑和演示

3).暂不支持过于复杂的交互效果

二、低保真高保真

1、低保真

概念:

低保真(lo-fi)原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能,而不是产品的视觉外观。

基本特征:
视觉设计:仅呈现最终产品的一部分视觉属性(例如元素的形状,基本视觉层次等)。
内容:仅包含内容的关键元素。
交互性:原型可以由真人模拟。 在测试期间,熟悉页面流程的设计师就相当于一个“计算机”,实时手动呈现设计页面。此外,也可以给线框图制作交互效果,这种称为“交互线框图”。

 

优点
便宜。 低保真原型制作的明显优势在于其极低的成本。
快速。 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。
协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能,因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。
清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望

 

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

 

2、高保真

概念:

高保真 (Hi-fi) 原型的呈现和功能,尽可能类似于发布的实际产品。 当团队能深入了解产品的预期,需要与真实用户一起测试,或获得利益相关者的最终设计批准时,通常会创建高保真原型。
基本特征:
视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
内容:设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
交互性:原型在交互层面非常逼真。

 

优点:
可用性测试期间获取有意义的反馈。对于用户来说,高保真原型通常看起来像真正的产品。这意味着,在可用性测试会话中,测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
对特定 UI 元素或交互的测试。借助高保真交互性,可以测试平面元素,或特定交互, 比如动画过渡和微交互。
轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋,但低保真的原型则不然。

 

缺点:
成本较高。 与低保真原型相比,创建高保真原型意味着更高的时间成本和财务成本。

三、原型设计实践

主题名称:游戏交流社区

1,主页

界面功能:可以看到个性化文章推荐

界面组成:由白色为主色调,由图片、图标、按钮、底部导航栏组成

前置条件:点击首页

后置条件:点击界面上的按钮进入其他界面

2,社区

界面功能:可以看到社区内容,社区内容每个用户都可以发布

界面组成:由白色为主色调,由图片、图标、按钮、底部导航栏组成

前置条件:点击社区

后置条件:点击界面上的按钮进入其他界面

操作步骤:点击社区按钮

3,游戏库

 

界面功能:浏览当前游戏优惠信息

界面组成:由白色为主色调,由图片、图标、按钮、底部导航栏组成

前置条件:点击社区

后置条件:点击界面上的按钮进入其他界面

操作步骤:点击游戏库按钮

4,个人信息

界面功能:可以查看当前用户库存及战绩查询

界面组成:由白色为主色调,由图片、图标、按钮、底部导航栏组成

前置条件:点击游戏库

后置条件:点击界面上的按钮进入其他界面

操作步骤:点击我按钮

 

 

  • 添加到短语集
     
    • 没有此单词集:中文(简体) → 中文(简体)...
       
    • 创建新的单词集...
  • 拷贝
  • 添加到短语集
     
    • 没有此单词集:英语 → 中文(简体)...
       
    • 创建新的单词集...
  • 拷贝
posted @ 2021-05-30 14:23  MorningStar-星辰  阅读(78)  评论(0编辑  收藏  举报