我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。
最近,墨墨姐后台经常收到一些刚刚成为产品经理的刀友反馈:
因为从业时间短、项目经验少,在画原型时常常会遇到这样或那样的问题:
对于产品小白来说,画原型是职业入门的一项基础技能,基础打不好,可能会直接影响你的职业成长。
墨墨姐今天给大家总结了几点画原型需要注意的事项,产品小白再也不用画野路子的原型图了,让你在产品道路上少走一些弯路:
产品小白需要知道原型图“画”不是最重要的,搞明白为什么要画、为谁而画才是关键。
只有理解了画原型图的目的,才可以输出匹配任务场景的成果,
那么谁需要产品原型呢?
1.自己需要:
一是工作沟通的需要,通过原型将需求可视化,传递自己对产品的理解和表达,有效地和领导、同事、客户沟通和交流,以便快速达成共识。
二是避免背锅的需要,产品设计流程中,
很多环节衔接是不紧密的,如果做不到信息同步、产品需求界定不明确,到后期环节很容易出现扯皮。
2.UI需要:
UI需要根据原型去确定产品的方向和功能结构,然后评估自己的工作量和寻找素材,同时避免重复设计返工。
4.开发需要:
开发根据原型的设计来评审业务流程是否正确,结构是否完整,实现难度的高低,人员配置和开发周期的评估。
5.测试需要:
测试需要根据原型做测试用例和测试参考。
6.企业需要:
铁打的营盘流水的兵,总有新人换旧人,企业需要存档保留资料,避免造成项目风险。
针对上述的场景,常见的原型图一般有三种类型:草绘线框图、低保真原型、高保真原型。
1.草绘线框图:只展示产品的大概界面框架、关键内容和核心页面,最为“简陋”的一种,特点是:快。
2.低保真原型:比草绘线框图完整一些,属于工作沟通中常见的一种,可展示完整的界面框架、页面内容和页面流,绘制时多采用黑白灰的视觉风格。
3.高保真原型:就是原型的保真度较高,页面细节、交互完整,可以示范点击,
趋近真实的产品
。
多用于向领导和客户展示,方便快速理解和决策是否要直接投入开发成本。
清楚了画原型的目的,就来说说产品新人入行初期,常会出现的问题:
1. 不懂原型设计规范,原型页面混乱没有层次,漏洞百出
因为不了解设计规范与布局方法,很多新人画出来的原型图,没有层级架构的体现,不会做原型标注,页面又丑又混乱......
还有一些新人开始画图前,没有认真理清用户需求与产品流程,经常出现漏场景漏页面的错误。
试想一下,同事看到这样的原型图,怎么评价你的专业性?
有的产品新人在初期学画原型图时,选不对工具,操作又不熟练。
常常只会拖拽文本框、矩形画线框图,或截图来表达产品想法,原型设计效率低,不断返工重做,耽误项目进度。
不是因为自家产品就夸上天,而是因为很多用户给到的真实反馈。
同样是简单的拖拽、排列组合,小白可以直接用墨刀内置的原型组件和页面素材,快速完成精美界面设计。
墨刀可以在原型内直接展示PRD文档,同一个页面下可以边做原型边写文档,一目了然,不会出现因为遗漏导致返工的尴尬。
用墨刀做出来的产品可以实现超真实的产品形态,原型即产品,同时可以实现交互演示,无需开发,低成本获取用户体验。
高级的作用是 ,能帮助产品经理验证用户的使用流程,操作体验是否符合预期,产品逻辑是否完善。
建议新入行的产品经理们一定要从开始就培养自己的原型思维。
不要只是为了画图而画图,长此以往,只会变成画图工具人。
在
把需求转化成产品原型的过程中,
产品新人们
一定要注意行业风格、用户体验、业务流程、业务逻辑和实现难度方面的配合和平衡。
不提倡风格特立而丧失行业特性,也不提倡太过炫酷而提高开发难度和拉长开发周期。
因此,页面设计要遵循的原则是:
层级分明,结构清晰,注重要点,避免冗余,思考全面。
下面墨墨姐分享几个优秀原型案例中的页面设计,以便让你们更加直观地了解。
据说作者为了作出做个项目,跨过山和大海,穿越人山人海,曾经扮过企业主、模仿过租客,把流程摸了个底朝天......
在做了充分的前期调研基础上,作者做出了这套原型图。
从招商、营销、信息维护、租金管理多维度考虑,分层级进行页面管理,包含的内容全面,主次清晰。
在APP的原型设计中,还要看重用户体验,以运动健身类APP为例,用户的需求在于专业、鼓励机制和社交属性。
这款运动健身APP原型,
也是遵循了社区类、健身类、知识付费类产品的设计逻辑,结构清晰,层级明确。
菜单页面包括社区—探索—运动—计划—我,不同菜单页面分别包含健身动态、话题讨论、课程筛选、课程购买、课程学习等子页面。
墨刀素材广场官网
有海量原型模版、组件和素材供任何阶段的产品经理参考复用,还聚集了一众优秀的产品经理、设计师等素材创作人,可以在这里进行行业经验交流。