产品经理画一套原型图要多久(原型图是产品经理做还是设计做)

想问问有没有一种产品经理 是直接先让ui出设计稿 自己再照着设计稿出原型的

那么问题来了：为什么许多垂涎产品岗位的人，会第一个注意到界面的美丑呢？原因很简单：因为人类都是视觉动物，这是学习成本最低，且不需要深入了解其他东西就能说出个一二三的技能。既然刚入行，就要画图的命运改变不了，那么我们就要想着如何把他画出来，并且画好。

接到需求后，如何将他变成原型图？

这是很实际的问题。比较“笨”的人（其实在说自己）。在听到一个需求后就会立即画图，不知道有多少菜鸟会这样，可能聪明的人会更多吧。

为什么说这样做很笨？因为大部分情况下，你“听”到的需求都不是详细的具体的可执行的。在从产品经理或总监那边获得需求之后，以为自己理解了就开始动手画了，往往画好之后会推翻的可能性很高。不知道你是不是这样，我将这样的行为，称为「臆想」。

反思一下，站在需求或业务方，对于有价值的信息你收集了吗？你有跟需求方深入谈论这个需求了吗？真正了解他想要做什么？他想要达到什么效果？什么功能？哪些是他能想出来的规则、流程、逻辑？

收集完了信息，整理一下思绪，思考一下，他这样做合理吗？不合理的部分，你能想到更好的解决方案吗？如果有，你又该如何有理有据的说服别人？那么，整理好自己的思路，再去和需求方碰，直到敲定结果。

当你将需求基本明确后，请召集项目干系人，一起坐下来聊一聊？聊什么？一是告知干系人我们要做这样一件事情了？二是让各个职能的人了解一下具体的需求，是否可执行？

因为每个人站在的角度不同，所处的观察点就会不同，这时候不妨听取一下大家的意见，适当修改需求。但切记：可以砍的往往是边边角角不妨碍主流程的东西；有些产品喜欢紧握用户体验的金牌，这样做有时候会适得其反。如果产品在初期时，体验可以退居其次，让功能跑通才是重点。

这种算需求评审会吧，是种考验情商的东西。你需要说服大家，如果某个点需要调整，不会提高开发成本，那么你可以坚持一下；前提是你需要有站的住脚的理由。如果反之，就大度的放弃吧。

如果这一切的很顺利，需求、流程、规则都确定下来后，就开始动脑思考原型了。看过许多交互书，会做焦点小组，访谈，调查，可用性测试等等，说实话，不知道你们公司有吗？反正我这里没有。。

那怎么办？那就划船不用桨喽~业务流程、操作流程、功能模块都搞出来，再画图，画图的话，我会先看很多同类或有类似功能的产品，看看这样的形式是否适合用到我们的产品上，能否进行改良或是有无改进的空间。

接下来思考什么呢？简单的说就是，你的产品核心是什么？这样设计有没有突出你要突出的东西，有没有让用户的使用效率提升，用起来很“友好”。这些交互的文章，有很多，大家肯定平时也没少看啦。

要不要画高保真的原型图？

这个问题靠实践才真正获得真理，不过各个公司的状态可能有不同。

原型图是干嘛的？原型图是一种表达你想法的工具，它让你的想法图像化。那图像化给谁看？这个就决定了原型图是否要高保真。给投资人，需要。给技术，不是特别需求。给UI，你需要，尤其是经验不足的UI。给什么人看，决定了你要达到什么目的，有时候原型图只需要表述清楚，有时候原型图，需要传达给你下游你想表达的东西，哪里是重点，突出什么，想要如何引导用户使用和查看等等，这时候就要高保真起来。

再说一个类似的东西就是PRD，PRD是干嘛的，就是一种评判产品的标准，他不是特别能推进产品进度的东西，却是一种呈堂证供和历史存档，有时候我会将PRD与图形化的界面合并起来一起提交给下游。

不过如果我说以上都是扯淡呢，很多情况下高保真低保真PRD都冇用，最后都要靠嘴与勤快的双腿，文档什么的都不管事，多沟通，来避免信息上的不对称。

那么如何让原型看起来高保真起来？

见过有的画原型真是厉害，跟真的APP一样，我比较推崇一半一半吧。有些美观度，但一些特效交互我就偷懒了；这些就用嘴，网上的案例或是文字描述吧。

第一次画原型的时候，画的奇丑无比，这里就不贴出来吓人了。总结起来，如果想要提高你的画原型图水准，下面给几你几个方法，真的只是方法论，更多的还需要你不断的练习。

比例

布局

大小

关联

颜色

先说比例，无论是网络还是现实生活中，我们看起来很和谐的东西都是比例很好的东西，在做原型图的时候也是一样。如果你画的尺寸与真实网页相差无几的话，对一般的观者来说就有很好的效果；而且对于你的下游UI，也能在很快的时间，了解你的意图，不需要在为你调整比例。我只做过两次网页版的设计，经验寥寥，不过我在画WEB端的时候，会先确定整体页面的宽度是1200PX，还是1000PX；确定宽度后登录/注册的状态栏的高度，导航的高度等等；比例这东西渗透到整个原型制作的每个细节。

拿个今天刚画的原型举例吧，是web端，这是我第二次画web端，画的很烂请见谅。

根据接口、功能、需求、提供的文字等等一些条件权衡后，这个汽车保养的服务，我就只准备在首页放一些很简单的东西啦。采用大约1000PX的页面，考虑到会有小屏幕的人使用，并且该业务后面的预约环节操作会比较集中；内容页东西不是很多，用大尺寸会显得很空。

再说布局，这方面没什么特别深奥的理论来告诉大家，我一般会借鉴其他同类网站的布局，将功能，模块化先画好的大的方块。就好像我们在画素描的时候，会先将静物的轮廓画出，再描绘细节。在原型制作的时候也是一样：过快的进入细节，会让你的视野变窄。常用的一些像栅格化，黄金分割都是不错的布局工具。

接下来说大小，大小能让一段文字或是一张图片，甚至是一个区域，达到突出的效果，吸引用户的视线。可以将要重点突出，弱化其他的信息。下图中，我想将流程提示与下面的操作区别开，产生层次感。在汽车信息部分，突出了车主的汽车品牌名称，抓住眼球，将更改车辆放到右侧，将其弱化。这就是大小所能够给你带来的妙处~

之后是关联，我们发现当信息堆在一起时，会分辨不出他们的之间的关系，而且有些毫无关系的信息放在一起，会让人感觉非常的莫名其妙。做产品就需要具备一定的归纳与总结能力，相信这点大家都不会含糊的。这个世界有种东西叫留白，留白就能很好给你关联或不关的视觉感受。将有关联的东西凑近，另外一组离他们远一点，效果立竿见影，这种张弛的感觉，会让你的原型美观不少的。

最后是颜色，颜色一样可以达到突出重点的目的，但是控制颜色也是件技术活儿， 控制不当就会“花”。比如上图，本来设计的时候在「服务地址」的地方，我是突出了「更改」；但是在与技术和接口方沟通后发现更改城市会改变价格，那么就给用户一些提示吧~突出一下，尽量弱化更改，避免用户做这个操作，所以我就用颜色来加重了提示。

基本上按照上面的思路去思考，就能画出能看到的过去的原型图了。但是经过UI的加工后，你才会发现：原型图果然还是原型图。人就是这样不容易满足，而且我们也确实不应该满足，当一个画图人。

那么该如何慢慢摆脱“画图人”的头衔

我很喜欢一个理论叫“用户体验五要素”；这个方法论很厉害，能让你在任何问答与思考中保持一个逻辑思路清晰的状态。

他包括以下五个层次：

战略层

网站的范围基本上是由网站的战略层（strategy）所决定的。这些战略不仅仅包括了经营者想从网站得到什么，还包括了用户想从网站得到什么。就我们的网上书店的例子而言，一些战略目标是显而易见的：用户想要买书，我们想要卖出它们。另一些目标可能并不是那么容易说清楚的。

范围层

结构层确定网站各种特性和功能的最合适的组合方式，而这些特性和功能就构成了网站的范围层（scope）。有些卖书的网站提供了一个功能，使用户可以保存之前的邮寄地址，这样他们可以再次使用它。这个功能——或任何一个功能——是否应该成为网站的功能之一，就属于范围层要解决的问题。

结构层

与框架层相比更抽象的是结构层（structure），框架则是结构的具体表达方式。框架层确定了我们的结账页面上交互元素的位置；而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式，允许用户可以浏览书籍的不同类别；结构层则确定哪些类别应该出现在那里。

框架层

在表现层之下是网站的框架层（skeleton）：按钮、表格、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。

表现层

在表现层（surface），你看到的是一系列的网页，有图片和文字组成。一些图片是可以点击的，从而执行某种功能。例如把你带到购物车里去。一些图片就只是图片，比如一本书的封面或网站自己的标志。

当他人让你介绍产品时你可以这么思考；当你在思考一款新产品时你可以这么思考；当你在做产品规划时候请思考一下。等等等等。。真的很厉害，大家可以经常拿出来做做练习。其实产品经理在「产品」方面的造诣，就是不断的深入这几个要素！越是深入产品的功力越的强，有表入里，层层递进。

axure自学需要多久

Axure作为产品经理最通用的原型图设计工具，是最简单、高效的原型图设计工具，没有之一，今天聊一下如何在一周内0基础学会Axure，并输出高保真原型图，进而完成90%以上的产品经理日常设计任务，甚至是输出简易版的需求文档。

这套方法在社群中验证了几个月，通过视频+社群的形式，累计帮助超过2000名同学在一周时间学会了画原型图，相信对你有所帮助。

学习过程共分为4天：

第一天：Axure基础+线框图制作（视频30min）

【作业1】：用线框图绘制微信朋友圈功能（1小时内）

第二天：高保真原型的快速制作（视频30min）

【作业2】：为微信增加“听一听”功能（列表+详情），高保真原型图输出（1小时内）

第三天：制作原型图文档（视频30min）

【作业3】：为第二天的作业制作原型图文档（1小时内）

第四天：让原型图动起来--触发事件（视频30min）

【作业4】：将前三日的作业用触发事件链接，加入至少3种以上的事件（1小时内）

详细说明请看这篇文章：

如何快速自学Axure（0基础入门教程）

新产品开发流程?

新产品开发要有一套科学的程序。一般可分为六个阶段：

1、构思的形成。

所谓构思，即创意，是指为满足某种市场需要而提出的设想。构思的主要来源：购买者、批发商和零售商、竞争者、其它来源。

2、构思的筛选。

3、营业分析。

4、产品实体开发。

5、制定生产与营销计划?。

6、新产品进入市场。

扩展资料：

产品的选择应当考虑一下因素：

1、产品的市场潜力。

2、产品的收益性。

3、市场的竞争力综合的考虑市场的容量、设计并开发出的产品能否具有竞争优势，考虑市场的竞争弱点，选择有利于发挥企业核心技术优势的产品进行设计开发。

4、可利用的资源条件考虑开发设计的产品的材质、工艺、便利程度、经济性和环保性。

参考资料来源：百度百科-新产品开发

面试做产品经理一定要求画原型图必须用AXURE嘛？

首先学会使用Axure是产品经理的一个必备技能，这个工具算是唯一一个单独为产品经理定制的工具，也是专业性的体现，当然工具始终不是最重要的，最重要的永远是使用它的人，但是唯一的工具都不掌握的话确实有问题，并且现在大部分的公司依然是使用Axure作为主要的产品设计工具，需求传递工具。

当然在面试的过程中，可以看面试官的要求，如果没有特殊要求可以也可以使用其他的产品原型工具，但是前提是挑选你最擅长的，不要弄巧成拙。

另外，也不建议直接讲产品原型文档直接发给面试官，最好导出为图片，尤其是如果涉及前一家公司的东西，不管涉密与否，都不要以原文件的形式转发。

Axure其实是一个需求传递的工具，在整个产品生命周期中，产品首先要用这个工具去设计产品原型，编写PRD文档，并将相关信息传递给整个团队。简单来说，Axure是产品从抽象化到具象化的一个关键工具，对整个产品的成功起到了非常关键的作用。

当然，现在也有一些软件在优化Axure的功能，但是这个取代不了Axure的地位和作用，而且最权威且有效的工具（市场反馈）依然是Axure。

图片来自互联网

最后对学工具的方法都是统一的 就是多练，Axure的话就是去模仿现有产品进行反向还原，画多了自然就有感觉了，另外产品的工具是一方面，思考方面，产品产生过程的一步步推进才是最后产品上线成功的最关键因素，大家也应该在学工具的同事多学产品知识，这样产品设计的才会有灵魂。

产品经理必备技能 | 如何画原型

产品经理当然要会画原型啦~

聊聊怎么画原型吧！

在画原型之前，更重要的事情，就是画 页面流程图 和 信息架构图 ！假如你没有这些东西，就开始画原型，那么等着你的就是没完没了的改改改。

页面流程图是以用户视角，看流程合理性。通常适合于跳转比较复杂的产品功能，如电商、社交产品。

为什么要画页面流程：

（1）是交互设计/原型设计的基本依据，是逻辑基础。如果你都没想好页面流转的顺序，那么你画的原型一定不是可以确定下来的版本

（2）代表了用户的操作过程，先画页面流程图能迅速发现体验问题。有了页面流程图，你可以设身处地想象用户在使用产品时的操作流程，发现其中可能出现的问题

（3）突出页面重点元素与逻辑关系，提升原型的设计效率。很多页面不是全新页面，而是在原有页面做一些修改，如果你知道页面流转顺序，那么会给你画原型减轻很多工作量

页面流程图包含：

（1）四方形：业务流程中的四方形部分，异常流程或弹层通常用菱形表示

（2）流向：主干流向和辅助流向

（3）重点元素：每个流程中，重点要体现和表达的内容是什么

画页面流程图的工具：

（1）Axure：画了页面流程图可以紧接着画原型

（2）ppt：方便讲解

需要注意的地方：

（1）回归业务流程，明确主线：页面流程一定来自于业务流程，一般为业务流程中的方形部分。异常流程一般为弹层或弹窗提示。业务流程画的好，页面流程就简单。

（2）明确页面中的重点元素：功能在页面中，有哪些是需要表现元素。增加异常流程的处理逻辑。增加辅助的帮助页面。考虑下游触发点（按钮/链接/滑动...)。

（3）沟通与优化：首先要尽可能穷举涉及的页面，然后做减法，有些页面合并或删除。通过原型草图，优化调整页面关键元素。与UI、UE、前端研发多沟通会有更好的效果。

页面流程图一般规则：

页面流程图例：

一个具体案例：

业务流程：

页面流程：

主要是分离出了普通用户的操作流程，加异常处理。

对于普通用户的关键页面和关键流向：

页面流程图：

（1）分离出5个页面，确定流程流向

（2）固定元素，例如在“1购物车”中，“提交订单”就是下游触发点，点击后流向下一个页面；在“2输入优惠码”中有关键元素“填写优惠码”，另外还有下游触发点“确认订单”...

（3）针对每个页面去画对应的原型图

信息架构图，以产品视角，看包含多少功能点。适合于层级分明的，如音乐产品、新闻客户端、阅读类产品等。

信息架构图例1：

有了页面流程图或信息架构图，现在终于可以开始画原型啦。首先，什么是产品原型设计？

产品原型 ，俗称 线框图 ，大概就是草图的意思吧。它是产品落地的关键点，是从虚拟概念到用户接触的节点。同时也是产品经理产出的关键内容，上传下达，上给老板，下给UI、UE同事。

产品从原型到上线的流程：

大公司的产品经理只需要做手绘和低保真的部分，小公司可能还要兼职交互设计...

案例：

好的原型有什么特点：

（1）整体：页面结构清晰、跳转关系明确、与业务流程一致、完整表达用户需求

（2）独立页面：功能元素明确有序、位置关系清晰、不同状态变化清晰

（3）交互设计：清晰的交互逻辑、一致交互方式、界面统一

常用工具：

（1）纸笔：自己画画，快速学习和定位

（2）白板：多人讨论

（3）软件Axure/Sketch/墨刀：产出正式文档

案例：

（1）研究流程：业务流程-页面流程

（2）确定页面框架：大概确定页面布局和大的框架

（3）画原型：画模块，确定交互细节

注意事项：

（1）尽可能用真实比例、真实文案，使元素更真实，也避免在需求评审时被之一。尽可能真实模拟极端情况，并示例清楚。

（2）紧扣需求主体，不横生枝节。如果原型需要增加新功能，一定要是来源于需求，并且要考虑后端数据来源。

（3）不要上颜色！原型就用黑白灰，不要给UI、UE挖坑

（4）目录树清晰，阅读流畅

（5）保存修改记录，关键修改重新保存文件

画/改原型的时间尽量控制在20%工作时间之内，否则就要问问自己是不是哪里出问题了哦。

产品需求想明白了没？？？

产品流程理清楚了没？？？

手绘草图画了没？？？

手绘草图和Boss确认了没？？？

产品经理是如何画原型的？

中国经济快速发展了好几年，什么样的产品都有、琳琅满目，这个充满诱惑的世界里，你要选出自己喜欢的实用的产品真有点不容易，看上去都大同小异。但是，实用下来就很大的不同，有很多都不是我们想要的结果，感觉就是花了不更花的钱，为什么会出现这样结果呢？都是企业竞争的结果，导致了这样的结果。

这个产品花花是世界里企业怎么才能也不败之地，最终还是落到产品研发上来了，不管前面工作怎么样都不行，公司以前发展怎么样、客户怎么、还行业中的第一已经都不是那么重要了，而产品研究、研发或现有的产品做精成为了每家企业关注的重点，公司的管理人员每时每刻都想着怎么开发更好的产品、比竞争对手更好的产品。

这个时候，产品经理的职责就越来越大了，在产品上他要考虑的事情比任何人都多，从源头到消费者中都得考虑进去，才能设计出、研发出、画出更好的产品原型来，给企业带来效益。一家公司的成败就在产品竞争中体现出来的，产品的好坏、美观、设计、客户满意度、适用度等都体现了市场中的竞争力，这样产品经理们功劳就功不可没了。

产品经理画原型从以下几个方面考虑：

1、研发产品针对什么样的消费群体

消费群体不一样，构思产品原型时方法以不一样，年轻的、老人、小孩都有很大的不同，消费理念都不一样。

2、研发产品的功效

功效决定了出发点，什么样的产品就在功效上体现出来，不一样的功效在设计中就有不一样的表达、描述，才能吸引客户，产生价值。

3、产品需要什么样的材料

材料不一样，设计出来、画出来的产品就不一样，看上去差不多，用起来就天差地别，所以如何选择好的材料，产品经理在研发产品过程中起到非常重要的作用，材料不好，多好的产品设计理念都不起作用。

以上只是产品经理设计、画原型时的几点，还有很多是信息需要产品经理去了解、考察，在以前的工作经验、基础上反省、产生灵感，才能设计出完美的产品来，给企业带来更大的价值。所有产品经理，如何画原型、如何设计的能力成为了企业竞争的资源，也是企业生存、基业长春的开始。