-01-

活动策划系列目前已更新两篇

如何快速构思一个线上活动 √

如何写一份线上活动方案 √

如何进行活动原型设计

如何撰写线上活动的设计需求

如何撰写线上活动的开发需求

第一篇讲了如何快速构思一个线上活动，第二篇写了如何撰写活动策划。那策划写完了，获得批准了，下一步就要开始思考如何通过原型设计来将整个活动落地了。

相信还没入行的童鞋，对于原型设计，应该有点陌生。所以这篇将参照论文的经典架构——是什么，为什么，怎么做，来做下简单科普。

-02-

原型设计是什么?

先来看度娘的解释：

“产品原型可以概括的说是整个产品面市之前的一个框架设计。简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。”

是不是听的一愣一愣的，其实就是把你最后想展示出来的活动页面，包括每个页面的按钮、元素，各个页面之间的流程关系，用比较简单的方式画出来。比如说：

（图片来自网络，侵删）

有人说，这不是产品经理的工作么？

没错的，原型设计大部分应该是产品经理的工作。然而做一个线上活动，需涉及设定逻辑，规划功能，设置规则，设计页面等等，基本上相当于一个简单的产品设计了（当然有的活动比较复杂的，其难度深知不亚于一个产品的设计）。

-03-

为什么要做原型设计？

知道什么是原型之后，再来说说为啥要做原型设计？

做线上活动，不就是写好活动策划写，丢给程序猿去实现就好了么？To young to native！（其实刚入行我也常这么想，不就是缺个程序员么）

之所以需要原型设计，是因为——

（1）原型可以厘清活动规则及流程

活动策划往往只描述了大致的活动形式和规则，并无具体的执行方案，所谓执行方案指的是活动的每一个流程怎么走，每一个按钮实现什么功能，每一个页面呈现什么引导或指示等等，而原型设计，就是用来厘清每一个细节的。

之前举过的例子——“摇一摇测你是三生三世中哪个角色”。

这个活动听起来很简单，就是摇一摇，然后随机出现不同的角色嘛。但是，

整个活动一共需要几个页面？

活动页面需要怎样激起用户的参与感？

摇到人物之后，下一步是什么？不满意是否可以重摇？

分享到朋友圈，是呈现什么内容？怎么样刺激其他人来参与？

以上这些问题，都不是一个简单的活动规则描述就可以解决的，而必须落实到每一个页面元素、按钮以及流程设计上。

（2）原型是与设计师、程序员沟通的有效工具

如上所述，原型可以厘清活动的元素、功能、流程，但更重要的是，原型是我们用来告诉设计师和程序员，活动最后想呈现的究竟是什么样的一套东西。

通过原型，设计师可以知道活动的各个页面各需要什么样的文案、元素，会有多少个按钮；程序员们可以知道，哪个页面需要摇一摇之后就随机出现不同的结果页面，知道某个按钮点击之后就可跳转到另外的某个具体页面等等……

这些东西如果光靠说的话，那就呵呵哒……而通过原型图例展示出来，大家的沟通成本就小了很多。

原型越完善越细致，最终由设计师和程序员做出来的东西，就离我们设想中的结果越近。

-04-

原型设计怎么做？

知道了是什么，为什么，最后就是怎么做了。

（1）选定工具

刚开始画原型，总是很容易陷入对工具的研究，总想找到一个很牛逼的工具，震慑一下领导和同事。后来有一次当我用Axure把一个自己很得意的活动原型交给领导的时候，

他：嗯，画的挺用心，用了多久

我：3天

他：这么简单的活动，下次直接拿纸和笔就行了。那啥，周末加下班，把其他工作补上来

我：……

所以，其实工具并不重要，什么Axure、Sketch、墨刀、PPT，甚至手绘都行。当然，如果嫌弃手绘和PPT显得有点low，建议就用大众版的Axure吧。

活动原型嘛，只要是用来示意活动怎么进行的，个人感觉没必要，实际工作中也没时间去搞什么高保真、低保真的。就是一个示意图，不用保真都行。

（无保真微信界面示意图，羊陪家作品）

（2）画出主要活动页面

选定工具之后，下一步就是将能想到的所有活动页面画出来，一般活动页面包括，活动封面（包括标题、活动规则等）、活动进行页面（主要进行活动的页面）、活动结束页面（活动完成后的提示页面）等等。

拿上一篇分享的活动策划“毕业心愿单”来举例子，主要页面就包括：

（3）梳理流程，进行修缮

画出主要的页面后，要将整个活动流程走一遍。看看有没有哪个页面或者功能缺失了。比如说，

查看活动规则后是不是没有返回按钮

测试一次之后，想要再测第二次，是不是有相应功能

抽中奖励后，是否有页面弹层提示如何中奖

等等……

（4）整体活动沙演

主要活动流程梳理完后，基本活动的主线原型就完成了。但是一个活动并不是只有主线流程这么简单，主线流程只是正常进行的一种情况。那当活动不正常的时候，我们是否有相应的页面来承接呢？比如说：

活动还未开始，我们应该呈现什么样的页面，作什么提示？

活动奖品被领完了，我们应该怎么提示？

活动结束了，新进来的用户又该看到什么界面？

活动出现bug了，我们应该用什么样的页面和文案来安抚客户？

这些统统都是需要考虑的。那么就需要我们通过推演的方式，把活动从开始到结束，各种可能出现的情况都要罗列出来，并进行页面设计。

总结：

整个画原型的过程其实就是“点-线-面”的过程：

先是画出各个主要页面，这些是点

然后梳理活动流程，把页面串起来，这是线

最后考虑各种不同情况下的活动流程，这是面

done！

-05-

以上大概就是本篇的主要内容了。

我知道你们想要啥，公众号中有这篇截图的那个活动原型文件，当然并不是特别完善，但是用来做示意应该是足够的了。

需要用Axure7.0以上版本才能打开。这个原型文件跟上一篇的策划是统一的，可以将活动策划和原型文件一起参考，体会整个流程。

如何获取：关注公众号，回复“原型”

下期预告：

活动策划系列的最后一篇——《如何撰写线上活动的设计/开发需求》

生活中美好的东西从来都来之不易。

羊陪家

理财学习 | 基金投资 | 财富自由践行者

知乎： 羊陪家 | 个人微信：yangpeijia002

所有文章请搜索公众号： 羊陪家