新知一下
海量新知
6 6 1 9 4 8 5

为什么摹客是比Axure更合适的设计工具?

追梦人85 | 2B产品经验交流与分享 2022/09/14 18:54

 

先交代下相关背景

目的:吸引更多的产品经理去试用摹客的产品,为摹客做引流

写作方式:采用竞品分析报告的方式,通过与Axure对比,说明摹客的优势。

分析框架:通过产品价值主张与收费模式、功能、交互与视觉、用户学习成本,这4个方面对2个产品进行对比分析。

 摹客面向产品经理、设计师等设计团队提供了一整套的软件产品设计解决方案,包含了原型设计、 UI 设计、协作管理等工具,可简单理解为产品设计界的苹果全家桶。本次我们以其中的摹客R P 这款原型设计产品作为分析对象,同时选择了国外的Ax ureRP ---这款大多数产品经理都使用过的产品作为竞品,对两者进行对比分析。

01

报告介绍

摹客R P 是于2 020 年才上市的国内快速原型设计工具。以其无需安装客户端,可直接在线编辑;可直接分享预览链接,给其他终端设备等特点,在产品经理圈内迅速成为了一款广受关注的设计工具。

Axure  RP 是于2 003 年就上市的国外专业原型设计工具。以其最早占领中国原型设计市场,且具备强大的交互制作能力,在产品经理圈几乎无人不知。

本竞品分析报告,主要通过对比两者在收费模式、功能、交互与视觉、学习成本等方面的差异,一方面帮助产品经理们去选择一个够用、好用、易用的原型设计工具;另一方面是为摹客R P 这款产品提出后续迭代的建议。

02

竞品选择

选择Ax ure RP 9 . 0 版本作为摹客R P 的竞品分析对象,一方面是因为其在原型设计市场占了半壁江山以上,广大的产品经理对它都很熟悉;另一方面是摹客R P 作为后起之秀,想迅速占领原型设计市场,应该要让用户们知道它相比老大哥Axure,有什么独特优势?用户为什么要选择摹客?

03

产品价值主张与收费模式分析

摹客的价值主张:为产品设计团队提供产品设计与任务管理的整体解决方案,让产品设计团队的协作更高效。其提供了下图的4种收费模式

新知达人, 为什么摹客是比Axure更合适的设计工具?

图1 - 摹客收费模式

包含了免费版:适用于新用户试用(限定了每个项目的原型图数);创业版:适用于1 0 个人以内的小微团队;企业版:适用于1 0 个人以上的中大型团队;企业私有部署:适用于有本地化部署要求的大型企业。

Axure  RP 的价值主张:为多种专业人员提供快速创建应用软件或 W eb网站的线框图、流程图、原型文档。其提供了下图的 3 种收费模式

新知达人, 为什么摹客是比Axure更合适的设计工具?

2 - A xure 收费模式

包含了专业版:适用于单用户;团队版:适用于多用户协作的团队;企业版:适用于有本地化部署要求的大型企业。

从上面两个产品的收费价格来看,Axure的团队版是摹客的2 0 - 45 倍,客户的投入成本高。我们很多人都知道A xure 在当前的中国市场,多数的个人、中小团队使用的是免费破解版。可能是因为太多用户使用破解版,A xure 从版本 10 开始只支持订阅式授权了,这也意味着用户要使用 Axure 的新版本,要老老实实付费了。

在产品价值主张与收费模式方面:摹客作为后起之秀,一方面在产品设计上,充分吸取A xure RP 的成功经验,还增加了U I 设计工具、任务协同管理工具; 另一方面产品收费上,增加了免费版,让新用户没有试用门槛,同时客户可以一次投入,获得多份回报(可同时使用其原型、设计与协作工具),无需分开购买多个工具。 相比较而 ,摹客更有优势。

04

功能分析

功能列表对比

摹客官网有摹客R P 与Ax ure RP 的功能对比,我先摘取其中大家主要用到的功能,做下对比、说明

摹客R P

Axure  RP

产品形态

支持 Web 、桌面端

支持桌面端

预设组件

自定义组件库

组件库共享

在线共享

本地导出+导入

组件交互

预设图标

多画板机制

画板交互

状态交互

条件判断

中继器

流程图

页面流程图

多人同时编辑同一项目

更方便

操作繁琐

多人同时编辑同一页面

查看历史修改记录

在线查看

团队评审

支持在线评论审阅、 自动标注切图

支持在线评论审阅

任务管理

从上面的功能对比表, 我们可以看出摹客相比Axure的优势,主要体现在:

Ø 支持Web端,团队成员之间可以随时随地编辑、共享,可明显提高原型设计的效率;

Ø 增加了多画板特色功能,制作弹窗等常用交互更方便、快捷;

Ø 增加了页面流程图,可在一个页面内缩放呈现所有页面之间的跳转关系,让页面逻辑关系更清晰;

Ø 增强了团队间的相互协作能力,如前端开发可在原型上直接切图、自动生成前端代码,成员之间可互相指派工作任务。

摹客相比Axure的劣势,主要体现在:没有条件判断、中继器等复杂功能,无法满足部分用户制作复杂交互的场景需求。

特色功能介绍

从上面的功能列表对比,可以看到摹客增加了多画板功能,我们在这里特别介绍下。摹客的官方教程描述多画板可以用来完成弹窗、切换页面内容等效果。

新知达人, 为什么摹客是比Axure更合适的设计工具?

3 - 多画板制作弹窗交互

从上面的gif图来看,左侧是主画板,右侧是辅助画板(允许有多个),可以直接在主画板与辅助画板之间添加交互,实现弹窗效果。我们由此可看出,摹客R P 的多画板功能,可以在一个页面层内实现Axure  RP 需通过复杂的动态面板功能才可实现的多状态层的交互效果。

在功能对比分析上,通过上面2点的对比,摹客当前提供的交互功能,已经足够满足大部分产品经理的日常使用。产品经理工作的核心是想清楚产品目标,通过原型工具辅以方案的落地。在原型工具的选择上,更看中工具高频使用的功能是否好用、易用,而复杂交互效果则基本不用(产品经理一般会通过文字说明或对竞品交互进行录屏等方式替代制作复杂交互)。实际上,产品经理们也无需把宝贵的时间花在这类废弃型的原型上。(废弃型原型:指原型只用于开发前的方案阶段,软件开发过程中需重新设计前端页面)

05

交互与视觉分析

在交互与视觉分析上,我们将分别从两个产品在常用组件的交互制作、主控台的信息布局、常用组件的属性信息分组,这3个方面展开对比分析。

1.组件与页面间交互

以最常用的组件与页面的交互为例,看看两个产品在交互操作上的区别。

新知达人, 为什么摹客是比Axure更合适的设计工具?

4 -摹客R P 按钮交互

新知达人, 为什么摹客是比Axure更合适的设计工具? 5 -A xure R P 按钮交互

摹客通过点击组件右上角的红点,即可通过拖拉的方式,快捷链接到其他页面(图 4 ),而A xure RP 则需要手动选择具体的链接页面(图 5 )。由此可见,在制作常用交互上,摹客相比A xure 更便捷。

2.信息布局

再对比下两个产品的控制台,看看其框架层的差异

新知达人, 为什么摹客是比Axure更合适的设计工具? 6 -摹客控制台

新知达人, 为什么摹客是比Axure更合适的设计工具?

7 - Axure 控制台

我们按从上到下、从左到右的顺序,分别介绍下2个产品的信息布局。

顶部

菜单栏/工具栏区域:摹客将菜单栏隐藏到左上角的抽屉图标里,而Axure保留了用户在微软/苹果操作系统的常见样式---默认显示菜单栏。对于大多数用户来说,更容易接受Ax ure 的做法,摹客如考虑确实有的用户不需要菜单栏,可以通过提供右键菜单来隐藏,避免其他用户找不到菜单栏。

广告区:摹客增加了2个红色图标、b anner ,引导用户邀请成员加入使用摹客、参与有奖答题。笔者建议对于原型设计工具这类面向B端用户的产品的盈利模式,应去掉广告,主要采用工具/订阅收费。原因是B端工具是为了用户沉浸式使用,提高工作效率,而产品自带的广告会对用户的使用产生纷扰,从而可能影响B端产品的购买群体的选型决策(毕竟没有老板希望员工在上班时间跑到工具外去答题)。

左侧面板

摹客包含页面、图层、组件、图标、设计资源5个部分;Axure包含页面、概要(对应图层)、元件(对应组件、图标)、母版(对应设计资源的一部分)4个部分。从两者的功能区域划分,没有明显的区别。主要区别是摹客的设计资源区域,融合了摹客D T (U I 设计工具)的资源管理功能。这从摹客的slogan : 设计1+ 2 ,摹客就够了。摹客的3个工具实现了无缝衔接,这有利于U I 设计师与产品经理共享统一的设计元素。

右侧面板

摹客和Axur e 都包含了属性/样式、交互、备注/说明这3个部分,在右侧面板上,两者没什么差异。

最后我们再对比下两个产品的信息布局细节:第一眼看上去,摹客左右侧面板的每个部分的标题名称、内容行间距相比Axure都更大,字体更清晰。但作为一个设计工具,用户的专注力应更多应该集中在中间的工作区。笔者认为,摹客的信息布局方式,反而增加了用户在左右侧面板上下滚动的次数,给用户带来了操作负担。相比 Axure 的左右侧面板来说,摹客当前的信息布局过于喧宾夺主。而用户在使用A xure 的左右侧面板时,更容易在每个区域的头屏内找到常用的组件、属性,减少了上下滚动的次数,用户能更好地专注在原型设计工作。

3.信息分组

以常用的组件---矩形框的属性信息,对比下两个产品的信息分组。

新知达人, 为什么摹客是比Axure更合适的设计工具?

新知达人, 为什么摹客是比Axure更合适的设计工具?

从两个产品对属性区的信息分组来看,摹客的信息分组更抽象,分为基本信息、文本、外形、扩展,用户不容易从分类名称上一眼找到所需的属性;Ax ure 的信息分组更扁平化,分为基本信息、排版、填充、线段、阴影、圆角、边距,用户更容易从分类名称上找到所需的属性。

在交互与视觉分析上,从上面 3 点的对比,在实现常用的交互效果方面,摹客比Axure更方便。但在工具主控台的信息布局、组件的属性信息分组上, Axure 比摹客更符合用户的信息预览习惯,用户也更容易在众多的属性列表上找到所需的信息。

06

学习成本分析

作为一款工具型产品,其核心价值一方面是提高用户的工作效率,另一方面是降低大部分用户的学习成本。下面我们从工具使用前、中、后三方面,对比一名产品经理在使用这两个产品的学习成本。

1.工具使用前

摹客支持Web端,用户可通过浏览器快速打开摹客进行在线设计;而Axure仅支持桌面端,用户在使用前需先安装客户端。在当前的移动互联网时代,用户可随时随地接入互联网,摹客的打开方式更便捷。

2.工具使用中

产品经理们在进行原型设计前,一般都会先通过流程图工具展示业务流程、功能流程。两款工具都支持画流程图。

进入正式的原型设计阶段,产品经理们主要输出中低保真的线框图。两款工具都提供了常用组件、图标、母版等功能,能帮助产品经理们快速完成静态页面。

产品经理们还经常需要制作一些简单的组件交互、状态交互,通过前面在交互章节的介绍,我们知道摹客相比A xure 在实现简单交互效果上,更简单、易学。

3.工具使用后

产品经理完成原型设计后,需要邀请不同的团队成员参与原型评审。两款工具都支持在线预览,且团队成员可通过评论功能对具体页面、组件进行评论。这大大提高了远程协作的工作效率。

在学习成本方面,从上面的3个使用场景来看,摹客相比A xure ,主要优势在于,一方面摹客免安装客户端,用户可随时随地打开设计工具;另一方面在制作交互效果时,用户的学习成本更低,用户不需要掌握A xure 复杂的动态面板、函数等功能,就可以快速实现常用的交互效果。

07

结论

上面从产品价值主张与收费模式、功能、交互与视觉、学习成本这4个方面对两个产品进行了全面的竞品对比分析。 在产品价值主张与收费模式、功能、工具交互、学习成本这几点,摹客相比Ax ure 有明显的优势。但在信息布局、分组等方面,老牌的Axure更符合用户的使用习惯,这2方面值得摹客的产品经理们去借鉴、优化(具体问题与分析,详见对应章节)。

原型工具的选型,一般由产品、设计团队的l eader 做决策。这群人很多原本是Axur e 的忠实用户,摹客在推广新的原型工具时,应特别考虑A xure 的这群老用户。如果要与Axure争夺老用户,摹客的产品经理们除了要提高用户在使用摹客产品的体验优势外,还要考虑老用户的迁移成本。这里借用俞军老师的产品价值公式: 产品价值=(新体验-旧体验)-迁移成本 只有当Axure的老用户们知道,摹客已经满足了用户需要将历史项目的原型、设计稿迁移到摹客上的需求,他们才更有可能加入使用摹客的队伍中。

笔者在试用摹客的产品时,发现其协作平台工具已经支持发布、管理A xure 制作的原型稿的功能。推荐产品经理们都可以来试用下摹客这款原型设计工具 

更多“产品设计”相关内容

更多“产品设计”相关内容

新知精选

更多新知精选