看到这个话题,忍不住想来参与一波!

最近,不管是网上冲浪还是线下吐槽,“原型该谁做”,这是我听到PM和UI讨论最激烈的话题了……

如果你家PM对你说“原型是UI的工作,不然UI就是在做美工”,那么你可以认为他即将甩锅了。

 

听说原型是UI的工作,我要暴走了…_协作设计                        

 

我们不妨来梳理一下思路,先看一下各自的概念描述:

原型图:根据需求文档用线条、图形描绘出的产品框架及逻辑;

UI图:跟我们平时在PC端或手机端看到的界面一样,追求1:1呈现最终产品的样貌,为开发提供准确的参考,通常不涉及交互策略。

 

从概念上看,原型图跟需求文档结合更紧密,所以应该是产品经理的工作。

 

 听说原型是UI的工作,我要暴走了…_协作设计_02                       

 

我们继续用事实论证观点,我在BUS直聘上找了PM相关的职位描述:

听说原型是UI的工作,我要暴走了…_团队协作_03

听说原型是UI的工作,我要暴走了…_协作设计_04                        

                        

所以,你家PM还是不想画原型图的话,建议直接找HR沟通下工作态度的问题吧!

 

作为一名PM,思考“原型图该谁画”这是不对滴,你应该考虑如何让后续的设计研发协作更加顺畅,将项目彻底落地,才是一名合格的产品经理应该有的思想觉悟。

 

那么,总结下需求,既想快捷绘制原型图,又想部门间协作顺畅。该如何解决这个问题呢?

 

其实这个问题并不难,作为一个在产品圈里混了8年的老打工人,我给大家安利一个平台:设计+协作的一站式云平台——摹客。

 

如何快速地绘制原型?

身为PM,不想画原型图,本质在于懒得画或者不会画,而摹客很轻松就能解决这个问题。

 

不想画?不会画?没关系,套模板就行,电商类、咨询类、旅游类…拿去用就完事。摹客准备了海量模板,顶多自己改改,优化下内容就能给UI了,关键模板质量还挺不错的。

听说原型是UI的工作,我要暴走了…_协作设计_05

                        

如果是要自己画原型,那更好办了,摹客有丰富的组件,只需拖拽,就能成型,岂不是分分钟就能搞定?!

 

听说原型是UI的工作,我要暴走了…_协作设计_06                        

 

说完基础绘制,再继续聊聊原型中的难题——交互!虽然大部分产品和UI互相看不上,但产品是要协调整个项目进度以及确保质量,无疑需要UI的紧密配合。

 

怎么让UI服你?不得不说,把各项工作做到位就很重要,比如,把原型做的清晰明了,让人眼前一亮,交互逻辑清晰!

 

我简单看了下摹客的交互功能,分为页面交互、命令交互、状态交互,常规的交互我就不过多赘述了,下面说说我在摹客里发现的交互技巧,能实现丰富的动画效果,操作也很简单~

 

比如想要完成图标闪烁等趣味交互,用克隆状态搭配旋转命令就可!

听说原型是UI的工作,我要暴走了…_协作设计_07                        

 

不要眨眼,看看呈现效果吧!

 听说原型是UI的工作,我要暴走了…_团队协作_08                       

自动还原功能也很厉害,在交互页面设置自动还原效果,第二次触发时,组件就会回复到初始状态。

听说原型是UI的工作,我要暴走了…_团队协作_09

                        

想调整当前组件关联的所有交互动作,那就通过动作顺序来调整吧,仅仅拖动就可!

听说原型是UI的工作,我要暴走了…_协作设计_10

                        

最后,如果设置了多个交互命令,想一同展现效果,那就开启同时工作,开启后,所有命令同时执行!

听说原型是UI的工作,我要暴走了…_团队协作_11

                        

总之,交互效果最能体现PM的水平,想彻底征服UI,那就好好研究交互吧,有些小技巧可以让你秀到飞起!

 

如何高效地部门协作?

画原型问题搞定后,接下来我们看看摹客如何解决部门协作问题。部门间协作往往因为沟通不到位或软硬件不适配而产生很多矛盾,但其实这个问题不难解决。

 

比如,当需求评审通过后,项目进入到UI设计阶段。UI设计师们使用的工具不同,就可能会产生软件不适配的问题,而摹客支持所有主流设计稿类型:Photoshop、Sketch、Adobe XD、Figma、Axure、Mockplus、Figma,避免了因为兼容性、网络限制、设备限制等情况,而产生UI交流全靠截图的尴尬行为!

 

UI将设计稿通过插件上传至摹客后,PM可以在摹客上评审设计稿,对照查看设计稿是否与原型图逻辑一致以及标注其他修改意见。

 

 听说原型是UI的工作,我要暴走了…_协作设计_12                       

 

当UI图定稿后,就进入后面一个流程,由UI和开发工程师们对接工作。摹客最牛x的功能在于智能标注切图,随取随用。

 

我尝试了下,简单上传一张设计稿后,可以在摹客中一键下载全部切图,还可以自由切换平台(iOS、Android、Web)和选择倍率。

听说原型是UI的工作,我要暴走了…_协作设计_13

                        

最后,必须要提下实时协作!我以为的协作工具实时是指,比如A做完存档后,系统就能自动同步给B或C了。

 

但现实却啪啪打我的脸,没想到摹客的实时协作,重新定义了我的概念,可以简单理解成“腾讯文档”。多人在同一面板上编辑、标注,都能在各自屏幕实时展现,真·多人“实时在线协作”!

 

听说原型是UI的工作,我要暴走了…_协作设计_14                        

 

咳咳,长篇大论说到现在,划重点了!用摹客绘制原型图快捷方便,高保真都不在话下;协作交付功能齐全,团队使用能大幅提高工作效率。

 

最值得我推荐的是:摹客永久免费!不仅PM画原型图免费,团队协作也是免费的,100人以内的团队都可以免费使用!毕竟能用便宜绝不用贵的,能用免费绝不用付费的!

 

最后官网放这了,反正不花钱,要不就试试看呗:

设计+协作,摹客就够了!