本文由作者花生酱先生授权转载发表。
大家好,我是花生酱先生,目前在金融行业任职高级产品经理。今天想跟大家聊聊我眼中的Mockplus是怎样的一款工具,以及它带给了我什么。
Mockplus是一款非常优秀的原型+交互设计软件,他的核心优势在于,当需要展示界面跳转逻辑、推演操作流程时,可以清晰、快速地做出相当程度的保真原型供团队把玩,同时具备协同功能和兼容性。
我在试用了Mockplus一周左右的时间,就自费购买了终身版。主要是我非常喜欢自动生成界面流程图和扫码展示的功能,这对于一个前端功能涉猎较多、逻辑复杂的产品经理是非常贴心的。尤其是当你作为乙方产品经理时,与你合作的并不都是会axure、懂交互的产品从业者,更多可能是领导或业务方。在这个时候如果可以用动态原型来展示,是可以达到一图胜千言的效果。而同样拥有动态原型功能的axure就像一个重型武器,虽然可以做更多更细致的编辑,但也意味着需要更多的功夫和时间,且具备一定门槛。
从这些暖心的功能来讲,我相信Mockplus团队是一个懂产品设计且痛点抓的非常准的团队,这种感觉就好像吃火锅时琳琅满目的自制酱料让我挑花了眼,而Mockplus给了我一款精心调制的美味特制酱料。这也和我的产品观非常契合,即,产品不需要很高的自由度,要让目标用户群体解放大脑和双手。
![img_58b5448a647fb63c9dc14fc0ee09888b.png](https://yqfile.alicdn.com/img_58b5448a647fb63c9dc14fc0ee09888b.png?x-oss-process=image/resize,w_1400/format,webp)
那么有的人其实会问,动态交互不是交互设计师的工作吗,为什么这款工具适合产品经理?
那么抛开小团队或特殊情况下,产品经理或视觉兼任交互设计师的情况。产品经理作为一个全栈型的岗位,是需要对代码、设计、运营、数据等各个领域有所涉猎的,这不但是对眼界和经验的积累,也会帮助产品经理做出更好更对的决策。
那我们再严格地去讲,如果产品经理和交互设计师完全没有工作上的交付交集,那么其实,产品经理与交互设计师的设计角度也是不一样的。
理论上讲:
产品经理更多的职能是进行产品定义和方向的确定。具象化来说,是为了实现xxx的目标,为产品新增/删除abcd功能,abcd的优先级是dcba,若资源不够,则做d+、c-、b、放弃a。
而交互设计师的职能是在信息结构和功能逻辑确定的情况下,更好地完成人机交互的动作,给用户更好的体验。比如确定了做a功能的时候,是采用瀑布式展示,还是卡片分区,抑或是导航栏。
举个例子讲,如果下面两个界面,有什么区别呢?
![img_a91608a4573ca16d76237a4fcf012e4c.png](https://yqfile.alicdn.com/img_a91608a4573ca16d76237a4fcf012e4c.png?x-oss-process=image/resize,w_1400/format,webp)
为什么支付宝选择了很多大APP套小APP的导航作为底部,而微信往往子模块都是一拉到底呢?
其实作为一个模块首页来讲,如果是专注信息展示的界面,就要有流畅的瀑布式信息流,让用户的焦点永远期待与下一屏。但如果首屏难以展示全部的信息,或者优先级难以排布,就需要导航或悬浮来解决这个问题。
所以其实不是喜好和一致性的问题,如果产品经理不能及时传达“这个模块是信息类or功能类”的信息,交互设计师其实做出两种设计都是合理的。
所以这是一种角色分工、工种专精、提高效率的社会选择。但分工就意味着思想隔离需要用沟通来抹平,于是演示就更加重要了。产品经理和交互设计师互相之间沟通的时候,不但可以拖拖拽拽就完成原型,同时两方都可以通过“快速格子”、“演示热区提醒”等功能迅速完成表单摆放和交互展示,这对于沟通来讲,更是如虎添翼的。
所以不管是产品还是交互,设计思路上其实传达的是一种理念。我已经很多次用扫码分享的方式代替旧时的导出图片、发邮件、约时间评审,这样一种异步却不丢失信息的沟通方式,着实让我受益匪浅。
至今还记得,刚购买Mockplus的时候是3.0左右的版本,我参加了一个时间比较紧急的比赛,在没有视觉设计师愿意参赛的情况下,我只能通过线框图加动态交互来为自己加分。但结果是非常惊艳的,通过清晰的演示,我打败了很多视觉优秀的作品,也成为了唯一一个用动态原型参赛的选手,这完全得益于Mockplus的低门槛和简洁操作,让我在视觉不占优的情况下,完成了四两拨千斤。重点是还在时间紧张的情况下,在完成原型之余,留出时间美化了PPT。
![img_8756239af6d0c92c3fcfbeaf4f1f586e.png](https://yqfile.alicdn.com/img_8756239af6d0c92c3fcfbeaf4f1f586e.png?x-oss-process=image/resize,w_1400/format,webp)
念念不忘必有回想,最让我开心的是,在3.2版本,Mockplus支持了sketch对接,这也就意味着,就算没有设计师愿意用Mockplus帮我做交互,我也可以用她的sketch源文件一键切换到Mockplus中完成跳转等设计,这让Mockplus的兼容性产生了质变,这是也将原有的原型+交互与视觉彻底打通了,这对于整个团队来说,是一个令人激动的好消息。
总而言之,Mockplus帮助我节省了很多时间,也打了很多漂亮的硬仗。我推荐产品设计相关的从业者都可以去了解、使用这款软件,人生短暂、灵感易逝,希望Mockplus可以完善更多细节,帮助我们思想的种子在转瞬之间开出鲜花。
原文地址:https://www.mockplus.cn/blog/post/911
作者:花生酱先生
花生酱先生,金融业高级产品经理,人人都是产品经理社区专栏作家,个人原创公众号:产品之术。