您现在的位置:   首页 >> 新闻中心 >> 原型设计

从制作“打地鼠”小游戏,看对接客户的**一步

发布人:www.yunke.ai 发布时间:2021-01-01 139 次浏览

本文通过分享一个用Axure做打地鼠小游戏的小案例,希望大家通过这个案例能了解到:循环事件的设置方法;全局变量/局部变量的使用方法;函数公式的使用方法;事件用例的使用方法;数据传值的方法;倒计时的实现。

作为一名经常与客户打交道的设计师,是不是经常遇到下面的场景?

老板:只有两天时间,来不及开发产品去汇报了,做个原型吧

而去汇报了无数次后才发现客户都是这样的:

客户:这里为什么点不了啊?你们产品是不是有bug

我:这只是个原型……

客户:什么是原型?

我:就是假的,示意的。

客户:假的,可是这里又能点啊

我:……

所以,设计师除了要拥有深厚的设计功底、透彻的业务分析,还需要做出一份能以假乱真的原型。

毕竟,给客户汇报就是要尽量规避在沟通时可能造成障碍的问题,一分一秒都不能浪费

所以,最近一直想把这些内容进行整理,和大家分享。整理过程中,就产生了用axure做小游戏的想法,寓教于乐,这次就分享一个用Axure做打地鼠小游戏的小案例,通过这个案例能了解到:

  • 循环事件的设置方法
  • 全局变量/局部变量的使用方法
  • 函数公式的使用方法
  • 事件用例的使用方法
  • 数据传值的方法
  • 倒计时的实现

1. 梳理需求

不论是做什么产品的demo,首先需要梳理需求,梳理完需求就能了解到我们最终的成品大概是什么模样。我们梳理了本次的“打地鼠”游戏的需求如下:

核心功能:打地鼠,用户可以使用锤子击打随机钻出的地鼠。

配套功能:

  1. 分数记录:当击中地鼠后记一分;
  2. 游戏计时:限定游戏时长,到达指定时长后游戏截止;
  3. 展示最终分数:到达时长后展示用户分数;
  4. 设置用户昵称:用户能设置昵称,在游戏展示分数时显示,增强代入感。

2. 游戏流程

功能梳理完成后,下一步我们就需要把功能串联起来,制成流程,方便梳理制作思路。

从“打地鼠”看对接客户的**一步

3. 划分页面

我们将绘制好的流程拆分成单个的页面,将功能划分至不同的页面中(画完后纵向摆放在Axure同一个页面内即可)。

页面1:起始页面

从“打地鼠”看对接客户的**一步

页面2:游戏页面

从“打地鼠”看对接客户的**一步

页面3:结束页面

从“打地鼠”看对接客户的**一步

4. 添加交互事件

接下来我们就开始正菜啦,添加交互事件。