画原型全靠野路子?来看看规范的原型长这样

最近,墨墨姐后台经常收到一些刚刚成为产品经理的刀友反馈:

因为从业时间短、项目经验少,在画原型时常常会遇到这样或那样的问题:

“领导常说我画的原型好丑,还不规范……”

“总是被Diss原型画得太慢……”

“画原型时总会遗漏场景,经常被打回来反复修改……”

对于产品小白来说,画原型是职业入门的一项基础技能,基础打不好,可能会直接影响你的职业成长。

墨墨姐今天给大家总结了几点画原型需要注意的事项,产品小白再也不用画野路子的原型图了,让你在产品道路上少走一些弯路:

01 产品经理为什么要画原型图?

产品小白需要知道原型图“画”不是最重要的,搞明白为什么要画、为谁而画才是关键。

只有理解了画原型图的目的,才可以输出匹配任务场景的成果,那么谁需要产品原型呢?

1.自己需要:一是工作沟通的需要,通过原型将需求可视化,传递自己对产品的理解和表达,有效地和领导、同事、客户沟通和交流,以便快速达成共识。

二是避免背锅的需要,产品设计流程中,很多环节衔接是不紧密的,如果做不到信息同步、产品需求界定不明确,到后期环节很容易出现扯皮。

2.UI需要:UI需要根据原型去确定产品的方向和功能结构,然后评估自己的工作量和寻找素材,同时避免重复设计返工。

4.开发需要:开发根据原型的设计来评审业务流程是否正确,结构是否完整,实现难度的高低,人员配置和开发周期的评估。

5.测试需要:测试需要根据原型做测试用例和测试参考。

6.企业需要:铁打的营盘流水的兵,总有新人换旧人,企业需要存档保留资料,避免造成项目风险。

针对上述的场景,常见的原型图一般有三种类型:草绘线框图、低保真原型、高保真原型。

1.草绘线框图:只展示产品的大概界面框架、关键内容和核心页面,最为“简陋”的一种,特点是:快。

2.低保真原型:比草绘线框图完整一些,属于工作沟通中常见的一种,可展示完整的界面框架、页面内容和页面流,绘制时多采用黑白灰的视觉风格。

3.高保真原型:就是原型的保真度较高,页面细节、交互完整,可以示范点击,趋近真实的产品。

多用于向领导和客户展示,方便快速理解和决策是否要直接投入开发成本。

02 产品小白画原型常会出现的几个问题

清楚了画原型的目的,就来说说产品新人入行初期,常会出现的问题:

  1. 不懂原型设计规范,原型页面混乱没有层次,漏洞百出

因为不了解设计规范与布局方法,很多新人画出来的原型图,没有层级架构的体现,不会做原型标注,页面又丑又混乱…

只有自己能看懂的原型图,对项目没有任何意义。

还有一些新人开始画图前,没有认真理清用户需求与产品流程,经常出现漏场景漏页面的错误。

试想一下,同事看到这样的原型图,怎么评价你的专业性?

  1. 原型工具不熟练,经常返工重做,耽误项目进度

有的产品新人在初期学画原型图时,选不对工具,操作又不熟练。

常常只会拖拽文本框、矩形画线框图,或截图来表达产品想法,原型设计效率低,不断返工重做,耽误项目进度。

适合刚入行的产品新人使用的原型工具是什么呢?

墨墨姐推荐墨刀。

画原型全靠野路子?来看看规范的原型长这样_第1张图片

不是因为自家产品就夸上天,而是因为很多用户给到的真实反馈。

同样是简单的拖拽、排列组合,小白可以直接用墨刀内置的原型组件和页面素材,快速完成精美界面设计。

墨刀可以在原型内直接展示PRD文档,同一个页面下可以边做原型边写文档,一目了然,不会出现因为遗漏导致返工的尴尬。

用墨刀做出来的产品可以实现超真实的产品形态,原型即产品,同时可以实现交互演示,无需开发,低成本获取用户体验。

画原型全靠野路子?来看看规范的原型长这样_第2张图片

本原型选自墨刀素材广场,点击查看全部

  1. 成为画图工具人,没有思维提升

原型图的初级作用是传递需求、表达想法。

高级的作用是 ,能帮助产品经理验证用户的使用流程,操作体验是否符合预期,产品逻辑是否完善。

建议新入行的产品经理们一定要从开始就培养自己的原型思维。

不要只是为了画图而画图,长此以往,只会变成画图工具人。

03 怎么画出规范的原型图?

在把需求转化成产品原型的过程中,产品新人们一定要注意行业风格、用户体验、业务流程、业务逻辑和实现难度方面的配合和平衡。

不提倡风格特立而丧失行业特性,也不提倡太过炫酷而提高开发难度和拉长开发周期。

同时,画原型也是展示你对产品理解的逻辑表达。

因此,页面设计要遵循的原则是:层级分明,结构清晰,注重要点,避免冗余,思考全面。

下面墨墨姐分享几个优秀原型案例中的页面设计,以便让你们更加直观地了解。

这是一个园区租赁管理系统的原型案例。

据说作者为了作出做个项目,跨过山和大海,穿越人山人海,曾经扮过企业主、模仿过租客,把流程摸了个底朝天…

在做了充分的前期调研基础上,作者做出了这套原型图。

从招商、营销、信息维护、租金管理多维度考虑,分层级进行页面管理,包含的内容全面,主次清晰。

点击这里,查看素材详情

在APP的原型设计中,还要看重用户体验,以运动健身类APP为例,用户的需求在于专业、鼓励机制和社交属性。

画原型全靠野路子?来看看规范的原型长这样_第3张图片

点击这里,查看素材详情

这款运动健身APP原型,也是遵循了社区类、健身类、知识付费类产品的设计逻辑,结构清晰,层级明确。

菜单页面包括社区—探索—运动—计划—我,不同菜单页面分别包含健身动态、话题讨论、课程筛选、课程购买、课程学习等子页面。

想查看更多内容,可以直接点击图片进入墨刀官网素材广场。

墨刀素材广场官网

有海量原型模版、组件和素材供任何阶段的产品经理参考复用,还聚集了一众优秀的产品经理、设计师等素材创作人,可以在这里进行行业经验交流。

为了聚集更多优秀的原型创作者,为了给产品经理们提供丰富的素材资源,墨刀重磅推出【创作达人计划】活动。

只要你会画原型、懂设计,都可以在素材广场上传你的作品。

审核通过即可获得墨刀会员时长、还有京东E卡,奖励不设天花板,上传越多,奖励越多。

优秀的创作人还有机会受邀参墨刀官方组织的产品经理交流论坛,和线下沙龙活动哦!

一起来看下活动详情:

参 与 路 径

1.活动页认证达人
画原型全靠野路子?来看看规范的原型长这样_第4张图片

点击这里 直达活动现场

注:一定先进行达人认证,否则奖励的VIP时长无法发放

2.上传素材资源

画原型全靠野路子?来看看规范的原型长这样_第5张图片

3.填写基础信息并设置素材封面

基础信息越规范,过审几率越高哦~

素材广场有现成的模板封面,可直接复用。

画原型全靠野路子?来看看规范的原型长这样_第6张图片

4.审核通过,系统自动发放会员时长

上传资源会在2-3个工作日内进行审核,审核通过即可自动获得对应会员时长

注:本次活动最终解释权归墨刀所有。

如果你是优秀的创作人,请加入墨刀创作人计划,成为墨刀官方合作好友。

如果你是刚入行小白,也请关注墨刀创作人计划,学习优秀的原型图是如何创作出来的

还等什么?

你可能感兴趣的:(原型设计,素材,产品经理,产品设计)