为什么许多美丑产品岗位的人，会第一个「肤浅」的？

加入大家都是产品经理【起点学院】产品经理实战训练营，BAT产品总监带你手把手学产品

“原型”是我在没有转职到产品岗位时遇到的第一个词。就像你接触到的所有东西一样，最容易接触到的东西往往是最“肤浅”的。看过一些这样对产品经理进行分类的文章，第一个文件就是写文档，画原型。第二阶段是对产品的一个模块进行分析和跟进。三档把控全局，规划和推广整个产品。

他为什么喜欢让你画原型

媒体和外部声音过分强调所谓“产品用户体验”的重要性。在外人看来，用户体验无非是一个网站系统和一个符合用户心理操作的APP。所以，在所有“外人”（包括不了解产品的技术、运营、市场的人）眼中，产品经理就是这样的人。众所周知，所谓的用户体验，并不是应用运行中的“酷”，也不是整个公司提供的解决方案中的“酷”。从接触、了解、使用、体验服务、评价、售后的全过程来看，即使是某个环节的疏忽，也可能造成不好的体验。

相信在刚接触产品岗位的同学中，大家经常会被分配去画原型。做这种所谓的“动手”工作，也让很多新手觉得复制、修改、修改界面就是所谓的产品设计；因此，有些人会停留在这个阶段，然后转移到UE。有些人想了解它是真正进入产品工作。

那么问题来了：为什么很多觊觎产品工作的人最先注意到界面的美与丑？原因很简单：因为人类是视觉动物，这是学习成本最低的技能，你可以说一二三，而不必深入了解其他事物。既然刚刚进入这个行业，画图的命运是无法改变的微信scope参数错误或没有scope权限，所以一定要想想怎么画，画好。

收到请求后如何将其变成原型？

这是一个非常实际的问题。更“愚蠢”的人（实际上是在说自己）。一听到需求，我就画图。我不知道有多少菜鸟会这样做，但可能会有更多聪明人。

你为什么说它很愚蠢？因为在大多数情况下，您“听到”的需求并不是详细而具体的可执行文件。从产品经理或总监那里得到需求后，我想我明白了，并开始画它。绘制完成后，往往很可能会被掀翻。我不知道你是不是这样，但我把这种行为称为“想象力”。

反思一下，在需求端还是业务端，你收集到有价值的信息了吗？您是否与需求方深入讨论过这个需求？真的明白他想做什么吗？他想达到什么效果？什么功能？他能想出什么规则、流程和逻辑？

收集资料，整理思路，想一想，他这样做合理吗？不合理的部分，你能想出更好的解决方案吗？如果是这样，你如何用理性说服别人？然后，梳理自己的想法，再去满足需求方，直到最终确定结果。

当您基本确定需求后，请召集项目利益相关者坐下来聊天？谈什么？一个是通知利益相关者我们要做这样的事情？二是让每个功能的人了解具体的需求，是否可以实现？

因为每个人的视角不同，观察点也会不同。这时候不妨听取大家的意见，适当修改需求。但请记住：可以切碎的往往是不干扰主进程的东西；有些产品喜欢拿用户体验金牌，这样做有时会适得其反。如果产品处于早期阶段，体验可以退居二线，让功能发挥作用是关键。

这种需求评审会是对情商的一种考验。你需要说服大家，如果有一点需要调整，不会增加开发成本，那么你可以坚持下去；前提是你需要有一个常设的理由。如果没有，就放弃吧。

如果一切顺利，并且设置了要求、流程和规则，那么是时候开始考虑原型了。看过很多交互类书籍，会做焦点小组、访谈、调查、可用性测试等。说实话，不知道你们公司有没有？反正我这里没有。 .

那又怎样？然后就不需要桨来划船了。业务流程、操作流程、功能模块都开发好了，然后我画个图。如果我画一张图，我会先看很多同类型或功能相似的产品，看看这种形式是否适合我们的产品。是否可以改进，是否还有改进的余地。

接下来要考虑什么？简单来说，你的产品的核心是什么？这个设计是否突出了你想要突出的东西，是否提高了用户的使用效率，使其“友好”使用。这类互动文章很多，想必大家也经常看。

你想画一个高保真原型吗？

这个问题的道理很实际，但情况可能因公司而异。

原型图像有什么用？原型图是表达你的想法的工具，它将你的想法形象化。为谁画像？这决定了原型图像是否应该是高保真的。对于投资者来说，需要。对于技术，不是特殊需要。提供你需要的 UI，尤其是没有经验的 UI。你向谁展示它决定了你想要达到什么目的。有时原型图只需要表达清楚，有时原型图需要向你传达下游想表达什么，重点在哪里，突出什么，你想如何引导用户使用和查看，等等，这个时候就需要高保真了。

类似的事情是 PRD。珠三角做什么？是评判产品的标准。它不是可以推动产品进步的东西，而是一种法庭证词和历史档案。有时我会将PRD与图形界面结合起来，提交给下游。

但如果我说以上都是废话，很多时候高保真和低保真PRD是没用的，最后不管是什么文件都得靠嘴巴和勤劳的腿，而且多交流以避免信息。不对称。

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

我见过一些非常强大的绘画原型。就像真正的APP一样，我更喜欢一半一半。有一些美学，但我懒于一些特效交互；这些都是通过嘴巴、网上案例或文字来描述的。

我第一次画原型的时候，实在是太丑了，所以就不贴在这里吓人了。综上所述，如果你想提高你的原型设计水平，这里有几个方法适合你，它们实际上只是方法论，更需要你不断练习。

让我们先谈谈比例。无论是在网络上还是现实生活中，在我们看来和谐的东西都是比例不错的东西，制作原型时也是如此。如果你绘制的大小和真实的网页几乎一样，那么对于普通观众来说效果会很好；而对于你的下游UI，你也可以在很短的时间内了解你的意图，并且不需要你调整规模。我只做过两次网页版的设计，经验很少，但是在画WEB端的时候，我会先判断整个页面的宽度是1200px还是1000px；确定宽度、登录/注册状态栏高度和导航高度等后；比例的东西渗透到整个原型设计的每一个细节。

以我今天刚刚画的原型为例。是网页端。这是我第二次画web端。画的不好见谅。

在权衡了接口、功能、要求、提供的文字等一些条件后，对于这个汽车维修服务，我只会在首页放一些很简单的东西。使用1000px左右的页面，考虑到会有小屏的人，业务后面预约链接的操作会比较集中；内容页没有很多东西，大尺寸会显得很空旷。

先说一下布局微信scope参数错误或没有scope权限，这方面没有什么特别深奥的理论可以告诉你，我一般都是借鉴其他类似网站的布局，先画出功能和模块的大方块。就像我们在画素描的时候，先画静物的轮廓，再画细节。原型设计也是如此：过快地进入细节会缩小你的视野。一些常用的，如光栅化和黄金分割是很好的布局工具。

接下来，我们来谈谈尺寸。大小可以使一段文字或一张图片，甚至是一个区域，达到突出的效果，吸引用户的注意力。重点可以放在重点上，其他信息可以弱化。在下图中，我想将流程提示与以下操作区分开来，以营造层次感。在汽车信息部分，将车主的汽车品牌名称突出显示以吸引眼球，并将更改车辆放置在右侧以弱化它。这就是尺寸能给你带来的美~

以下是关联。我们发现，当信息堆积起来的时候，无法区分它们之间的关系，把一些不相关的信息放在一起，让人觉得很莫名其妙。做一个产品，需要有一定的总结和总结能力。相信大家不会有歧义。这个世界上有一种东西叫做空白，空白可以给你一个很好的视觉体验，无论它是否相关。把相关的东西拉近，让其他群体远离，效果立竿见影。这种轻松的感觉会让你的原型更漂亮。

最后是颜色。颜色也可以达到突出重点的目的，但控制颜色也是一项技术活，控制不好就会“开花”。比如上图中，在原设计中，我在“服务地址”的位置突出显示了“更改”；但是在和技术和界面方沟通后发现，换城市会改变价格，所以给用户一些提示~高亮，尽量软化变化，防止用户这样做，所以我用颜色来强调提示。

基本上按照上面的思路想一想，就可以画出一张可以看到的过去的原型图。但是经过UI处理后，你会发现原型还是原型。这样的满足不容易，作为画家，真的不应该满足。

那如何才能慢慢摆脱“画家”的称号

我非常喜欢一个叫做“用户体验五要素”的理论；这种方法论非常强大，让你在任何问答和思考中都能保持清晰的逻辑思维状态。

它包括以下五个层次：

战略层

一个网站的范围基本上是由网站的策略决定的。这些策略不仅包括运营商对网站的需求，还包括用户对网站的需求。以我们的在线书店为例，一些战略目标是显而易见的：用户想买书，我们想卖书。其他目标可能不太容易表达。

作用域层

结构层决定了网站的各种特性和功能的最合适的组合，构成了网站的范围层。一些图书销售网站提供了一项功能，允许用户保存他们以前的邮寄地址，以便他们可以再次使用它。此功能（或任何功能）是否应该成为网站的功能之一是范围层需要解决的问题。

结构层

与框架层相比，更抽象的层是结构层，框架是结构的具体表现。框架层决定了我们结帐页面上交互元素的位置；结构层用于设计用户如何访问页面以及他们完成某事后可以去哪里。框架层定义了导航栏上项目的排列方式，允许用户浏览不同类别的书籍；结构层决定了哪些类别应该出现在那里。

框架

在表示层之下是网站的骨架：按钮、表单、照片和文本区域的位置。框架层用于优化设计布局，以最大限度地发挥这些元素的效果和效率 – 这样您就可以记住在需要时识别并找到购物车按钮。

表示层

在表示层（表面）中，您会看到一系列由图片和文字组成的网页。某些图像可单击以执行特定功能。例如，带您到购物车。有些图像只是图像，例如书籍的封面或网站自己的徽标。

当有人要求您介绍产品时，请这样想；当您考虑新产品时，请这样想；当你在做产品规划时这样想。等等等等。。真的很神奇，你可以随时拿出来练习。其实，产品经理在“产品”上的造诣，就是不断深化这些元素！你越深入产品，你的技能就会越强。

我最近听到一位“大师”说：孩子，解决问题是产品应该做的，你应该少看互动和体验。

“我”说：师父，请下山看看，我们凡间，说吧。哈哈。