【摹客RP测评大赛优秀作品】产品评测——对摹客RP交互设计的体验与建议

一、产品评测简介

原型设计软件是设计师、产品经理使用频率很高的工具，最早期的软件是Axure，它因为轻量化，功能丰富的特点也一直很受大家追捧，但作为一款国外开发的软件，却也有很多局限性，比如使用者权限，团队协作、购买价格等，正是由于这些因素，让国内很多公司看到了这块市场，纷纷入局，开发相关的软件去竞标Axure；从早期的蓝湖到现如今的各大品牌的原型设计软件，给了项目设计人员更多的选择，大大提高的团队协作效率。

1. 测试背景

目前我们公司设计团队使用的原型设计工具就是Axure，在实际项目中，团队交互原型的呈现效果很差，统一性不强，组件的复用、新增、修改等同步的效率很低。原型设计样式和规范五花八门，给阅读的人员造成很多不便，尽管团队在每个版本结束之后都会对原型设计的规范进行汇总和要求，但是设计师在进行原型设计时，都习惯了一遍做原型，一遍去比对熟悉规范，都是独自去审查，大大影响了原型设计的统一性；

项目组的设计人员负责的模块都比较独立，绘制原型页面过程中，无法实时同步去协作，绘制结束后还需要保存源文件或者导出html分享给项目组人员，导致Axure的共享协作成本变得非常高。

2. 测试目的

项目团队想通过引入国内原型设计工具来替代Axure，帮助团队更加高效地进行项目项协作，刚好应邀参加「摹客与点开链接进入原型设计页面

操作实例：在操控台找到“自定义标签”的项目，点击按钮找到「成员管理」，跳出弹窗，复制链接，发给协作人，协作者点开链接进入页面协作

体验问题1：项目管理人分享项目链接给协作者，协作者点击链接直接进入原型设计页面进行操作编辑，在网页端从原型设计页面返回到操作台页面后，再点击项目，无法进入原型设计页面；客户端可以正常操作。

优化方案1：打开网页端重新进入页面的权限，让用户能够自由进入或退出页面。

8. 体验小结

这部分通过最常用的7个交互操作，建立以目标为中心的体验流程，再细分出了14个操作任务对产品进行体验说明。操作体验主要聚焦在统一性、功能设计、交互操作效率、细节设计。首先在任务流程中体验到的爽点设计，体验是非常不错的，其次是针对相关的一些设计问题也有描述并提出自己的优化建议。

四、角度3：设计和组件

第三个角度主要是从设计组件来进行体验，这部分内容主要有如下6个体验点组成。

1. 导航菜单

网页端和客户端对于导航菜单（“全部”）组件的结构不一致，网页端的全部菜单下会展示二级菜单，客户端没有；两端菜单数量都不相同；

优化建议：导航菜单组件结构和数量统一。

2. 图标

• 网页端全部菜单的图标和文案语义不匹配，一个是代表“首页”含义的图标，另一个文案却使用“全部”文字。
• 网页端和客户端的“模版例子”菜单的图标不一致。
• 网页端的导航菜单图标全是面性图标；客户端是有面性和线性图标两种，首页是面性图标，其他全是线性图标。
• 网页端和客户端的“项目”图标列表式展示状态下的颜色和设计形式上不统一，其次项目和项目集的图标的区分不明显。

优化建议：两端的页面相同图标需要保持一致，包括类型，样式，统一性，减少差异化，关于图标设计表意要传达精准一点。

3. 按钮

新建项目和新建项目集是产品的两个重要功能，从功能重要程度来说应该是要保持一致的，目前设计明显是新建项目的优先级高于新建项目集，虽然都是用“图标+文字”的按钮样式，但图标的样式过于简单，且新建文件使用强提示的高亮底色，更能吸引注意力。

竞品中，如蓝湖、即时设计、Figma、Pisxo的功能和摹客RP一样都有新建文件（项目）和新建文件夹（项目集）功能，竞品基本都保持相同的设计样式，保证功能优先级是一样的，仅有mastergo虽然按钮和摹客RP一样使用强提示按钮，但它的功能框架设计和摹客RP不一样。

它创建文件夹的功能放在左边菜单的创建团队中，新建文件的按钮和文件导入是独立的，虽然设计样式不一样，新建按钮也相对突出了，文件导入的按钮还有动画效果。

优化建议：可借鉴主流的原型工具类的设计方案，平衡功能的优先级，在图标设计样式上让功能更加形象。

4. 弹窗对话框

（1）弹窗样式设计的统一性，如新建和删除项目或项目集时的弹窗按钮，它并不是特殊使用场景，都仅需要“确认”和“取消”简单操作，但是鼠标悬停文字按钮上的样式是不一样的。一种是加浅灰底色，文字没变化，另一种是改变字体的透明度。

（2）多次弹窗增加了操作流程，如网页端项目移动时，会有二次弹窗确认。

优化建议：弹窗的按钮设计样式上可以保持一致，对于产品中的个别功能的操作，建议少用或慎用弹窗组件，缩短操作流程。

5. 文案

（1）文件界面的左边功能区的“图层”菜单中包含画板和图层信息，这个标题名称和内容不对应，表述不精准。

（2）页面删除的弹窗提示文案没有给出完整且能防错的的提示，弹窗只提示是否删除当前页面，并没有提示用户如何找回和被删除文件的去向。

如下例子为操控台项目删除和原型设计的页面删除：项目删除的文案：“确定将此次项目加入回收站”，页面删除的文案：“确定要删除当前页面吗？”

（3）新建项目和新建项目集两个按钮的文案表意不精准，改为“文件和文件夹”，这样的表述更简单明了。

（4）导航收藏菜单名称不一致，网页端用“收藏”，客户端用“我的收藏”，可以统一为“我的收藏”。

优化建议：关于文案部分，主要包括菜单栏、图标、按钮、弹窗提示文字等应用场景，进行修改完善。

6. 色彩模式

产品的主色调很深，没有浅色色彩模式可以切换，同类的主流产品基本都是默认浅色，如即时设计、Masetrgo、Pisxo等都以默认浅色界面，Figma更是支持浅色深色切换；

优化建议：因为用户对颜色的接受和敏感度都不一样，提供深浅色两种颜色模式进行切换，可以在界面色彩运用上满足不同使用者的需求，若不提供，建议浅色模式，白色在感官上更加干净、整洁。

7. 体验小结

设计和组件主题包括6个部分，这些在产品评测，是很容易被注意的设计点，也是产品最基础的组成元素；它的设计呈现决定了用户的好感度，好的设计是需要通过这些元素来表达它的设计原则和理念；组件的设计和使用也是要合理和克制的；例如导航菜单和图标设计应该在网页端和客户端保持一致；文案表述的应该精准、简单、明了；按钮和弹窗设计也可以再克制一点，色彩模式需要干净简洁，最大程度的减少对用户的干扰，提升用户的粘性。

五、测试总结

以上就是四周产品测试总结分享了，这篇测评文章主要是从交互的三个角度：页面框架、页面操作流程、页面组件设计，通过深度使用和体验这款产品，从中提炼出一些想法和建议，这里就个人使用体验做出以下终结。

1. 产品关联性

摹客RP这款原型设计工具与视觉、产品的关联性方面设计的很好：作为一款原型设计软件，它的功能很丰富，覆盖了设计师做原型设计的大部分场景，能利用视觉思维发挥产品优势，在项目协作，横向和产品相关的工作内容进行关联。

• 在设计上，这点主要体现它可以像页面视觉设计一样创立组件库（文本、颜色、组件），团队可以组件共享，大大的提升的高保真设计原型的设计协同效率；
• 在产品上，可以和，摹客PRD文档工具进行关联能够导入RP源文件进行资源利用。

2. 功能设计

• 超预期的功能：开启流程图模式，产品内置了很多流程图组件，选择组件的设计方式非常的超预期，使用起来很便捷，操作更顺畅，流程图还可以直接导入到摹客PRD文档工具中。
• 实用性的功能：主页面中的回收站菜单和原型设计页面左边的回收站模式，回收站设计的本质是帮用户避免误操作，挽回损失；不管是在操控台的找回项目或者项目集，还是在原型设计页面对页面进行找回的使用场景中，回收站这个功能和模式设计都能很好的容错；
• 过度设计的功能：例如两端的操控台主页面，很多基础导航菜单都有重复的新建项目和项目集按钮，菜单导航应该有相对应的内容；不应该站在“自己以为的用户方便”的角度，去增加重复的设计。

3. 统一性差

这一点在产品体验中感觉是十分明显的，设计工具软件，基本都有网页端和客户端的，控制台页面都不会进行差异化设计，所以当第一次在不同端打开摹客RP控制台页面时，呈现出的是不一样的内容，我的第一印象是：有这么多不一样的地方啊，我要花点时间再看看对比下？我刚才的那些操作入口在哪里啊？

• 布局：在“页面框架”已经有提及过，包括控制台页面的布局，侧边菜单栏的设计，项目和项目项目集的展示方式，客户端都有不小的差异；
• 操作：如项目移动的操作，在网页端需要二次弹窗提示，客户端就仅需要一次提示；
• 功能：如多人协作，网页端和客户端的功能操作逻辑也不一样，点击链接，网页端进入页面再退回控制台，重进原型设计页面就被禁止了；客户端可以正常操作。

4. 交互操作效率

在交互操作上产品要有畅通感，即操作起来够舒服，能够给予操作有效提示，能够在进行任务操作时有效率；

• 流程和组件：控制台移动项目的交互操作应是一个极简单的操作，但实际产品中使用了强制性的模态弹窗和2次操作弹窗进行确认，操作步骤多且干扰程度很强。
• 交互方式：产品有一些比较实用的交互方式没有被应用，如拖拽移动的操作，在控制台页面项目和项目集不能拖拽归类，在原型设计页面中画板中的图层不能拖拽移动；
• 快捷键：主要集中在撤销、复制等操作；在原型设计页面，如删除的页面不能使用快捷键“command+z”撤回，如选中画板后，不支持使用“option+鼠标键”进行脱拖拽；如使用快捷键“a”画板快捷创建的逻辑。

5. 细节设计

在摹客RP体验过程中，注意到很多设计细节，有很多不错的地方，也有很多需要优化完善的设计点，如下所述；

• 优点：流程图模式中的设计操作顺畅，还可以直接在画板中双击修改名称；
• 缺点：第一点产品文案很多地方都表述不准确，弹窗在很多操作场景下的不合理使用；

第二点产品性能问题，很多交互操作过度不自然，转场太快，无状态结果的反馈，操作生硬；还有原型设计画板、元素和属性面板参数的联动很差；第三点是项目原型设计中的关于元素相关的设计点，包括图片的图层归属问题，距离的测量等。

总的来说摹客RP是一款比较专业且实用性很强的的设计协作软件，他基本兼容了原型设计软件“Axure”的大部分功能，也适合团队协作中进行使用和推广，但随着市面上的竞品越来越多，后续的竞争推广也会越演越烈，所以个人认为产品应该做好以下两点，会增加自己产品的优势；首先工具可以轻量化，注重常用功能的用户体验和产品的性能优化。

其次作为一款设计协作软件，面向的是广大设计师，产品细节方面的问题特别容易被设计师捕捉。所以需要着重把控这两点，进行积极的推广助力，才好抓住设计的心！这里也祝摹客系产品能越做越好！

本文为2022摹客RP原型工具测评大赛的测评文章，如对摹客RP感兴趣可点击体验链接：https://www.mockplus.cn/rp-event/?hmsr=woshipmqianwei

本文作者 @Q什伍 。

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！