最囧游戏攻略菱形(最囧游戏攻略31关)

也许我们经常会碰到这么一副画面：很多产品经理在梳理好了产品架构的脑图之后，都会火急火燎打开原型设计工具Axure，开始进行原型设计工作去了。三下五除二就基本将产品线框图给画完了，然后就屁颠屁颠地跑去和研发工程师过需求，讨论的时候会发现：不是这里有个小问题，就是那里有个逻辑没想明白，整理整理返工，结果下一次又发现有一个流程没有考虑清楚，这样来回反复几次才能将一个产品需求和原型界面给讨论清楚。

其实，这样的场景出现的频率还比较高。想想自己第一次去和公司开发沟通的时候，也是碰到了这样的情况，被开发喷这里逻辑不对，那里漏了一种分支情况的思考，当时那个囧啊，真想找个地缝钻进去。后来才知道，在设计原型之前，其实还少了一个关键的步骤，那就是确定产品的业务流程，梳理产品的流程图。

什么是流程图

从字面来理解，流程图＝流程＋图。流程，是指特定主体为了满足特定需求而进行的有特定逻辑关系的一系列操作过程；而图呢，就是将这些流程进行显性化和书面化的一种表达。

流程图有时也称作输入-输出图，某种程度上来说，流程图是一种沟通性质的图形化语言。一般会使用一些标准符号代表某些类型的动作，如判断用菱形框表示，具体的操作行为、活动用方框表示，开始和结束用圆角矩形框表示。

但比这些符号规定更重要的，是必须清楚地描述产品业务流程的顺序及使用逻辑。从产品经理的角度来理解，流程图其实就是一个用户使用产品的过程，基本的三要素是“从哪进—做什么—从哪走”。比如用户打开一个电商APP，会有这样一个使用产品的过程：

「搜索商品」→「查看商品详情页」→「加入购物车」→「生成订单」→「开始支付」，以及支付之后的「确认收货」

用户从电商商城的首页进入，通过搜索来找到自己想要购买的商品，了解后将其加入购物车，购买了自己想要的商品，支付结束后便离开APP，待收到商品后又回到APP进行确认收货。

可以看出，只要产品用户在使用我们产品的过程中有其自身的目标和任务，产品流程就会存在。产品经理要做的，就是通过一系列步骤完成任务和流程的梳理，最终目的是帮助用户，完成核心任务。

而且制作产品流程图不仅可以帮助产品经理梳理、完善用户操作使用流程，还能有效降低团队成员间的沟通成本。在实际的工作中，产品经理需要向很多人（尤其是开发人员）描述产品需求和原型界面，借助可视化的流程图，沟通的效率会提高很多，毕竟一份步骤清晰的流程图要比一大段文字直观易懂得多。

常见的流程图分类有两种，一种是业务流程图（Transaction Flow）, 一种是页面流程图（Page Flow）。

对于产品经理来说，用的比较多的自然是业务流程图，页面流程图一般是设计师那边使用比较频繁。在工作中，我们经常能够看到两种业务流程图，一种是单纯的用户操作行为流程图，这种流程图往往只涉及一种用户角色，不需要进行跨部门或者跨功能完成某项任务，如下图所示：

另一种则很好区分，俗称为“泳道图”，在样子上也挺像游泳池里的泳道，可以有横向的泳道，也会有纵向的泳道。泳道图在某些文档里会被称为“以活动为单位的流程图”，浮在泳道中的都是一个个活动。泳道图是处理多角色、多系统、多模块的复杂需求的最好方法，它的本质就是希望可以通过角色、系统、模块的划分将复杂的功能梳理切割清晰，因此多模块之间的关联尽可能单一，实际中也很少存在多联系线条的情况，因此如果泳道之间多条关联，最好自己反思下是不是之前的功能模块架构切割的不太合理，导致绘制出来的图不够简洁。

如何确定产品流程

讲完了基础的东西，接下来我们来梳理下，该如何确定产品的流程。

首先我们要设计的是产品的核心功能流程，也就是用户的核心使用路径。拿微博进行举例，微博用户的核心操作路径是这样的：

路径一：登录微博——查看微博动态－－转发、点赞、评论微博

路径二：登录微博－－发表自己的微博－－查看私信，回复微博评论

这是微博用户最常有的两种操作行为，所以你会发现：所谓产品的核心功能流程，就是一个产品对用户产生的价值，用户要感知到这个价值需要完成的最简操作步骤。微博这个产品对用户来说，最大的价值无非就是两个方面，一个是可以碎片化地浏览资讯，一个是可以碎片化地发表自己的动态信息。用户要感知到这两个价值，就必然要做出上述的一系列操作流程和步骤。

所以，在确定产品的主干流程的时候，需要先弄清楚产品的价值到底体现在哪里，用户要完成对这个产品价值的感知，需要付出哪些行为。通过这样一个简单的分析，我们就能得出产品的主流程了。

当然，这里输出的产品主流程，只是一个产品的整体使用流程，具体到某一个功能如何进行操作使用，就需要花费更多的精力去进行细化分解。

那对于某个功能的产品操作流程梳理，我们又具体怎么来做呢？

我建议可以从下面3步着手。

1. 业务调研

如果你是在梳理一个简单的功能操作流程，或者已经比较通用成熟的产品流程，那么只需要好好研究几款产品，就可以知道常规的流程是什么样的，典型如产品的注册登录流程；但如果是梳理一个全新的业务功能流程，尤其是设计企业内部支撑系统的时候，就需要对相关业务进行系统的调研了。

其实调研的过程，倒是和我们小时候写记叙文有点相似，无非就是要解决who，what，why，how，以及where的问题：谁，在什么情况下，做了什么事情，这个事情需要什么前置条件，又输出了什么，这个事情在哪里完成的？基本上只要我们深入到业务环境里去，和业务相关人员好好沟通交流，搞明白这几个问题也不是什么难事。然后把调研结果做一个完整记录，我们的调研就可以算是圆满完成了。

举个例子：假设你老板派你去调研一个商业地产开发商的业务流程，调研的目标是为了给他们提供商铺和业主管理系统。

那么在调研中：

首先可以要求精通业务流程的人给你系统讲解一遍

调研具体操作的人，来验证他给你讲解的是否全面和是否存在偏差

实地观察和记录，可以花点时间走遍整个业务流程，了解各个细节

这里提供的三种方式可以相互结合使用。第一种方法可以让你首先建立一个全局观，了解业务的整体运行逻辑，但对于业务细节问题则不能那么深入。第二种方法比较依赖于问题的质量以及问问题的场景，这就要求我们在提问之前就做好充分的准备工作，有很多结论的不正确其实是因为问错了人或者问问题的方法不对。第三种方法的存在，就是为了在观察中再进行验证。

2. 梳理与呈现

做好了调研工作后，我们就该立即对调研结果进行整理。

首先，明确你要梳理的业务流程的范围，具体是包含哪几个功能模块，涉及到哪些用户角色，这个时候可以先使用一些关键节点，弄一份该业务流程的主干流程图出来；

接下来，就是对上面这个粗的流程图进行分解，好比去拆解一个金字塔，层层分解下去，直到不能分解为止；

最后，就是用流程图将其给画出来，通常来说，会有三种结构的流程图出现——顺序结构、选择结构、循环结构。

3. 评审与确认

一份流程图能否通过评审，关键是看其能否真正反映现实中的业务，评审主要是让业务部门和开发部门参与，如果都觉得没有问题，那么恭喜你，你的流程算是过关了。这里稍微要强调的是，好的流程图具备怎样的一些特征，大致归纳起来如下：

清晰易懂：整个流程图结构清晰，让浏览流程图的人一眼便能看懂主体流程是怎样的，这也体现了为什么要使用标准化的流程图图示语言来进行描绘的用处了；

简单明了：流程图存在的本身意义，就是为了将复杂的东西简单化。如果流程图上面密密麻麻地堆了一堆，可想而知是怎样的一种阅读体验；

完整准确：这就要求产品经理能够考虑到各种情况和逻辑判断，梳理流程图的过程，其实也是一个查漏补缺的过程，评审的意义也在于此，找出有错误的地方，大家一起来完善流程图；

上面说的这三个步骤方法，比较偏向于做后台业务功能的流程梳理和调研，其实对于to c 类的产品来说，方法都是通用的，只不过调研业务部门换成了调研用户，只有更了解用户的操作行为、习惯、心理预期才能做出更好的流程设计。

流程图的绘制工具

制作流程图的工具有很多种，比如，Visio、Axure、Smartdraw、Omnigraffle（Mac）等等，产品经理只需要选择一款适合自己的工具即可。

这里介绍几个常用工具。

1. Visio

Visio是微软推出的一款流程图制作工具，也是目前产品经理最常用的一款流程图工具。通过Visio可以方便、快速地把业务流程、系统实现流程画出来。它本身有很多的组件库，可以很方便的完成各类流程图、结构图和网络图的制作。Visio的另一个特色功能在于它有非常丰富的自带模板。

2. Omnigraffle（Mac）

OmniGraffle是由The Omni Group制作的一款绘图软件，其只能于运行在苹果电脑和iPad平台之上。个人感觉在很多方面，OmniGraffle都类似于微软的Visio，不过绘制出来的任何图表不知为何总会觉得很美，有Mac电脑的产品经理可以下载软件试试。

3. ProcessOn（支持在线协作）

ProcessOn 是一款网页版的在线作图工具，用户只需要有一个浏览器即可制作思维导图、流程图、UML图、界面原型设计、组织结构图等等。这款工具上手非常容易，而且免费，更重要的是省去了安装、授权等各种付费软件的烦恼。作为一款用 HTML5 开发的在线网页版作图工具，ProcessOn一个很大的特色就是可以做到无延迟协作，方便两个或多个人同时对一个文件协作编辑和沟通，对创业团队或者企业办公小组来说，是一款简单易用的工具。

其它常见的图——时序图、状态图

有时候光有流程图，还不能够准确完整地表达清楚业务逻辑和产品需求，这个时候就需要借助时序图和状态图来完成相关的补充说明了。

流程图、时序图、状态图都可统称为UML图，那什么是UML呢？先来看看百科是怎么解释的：

Unified Modeling Language (UML)又称统一建模语言或标准建模语言，是始于1997年一个OMG标准，它是一个支持模型化和软件系统开发的图形化语言，为软件开发的所有阶段提供模型化和可视化支持，包括由需求分析到规格，到构造和配置。 面向对象的分析与设计(OOA&D，OOAD)方法的发展在80年代末至90年代中出现了一个高潮，UML是这个高潮的产物。它不仅统一了Booch、Rumbaugh和Jacobson的表示方法，而且对其作了进一步的发展，并最终统一为大众所接受的标准建模语言。

是不是看不太懂？看不懂才是正常的表现，因为这是面向对象软件的标准化建模语言，简单地说就是一种有特殊用途的语言。

大家有空可以参考《UML基础、案例与应用》详细了解下。

这里就给大家介绍两种常见的图，一种叫时序图，一种叫状态图。介绍这两种图之前，我们先说下什么是对象，什么是类的定义吗？类就是一类事物的总称，那对象呢？对象就是这类事物中的个体，比如手机类，苹果手机就是手机类的一个对象。

1. 时序图

时序图显示对象之间的动态合作关系，它强调的是对象之间消息发送的顺序，同时显示对象之间的交互。时序图的一个用途是用来表示用例中的行为顺序。当执行一个用例行为的时候，时序图中的每条消息对应了一个类操作或引起状态转换的触发事件，如下图所示是一个ATM 用户成功登陆的时序图：

在 UML 中，时序图表示为一个二维的关系图，其中，纵轴是时间轴，时间延竖线向下延伸。横轴代表在协作中各个独立的对象。当对象存在时，生命线用一条虚线表示，消息用从一个对象的生命线到另一个对象的生命线的箭头表示，箭头以时间的顺序在图中上下排列。

2. 状态图

所谓状态图，就是用来描述一个对象的可能状态以及各个状态之间的转换关系的一种图。

上图就是典型的状态图，一本图书经过不同的触发行为或满足一定的条件，就变成了不同的状态，我们在产品设计的过程中，也会经常碰到这样的情况需要用状态图去表示。

熟悉了这么多种流程图，算是为后面的原型设计打下了坚实的基础，下一篇我们来讲具体如何做产品的原型设计。

作者：壹百度（微信公众号：倒退集），在线教育企业服务领域产品经理，创业公司Team Leader。常常自诩是文艺青年和极客青年的结合体，在宅与不宅之间可以自由切换，曾主导多款重量级产品的产品策划和设计工作。

本文由 @壹百度 原创发布于人人都是产品经理。未经许可，禁止转载。

[-海峡网]

（注：第几页就是第几关的过关方法）

史上最囧挑战攻略，下面就为大家详细讲解微信史上最囧挑战全关卡图文攻略，希望这篇通关攻略对有在玩这款游戏的小伙伴们有所帮助。

游戏简介:《史上最囧挑战》没有最囧，只有更囧!脑洞大开!快和微信上的小伙伴一起来挑战吧~!

微信史上最囧挑战第1关攻略:

什么最像小象的左耳朵?

当然是小象自己的右边耳朵咯，点击那边耳机即可。

微信史上最囧挑战第2关攻略:

点击以下最大的数字。

其实是最大个的数字~~

微信史上最囧挑战第3关攻略:

从小到大依次点击扑克牌。

顺序其实是:3-5-8-9-J(那个6其实是9)

微信史上最囧挑战第4关攻略:

什么东西在箱子前面，点击它。

点击题目上的“东西”即可。

微信史上最囧挑战第5关攻略:

观察下图组合成正确的成语。

是不是发现没有“图”字呢?你可以试试题目上!

微信史上最囧挑战第6关攻略:

清洗马桶。

拿着那个刷子在马桶旁边的3个脏东西上来回来回的刷一刷就知道咯~~

微信史上最囧挑战第7关攻略:

找到可以吃的食物。

那个钻石可以拆分的，知道真相的你有没有掉下眼泪~~

微信史上最囧挑战第8关攻略:

请把蓝球挪出钦慕屏幕。

把题目上的“蓝球”拉出去就好~

微信史上最囧挑战第9关攻略:

谁是男扮女装。

将设备颠倒过来，就能看到谁是变装大佬了~!

微信史上最囧挑战第10关攻略:

帮助长颈鹿过马路。

鹿不能移动，那就把马路向左边移动咯~

微信史上最囧挑战第11关攻略:

组合出最小的数。

直接输入2.5689

微信史上最囧挑战第12关攻略:

找出与众不同的一只猫。

将左下角的猫移开，就能看到与众不同的蓝猫了。

微信史上最囧挑战第13关攻略:

按规律顺序点击图案。

飞机1、蓝球2、蛋糕3、鹿4、煎蛋5最后青蛙6

微信史上最囧挑战第14关攻略:

让电梯下降。

把电梯直接向下拉动即可。

微信史上最囧挑战第15关攻略:

福利关卡:五星好评即可通关，

首先当然要点五星，然后要分享给一位你的微信好友即可过关~

微信史上最囧挑战第16关攻略:

点击红色按钮10次，再点击FINISH按钮。

就是按照题目字面上的意思，自己数数旁边的数字是假的!

微信史上最囧挑战第17关攻略:

让内裤消失。

用手指点住遮盖内裤一会即可~

微信史上最囧挑战第18关攻略:

屏幕上一共有几条鱼。

这样拉一拉是不是就能看到所有的鱼了~一共11条!

微信史上最囧挑战第19关攻略:

下面哪个不能吃。

如果可以你也能吃盘子就是了~(点击那个盘子即可.

微信史上最囧挑战第20关攻略:

讨厌的痘痘，挤爆它!

平时你们是怎么挤痘痘的?对~就是两只手向内!快下手吧!

微信史上最囧挑战第21关攻略:

用以下物品敲打别人的脑袋谁最疼?

这题应该不用多说什么了吧~(点击题目上的“脑袋”

微信史上最囧挑战第22关攻略:

什么是解暑的最好办法?

把云移动到太阳上，把太阳遮住即可~

微信史上最囧挑战第23关攻略:

一小时后，时针指向几?

仔细看看这个钟是不是不会动?那一个小时后当然还是停留这7啊!

微信史上最囧挑战第24关攻略:

同时点住红色电线的两端~(人体是导电的~

微信史上最囧挑战第25关攻略:

这关就比较恶心了，需要分享3次.

但是3次可以给同一个人就是了~

微信史上最囧挑战第26关攻略:

程序员小B被杀了，他的遗体趴在键盘上，电脑屏幕上留下了一串暗号2WSXDR5，请问凶手是谁?

凶手就是Vivian!

微信史上最囧挑战第27关攻略:

下图有几个黑点。

其实就是视觉的效果，一个黑点也没有!

微信史上最囧挑战第28关攻略:

点击任意位置继续。

点击题目上的“任意”即可过关~

微信史上最囧挑战第29关攻略:

计算等式，给出答案。

不用管前面的，你只要算4+5=9就好了~

微信史上最囧挑战第30关攻略:

你的室友要睡觉了，请关灯好吗?

将设备盖在桌面上即可~

微信史上最囧挑战第31关攻略:

禁止吸烟。

在红色烟头的地方多摩擦摩擦~

微信史上最囧挑战第32关攻略:

按照指示方向推箱子。

一定要从箱子的左边向右边推哦~

微信史上最囧挑战第33关攻略:

一个古老的问题，先救谁?

两个同时点击(你懂得~

微信史上最囧挑战第34关攻略:

这次有1个黑点了!黑点就是题目后面那个标点。

微信史上最囧挑战第35关攻略:

请输入下面三个最大数的和。

答案是27.

微信史上最囧挑战第36关攻略:

骚年!开动大脑让等式成立吧!

将后面拿到数字2摩擦摩擦~

微信史上最囧挑战第37关攻略:

下面四个套餐中哪个套餐最便宜?

最便宜当然是5元的那个咯~

微信史上最囧挑战第38关攻略:

套餐四的价格是多少?

是6元!不信你可以回到上一关看看~

微信史上最囧挑战第39关攻略:

后轮转10圈，前轮会转多少圈?

注意看!后轮是夹起来的!那自然不会转咯~

微信史上最囧挑战第40关攻略:

找到圆形。

题目上那个句号不就是圆的咯~

微信史上最囧挑战第41关答案

把手机倒过来即可。

微信史上最囧挑战第42关答案

摇晃手机，题目上的“不”字会掉到“好玩”的选项中变成“不好玩”，点击“不好玩”就可以过关

微信史上最囧挑战第43关答案

只要把手机倒过来既可，这样蝙蝠就可以倒挂着睡觉啦，成功进入梦想了!

微信史上最囧挑战第44关答案

只有母蚊子会叮人，所以是右下角的那只蚊子，点击即可过关。

微信史上最囧挑战第45关答案

手机竖起来，用力摇晃即可。

微信史上最囧挑战第46关答案

不仅仅是破的几个洞哦，还有袜子穿的地方，一共四个。

微信史上最囧挑战第47关答案

点击题目上的梵蒂冈即可。

微信史上最囧挑战第48关答案

这个关卡正确的答案是要输入你手机现在的时间!举个例子，你现在的时间是十二点，那么你只要输入十二点就可以了，你现在的时间是下午三点半，那么你输入15:30就可以啦。

微信史上最囧挑战第49关答案

正确答案是6.其实这个关卡有点类似脑筋急转弯，你如果按照正常的思路来通关的话，是很难过关的。我们可以把/这个符号当成是一个分行的，然后就可以约分了，把两个未知数都约掉，就只剩下six...也就是6了!

微信史上最囧挑战第50关答案

第50关就是没有关卡，你已经全部通关了。