除大公司外,大多数公司都没有交互设计师的角色。作为产品经理,就算有交互设计师,原型这一步也不能省。
评审会上,还没进入主题,同事们先看到了原型页面。如果大家还来不及看清细节,就被眼前的花花绿绿给弄懵逼了,舒适度直线下降。远看就像打满了补丁的破布:随意的排版;随手从别的网站拿来的截图;大小不一、颜色各异的字体和按钮。
还没开口,专业度在小伙伴眼里就打了折扣。
再者,国外的那种快速开发的搞法,你确定在你的公司能复制?你把原型搞成下面这样,UI就能比你做得还难看,信不?

有人说,原型就是要越简单越好,省时间。
这听起来十分政治正确,搞得那些认真做原型的同学倒觉得自己的方式是不是太不“敏捷”了?
以我的经验,原型越精细,后期开发过程中问题就越少。有条件的情况下,大家还是好好画原型,原型就是帮我们验证想法的,相当于提前预演。
前面的工作没做精细,后面问题少不了。
而且,好的原型和差的原型花的时间其实是差不多的。下面给大家看一个临摹稿,20分钟就OK了!
做一个补丁式的原型也许也是20分钟,时间并不会有多大区别。




有小伙伴要问了,用什么工具比较好啊?
在此我强烈推荐Adobe XD,使用很简单,几个快捷键就搞定,20 分钟学会,两天熟练。
把常用的视觉元素,颜色,字体样式设置成符号,基本上就是拖拽加改字了。
有了这个,Axure可以扔了。
有朋友说Sketch也很好,不过这个使用复杂度高,操作也不够简便。
XD配上蓝湖,画原型不再是痛苦,而是玩儿!
网友评论