一次“上帝视角”的摹客体验之旅

归尘000

#本文为2022摹客RP原型工具测评大赛优秀奖作品产品原型有助于咱们向使用者演示产品，有助于对产品特性和使用等有初步的理解，作为产品提供方，也可以获取来自用户的反馈，以此优化产品。一款优秀的原型产品该当是能撑持产品经理制造和使用产品原型的全流程作用的。本文环抱合作才能，对摹客RP进行简略的体验，分享一些本人的看法。

产品原型（Prototype）的发生是为了向终究的使用者演示产品，让使用者在拿到真正的产品以前，对产品的特性、使用办法、使用体验等方面造成初步的理解。这其中包罗了未来会使用产品的用户、会购买产品的客户，固然也包罗要与产品经理并肩作战的研发工程师。同时，作为产品的提供方，咱们也能在产品实际出产以前，经过原型获取来自终究使用者的反馈，以此优化产品的设计。
结合在互联网畛域中的相干任务流程，原型的作用能够分为几方面：
面向产品的终究使用者，让终究使用者可以经过原型提前理解产品的功用和使用体验，并提前发现其中的问题或提出优化倡议；作为文档的一部份，向产品研发团队解释产品的状态、交互流程等首要信息，而且比拟于以文字形容为主的产品需要文档（ PRD ），原型在描写产品方面更为直观。原型也作为产品经理任务中的首要产出物和依据，方面在产品团队外部沟通和探讨产品的设计。结合这三方面作用，一款优秀的产品原型工具该当兼备几方面根本功用和才能，能力充沛撑持产品经理制造和使用产品原型的全流程。
设计才能。更详细地说，就是视觉、交互和资源（例如 icon ）。视觉和交互功用是最根本的要求，不然原型就不克不及给终究使用者提供直观的预期。固然，假如是面向研发团队的原型，平铺一切状况才是最直观的。假如哪一个工具能同时知足两种状况的自在转换就完善了 ~工程才能。一份产品原型从 1.0 版本的制造开始，通过向上报告请示、用户演示、横向沟通、向研发团队讲授之后，必然有要修正之处，乃至可能需求“大改”。因此，不光要画得爽，还得改得爽，这就是工程才能。假如一点点修正需求的任务量简直等于从新画一遍，这个体验就太差了。以常见的 Axure RP 软件为例，工程才能就体当初经过 Group 完成组件组合、经过创立 Master 完成名目内组件复用、经过创立/导入 Library 完成名目间组件复用等等。合作才能。下面曾经提到了许多基于原型的团队合作场景。而比拟之下，能间接在线阅读和编纂，是目前最佳的合作形式。不外，还有一些隐含的合作才能，在实际使用中能力领会到。好比版本办理能更好地协和谐办理大家的产出、图片紧缩能缩短页面关上速度减缓缓存压力、页面标注能帮忙阅读者了解原型中未尽的细节、色值办理和标注切图能结合视觉设计师的任务效果让产品原型更为高保真等等。假如能按照画出来的表单自动生成数据构造定义，就可以跟研发同窗无缝连接了。结合摹客瞄准了原型合作的定位，重点评测将环抱第三点合作才能展开。同时，用一个简略的原型体验一下摹客平台关于 Axure RP 原型文件中组件和交互的复原状况。
接上去，咱们先从 Mockplus 平台为咱们提供的一个原型设计样例开始理解摹客平台的次要模块。
一、摹客产品体系——1个合作平台，2款设计工具
用本人的账号登陆 http://mockplus.cn ，首先看到的是三个场景。

摹客主页
按照试用，从这里进入摹客合作会看到一个名为 Jobi 的 App 的原型制造教学。同时也在教学的过程当中，疏导咱们按照本人的需求，下载相应的软件插件。

摹客合作
摹客 RP 是产品经理日常使用的主场景之一，是环抱产品交互原型的功用模块。更精确地说，是在曾经制造好并上传的原型上，进一步细化标注和产品逻辑的模块。其中包罗了咱们刚刚提到的样例 App Jobi 。

摹客 RP
第三个摹客 UI 看起来是个面向视觉设计师的任务平台。这个模块反对将其余主流设计软件创立的设计稿（包罗 Sketch 和 Figma ）导入到摹客 UI 傍边。这个功用将历史任务整合到了一同，不至于从 0 开始，极大的晋升了任务的联贯性。

摹客 UI
接上去回到产品经理任务的主场景摹客 RP ，以例子名目开始进一步体验摹客平台的中心原型设计功用。
二、摹客 RP

摹客样例名目
顶栏菜单提供了三个子模块之间的切换。很快乐的一点是，咱们能看到摹客将环抱原型设计的三个罕用任务模块集成到了一同，包罗环抱页面视觉设计稿和页面瓜葛的设计稿、中心交互设计相干的原型稿以及首要的产品需要文档部份文档。三个模块的中心功用页面规划相似，采取了摆布构造，左边为菜单，右边为中心画板部份。
2.1 原型稿
原型稿部份是一个独立窗口，进入后左边展现了原型文件中的页面，右边为页面预览。但， Axure 案例展现部份的原型页面与设计稿模块其实不对应，这部份但愿优化一下，哈哈哈。
原型稿部份总体仍然分了四个子模块，包罗：评论、定稿、开发和预览，在顶栏能够进行切换。
其中，评论提供了对现有原型的标注功用，包罗图钉、矩形框、箭头号，便利在不影响原型本身的状况下，提供额定的解释信息，进步合作效力。

添加图钉
集体觉得图钉功用是最实用的，能够间接输出评论内容帮忙了解，同时也不会大面积掩盖原型页面本身的空间。另外还提供了对图钉款式的设置，设置为头像的话，能够直观地看出标注人，便利进一步沟通合作。同时，每个图钉有本人的形态，全部页面的图钉也有专门的列表，能够明晰看四处理停顿。

图钉形态
比拟评论模块，定稿和开发则更贴近研发落地。在定稿模块中，咱们能够进一步添加标注，包罗坐标、标尺等标注工具。同时，一个亮点功用是能够在原型中援用文档、资源或链接。这就与后面提到的文档模块分割起来了。

援用文档（1）
而且，文档援用也不是只能 “无脑” 地全篇援用，而是能够选中相干文本，并创立援用点来完成部份援用。创立后的援用点至关于在文档中减少了书签，查看时会间接跳转到相应地位。
这个功用的确十分棒！尤为是研发团队在理解产品设计时，免去了原型文档两边对着看的费事。

援用文档（2）
而开发子模块看起来就是为切图任务筹备的。跟着鼠标挪动，会自动显示出原型中元素的尺寸等信息。

按照右边菜单的疏导，虽然目前只能在 Photoshop 、 Sketch 和 Adobe XD 中获取切图，但经过右边菜单，咱们能够看出从功用上曾经把切图开发可能需求的工具都筹备好了。

开发菜单
最初一个演示子模块则次要是原型预览。这部份应该就是后面提到的，向终究用户/客户演示产品设计使用的了。后面三个模块中减少的标注和评论等信息，在这里并未提供，不外假如结适用于演示的功用定位，假如加之了后面的标注的确有些过剩。

原型预览
最初一个可能被疏忽，但又挺有用的小功用，是右上角的下载。这里的下载并非下载标注后的原型文件，而是下载原型中的评论，保留格局为 *.csv 。e妹妹……怎么说呢，多是为了线下整顿一下大家的意见用的吧。不外假如能把标注后的原型下载上去可能更有用一些。

下载评论

评论数据
对于评论数据中的历史版本是甚么，我也是起初才找到的。这个功用在刚刚的原型稿列表中。

列表更新
点击更新名目后从新上传 Axure RP 导出的原型文件，便可作为新版本。为了不误操作，也能够在上面的列表中找打要更新的名目，点击鼠标右键（是的，这里能够点击右键），而后选择更新。

鼠标邮件更新
2.2 设计稿
设计稿部份，大部份功用与原型稿部份是统一的。值得一提的是在设计稿部份能够添加交互。经过顶栏菜单的第 4 项，能够切换到交互模块。经过双击页面上的元素，再点击要跳转的页面，最初经过右边的菜单实现交互的具体配置便可。

创立交互

配置交互
实现配置之后，便可在最初的预览模块中尝试点击了。需求留意的是，这里配置的页面跳转瓜葛，与设计稿中画布上的连线并无瓜葛，假如能在设计稿中减少一种模式，展现真正的跳转瓜葛，就更好了。
同时，设计稿中减少的交互其实不会同步到原型稿，因此这里的逻辑大略是：原型稿中的交互由 Axure RP 原型文件抉择。
2.3 文档
看过原型稿和设计稿，接上去再看看产品经理的另外一个首要任务项：文档。回到名目，经过顶栏菜单便可切换到文档子模块。

预览文档
直观感触上，文档部份是一个规范的在线文档合作零碎。左边是文档列表和文档内的各级目录列表，文档内容区域反对暗藏左边菜单或回顾文档历史版本。右边则是一个与原型子模块中相似的评论列表。但试了试，对比遗憾的一点是，这里的评论并未与原型部份的评论同步。也就是说，即使原型与文档泛起了相似的问题，你需求分别在两个中央减少评论。
以后咱们看到的是文档的预览形态，点击右上角的编纂按钮，就进入了编纂形态。这里看下来就彻底是一个规范的在线文档合作零碎了。提供了文档编纂必需的各种格局，而且也参加了拔出曾经图片、拔出曾经链接等罕用功用。

编纂文档
接着，另外一个使人眼前一亮的功用泛起了，就是这个位于功用菜单栏最初的拔出曾经设计稿。
拔出曾经设计稿（1）
点击之后，会展现出曾经保留的设计稿，能够间接选择相干的设计稿拔出曾经到文档之中。需求留意的是，这个功用是将最新版本的设计稿以图片的方式拔出曾经到文档中。

拔出曾经设计稿（2）
看了弹窗下方的提醒，这里拔出曾经的图片，应该是能够跟着设计稿更新的。然而我在设计稿部份并无钻研明确曾经创立好的页面设计稿该当如何更新……所以这个是不是能顺畅同步，临时没有体验到。
文档部份总体体验上去，仍是使人满意的。不知道摹客会不会斟酌在编纂形态中间接反对拔出曾经评论呢？前往预览形态再添加的逻辑，仍是有点费事的，哈哈哈。
三、体验上传 Axure RP
为了充沛体验一下一个原型从 0 开始的模样，我仍是抉择试试本人上传一个暂时编纂的原型文件试试看。回到名目列表，点击下面的 + 新建来创立一个新的体验名目。

新建名目
进入新名目后，就提醒上传文件了。这里上传一个我暂时创立的原型文件。按照帮忙文档，这里的演示包指的是经过 Axure RP 导出 HTML 之后再紧缩而成的 *.zip 包。

上传原型稿
固然咱们也能够使用摹客提供的 Axure RP 小工具上传，与 Axure RP 的任务体验更联贯。

摹客 Axure RP 小工具
实现上传后，就能在原型稿中持续添加图钉和阅读标注了。

新原型图钉

标注新原型
四、评测总结
通过长久的体验，次要体验了摹客 RP 这个以原型、文档和设计图为中心的子产品。上面对全部体验进程进行一个简略的总结。
4.1 劣势项
摹客 RP 以原型合作为中心，在现有的原型设计工具的反对方面十分弱小。从最常常提到的 Axure RP 和 Sketch ，到 Figma 、Photoshop 、 Adobe XD 都提供了相应的插件。一方面，大家此前的任务效果不至于间接报废，而是能够在摹客 RP 平台上持续任务。另外一方面，借助这些插件，咱们能够将这些弱小的当地软件变成摹客 RP 的弱小扩展，这样既能用上这些软件的弱小功用，又能借助摹客 RP 完成任务协同，两败俱伤。
同时，作为一款具备一定编纂和设计才能的在线工具，不乱性是包管任务效果平安的重中之重。在这方面，摹客 RP 的总体体验是稳稳的。总体体验过程当中没有泛起卡顿、提早、衔接超时等在线零碎可能泛起的问题，而且在文字、交互元素的反馈方面做得也不错，操作和提醒总体联贯而明晰。
在模块划分上，根本掩盖了产品经理在原型和文档方面的需要，同时又具备了却合设计师任务的功用，掩盖了启动技术研发任务以前的残缺产品设计流程。
4.2 有待晋升项
毕竟产品没有完善的，针对本次体验的摹客平台，次要有下列几点缺乏倡议持续增强：
第一，在设计稿画布中，但愿能减少一种模式，展现交互中配置的跳转瓜葛。目前的连线提现的是骨干流程，而自定义的跳转交互只能在预览中实际体验能力检修。而且，只要两边对着看，能力发现两边是不是有纷歧致之处。
第二，文档部份与原型部份的评论未互相买通，但实际任务中文档与原型必然互相对应，这个小功用仍是倡议加之。
第三，原型稿部份需求再点击一次能力进入实际的交互模块，而且也没有感觉这个步骤提供了甚么额定的价值。这个部份假如能省掉，总体流程就更简洁了。
第四，假如要保存下载功用的话，强烈倡议改为能下载标注后的原型稿，哪怕是在原型稿的紧缩包里独自插一页来展现一切的批注也好。
本文为2022摹客RP原型工具测评大赛的测评文章，如对摹客RP感兴致可点击体验链接：http://www.mockplus.cn/rp-event/?hmsr=woshipmliyang
作者：李阳
本文由 @御豪同窗原创公布于人人都是产品经理，未经许可，阻止转载
题图来自 Unsplash，基于 CC0 协定
该文观念仅代表作者自己，人人都是产品经理平台仅提供信息存储空间办事。

华人澳洲中文论坛

热图推荐

一次“上帝视角”的摹客体验之旅

发表回复

归尘000
关注TA

图文推荐

华人澳洲中文论坛

热图推荐

一次“上帝视角”的摹客体验之旅

发表回复

归尘000 关注TA

图文推荐

归尘000
关注TA