www.yabo88.con资讯网 欢迎您!
投稿信箱
收藏本站
当前位置:首页 > 图说本地
画原型图的几大坑你被埋了吗?!
更新时间:2019-06-20 10:46:40 点击数:79  

  写这篇文章的原因呢,是因为终于选股宝不是只有一个产品狗惹,最近招了个实习生小盆友帮忙。然后捏,懒癌发作,就想把自己不想画的电子原型稿交给小朋友做(暂时先我画手稿,他画电子稿)。不过,毕竟是没有在实际的产品工作中画过原型图,很多习惯还没有养成,正好写篇文章梳理下,同时会辅助一些例子来说明吧。

  大致理顺逻辑才能开始画原型图,而画原型图的过程又可以检查逻辑。因此,画原型图的过程,也是再次梳理逻辑的过程。

  因此,在快速验证或者梳理需求的过程中,强烈推荐用手稿的方式。(p个s,手稿建议用铅笔橡皮,我们要环保嘛~)

  你们可以发现咯,其实绝大部分的事情基本上都是这样的:先花绝大多数的时间去准备好写什么(战略上),再用很少的时间去根据准备的东西画图、写PPT、做报告等(战术上),这样的效率相对比较高。

  什么叫“贪靓”?就是要好看。这个好看,不是说让你抢了设计师的饭碗,把原型图画的跟设计稿一样你就最厉害了,而是要保证以下要点:

  虽然第二点提到了要好看,但是不能因为好看而主次颠倒,花费了大量时间在电子原型图上,那就得不偿失了。原型图可以说是需求分析的最后一层了,重点始终是前面的思考。

  说完以上的大原则后,接下来结合实例,来说说电子稿的一些注意点(避免你又划上去看,友情提醒:就是上文提到的第二点:原型图要好看):

  很多初手画原型图,一般是画多少页面就重建多少page,并且每个page都是平行关系。在这种情况下,想通过看原型图的目录来了解产品的页面关系,完全是懵掉的,和你对接的设计和开发也可能分分钟狗带。

  比较合适的方式是,画原型图之前先搞清楚页面与页面之间的关系,在页面目录中根据页面关系建立好空的页面后,再进行具体页面的设计。

  产品经理需求分析完成后,需要拿着原型图和设计师进行直观沟通,沟通清楚之后,设计师就会开始设计。

  那么,原型图对于设计师而言,是一个便于理解需求的工具亦或是忘记需求时的查看工具,从这个角度说,就不该给工具赋予一些其他角色,比如影响设计师的设计感觉。

  如果你找的风格水准差异巨大,那么设计师有可能会从你找的集中icon风格中挑选一种好点的来做。

  当然,以上是不负责的揣测,设计师到底如何做本身就是一种对设计师自身的要求,这点我们暂且不谈。

  当然,如果贵司没有设计师,那么,又是另当别论啦。(不要设计师的团队一定是对自己的产品自信心爆棚吧!)

  画原型图的时候,势必会用到很多软件中自带的控件。一开始没有形成自己习惯的时候,可能会有以下情况:

  辅助线能够帮助你分分钟对齐,并且无时不刻阔以用到它:画整体页面、画局部部件等等都阔以。用过office大件套的孩纸们都懂得。

  下图中红色框内的四根辅助线我是必定会有的;蓝色框内的线是拖动了控件时系统会出现的(说这个感觉自己好智障)

  在不是全局出现的情况下,阔以把相关控件组合起来,不管是单页面上的复制粘贴还是挪动,都会非常方便,同时又无形之中解决整齐问题。

  曾几何时,我也是天天玩面板、中继器玩的飞起的孩纸,现在最多用的就是页面跳转,实在不行了也用用面板之间的设置功能。

  当然,中继器啥的在某些地方还是很好用的,不过,移动端产品基本没有用到的机会,反正画了这么久了,就没用到过。

  这个多数可能会出现在高保真原型图上面吧,会要求每个控件都能够按照本身的逻辑条件出现相应的行为。

  我记得刚做产品的时候,跟着一个产品经理妹纸分工画原型图,我发现她每次都把所有控件的条件都列出来,当时觉得好啊,为了不怂and整体原型图保持一致,然后就花样作死了。

  另外,补充一下第4和第5点,过度用花哨功能和条件判断,会引起另外一个世纪大问题,那就是控件的命名!

  做大量条件判断或者复杂的case是会需要指向某个控件的,那么对于控件的命名就需要一套规则,而这点,一开始的时候你是没有意识到的。

  “哎呀,又不行了,这么多页面这么多输入框,得加上页面才行,叫他“xx页面-用户名输入框”吧”

  而这点就要向开发们学习一下啦,他们写代码都有一套命名规则哇。忘记哪个开发告诉我,好的命名意味着这人对自己有要求!

  昨天公众号里发了这篇文章之后,有些产品童鞋就发消息或者留言了,觉得逻辑、业务、沟通能力才是最重要的,原型图根本无所谓好嘛,格局啥时变这么低了。

  没有错,对行业的理解、对用户的感知、强逻辑、强沟通确实很重要,但是,工欲善其事,必先利其器的道理大家也应该都要懂:

  我个人是非常提倡合理的用好工具来帮助我们更好、更快、更有效率的去做事,因此,本文列举了一些我个人认为可以避免浪费时间的点,但我并不鼓吹画原型图有多强。

  从这些留言中,我突然发现有一颗包容心,可能是当下产品经理们最缺乏的。客观的看待所有事物,取长补短,而不是一味的随着自己的认知去鄙视、去嫌弃。

  同时,我也认为产品经理们一定不要好高骛远,可以志存高远,但一定要脚踏实地吧。你觉得“懂行业、懂用户”比较重要,但是老实说,这六个字是需要不断摸索不断积累的才慢慢会有的,并不是你会说这六个字,你就比画原型图的童鞋们高级了。

  killifer,微信公众号:killifer,金融资讯&工具类产品经理。脑洞大、笑点低、间歇性“有毛病”的理工科实力逗比少女。

  请教一下关于产品经理思维深度的问题。面试的时候被聊到了从项目失败了,以及产品经理和研发之间经常激烈交锋的现象,能够获得哪些认识,要有深度的认识。

  受教了,蟹蟹~~每个公司的情况不同,但是感觉您说的比较规范,其实也有些晕,要不要画出高保真的原型图,估计也要根据实际情况,我们的ui设计好多时候几乎不会让我们满意,只会模仿,所以我们原型图的部分工作是设计的部分,ui才会画出让我们满意的结果图。个人感觉原型图的重点是逻辑、关联、条件等,所以感觉您说的还是很专业。

  思维很重要,我现在用的是国产Mockplus,可以很快速的呈现我的一些想法,这样我就可以把更多时间和 精力放在产品上了。

  我并不这么觉得。工具永远是工具,如何用工具的脑袋才是最被看中的。用人单位并不会因为你原型图画的好就招你,而是因为你思考把什么画到原型图里的脑袋才招你。

  当然,本篇文章也并没有说不该好好画原型图呀,并不很懂你的意思,写的重点在于如何更有效的使用原型图这个工具而已。

  之前也陷入控件命名的难题中,后来学了点php,借鉴了一下大驼峰小驼峰命名,还挺实用的。而且我个人觉得你用母版哪里其实用中继器更好一些。

  为什么想着用中继器呢?我倒觉得啥都不用,就直接组合复制粘贴就像。简单明了,开发和设计一看就知道那是干嘛的,沟通简单,这就行了。

  如果只是为了沟通交流你说的当然对。我的考虑是开发看的时候更会看中里面的信息,产品人用中继器的话已经先于开发建了一个类似的数据集,沟通吧,不仅是让他懂你,你也应该试着懂他。我是出于这个考虑。而且用中继器也不比ctrl c v慢。

  外包公司中,产品做原型是要拿去给客户确认的,给客户体验的,低保真原型全是占位符拿给非专业人员的客户看,客户一脸懵逼嫌你公司水平低,如果不先给客户看原型,直接让UI出效果图拿给客户看,客户看完效果图一堆需求要改,然后你让UI要重新改,UI会和你玩命你信吗,所以这个时候高保真原型是很有价值,即可拿来和客户确认需求,也客户给客户把玩,你的高保真做得好不好直接影响到这笔订单的达成率,做出精美精致的高保真原型的能力是必不可少的,个人看法

  就外包公司的例子而言:你在拿给客户看之前,是不是也会先拿给老板或者leader先确认一下你做的方向对不对呢?这个时候总不太可能做高保真对吧?用的阶段问题嘛~

  文章我也提到了,我曾经也是做过高保真的人,并不是不具备这个能力。只不过在一般工作情况下,大多数时候是不需要用到高保真这种东西的。

  就外包公司的例子而言:你在拿给客户看之前,是不是会先拿给老板或者leader先确认一下你做的方向对不对呢?难道这个时候就要做高保真的图吗?这样可能真的就比较浪费时间了哟~

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

Powerd by www.yabo88.con资讯网 版权所有

联系电话:13986663253 投稿信箱:xyxw14w@126.com
违法和不良信息举报电话:1214146
违法和不良信息举报邮箱:12565277@126.com
网络敲诈和有偿删帖举报电话:127474746