很喜欢《一站到底》这个栏目,只要有空基本上每周四五都会看,喜欢这种以游戏的形式享受答题科普知识,甚至还带有些刺激过瘾的味道,这种新颖的过程设计让曾经的低迷的答题类节目重回观众追捧,这就是策划成功的表现。其实看完节目后就想到把这个游戏做成手机应用也很适合,让每一个人都可以随时体验到这种答题的乐趣,也准备着手策划开展,写方案书,结果节目开播不久这个应用也就在APPStore上市了,而且这款APP应用也同样火热,拿到了APPStore中国区总榜第二名的成绩。
其实类似这类游戏也可以在每个小范围的团队中随时体验,所以我这个原型主要就是为了业余在公司里玩玩的,大家一起感受答题的乐趣,并可以根据实际情况设定相应的处罚。可以达到活跃团队氛围,给办公室的增添点欢乐,给大伙减减压。我这里的游戏规则是这样设计的,主持人用投影仪演示并操作这个原型,其它同事站成一排做为选手,主持人对答题结果直接点击对应按钮,处罚就是以下这样的,是不是有点搞啊哈哈。
首先准备好些素材,主要是音效素材,看到很多人在网上问需要一站到底里和这个音效那个音效,结果都找不全。这里有个小技巧,去APP Store下载《一站到底》应用到电脑,把后缀名.ipa改成 .rar然后解压出所有文件,里面有一站到底的各种音效和图片,其它应用的素材也可以通过这种方法取到,看到你梦寐以求的各种素材一下出现在眼前是不是很兴奋啊,这里还需要制作一个倒计时,我是在网上找的一个素材再改成30秒的倒计时,并导入计时音效。为了体验效果更好,最后3秒时间数字用了黄色预警。而且最后3秒的声音也很特别哦。
再来说一下Axure中用到了哪些组件,题板滑屏切换只有到动态面版,通过点击上一题、下一题改变动态面版的X轴坐标值,并设置摆动动画效果,这里是把所有题目放在动态面版的一个状态中,如果题较多可能维护不方便,还需要改进。再就是各种音效,Axure中不能直接插入Flash和Mp3等文件,这里全都是用Frame框架嵌套调用的,细心的同学可能会发现有几个小格子在界面上,那就是Frame框架,其实还可以把他们藏得更深些。先把各种音效和动画用Html做好。点击开始,调用“切题音效、倒计时音效”以及改变题版位置切换到题目,用的音效比较多,所以体验效果很好。
主界面有以下元素:
答题面版:滑屏显示题目。
上一题(下一题):切换题目,并播放切换题音效。
暂停:中场休息,其它这个按钮是准备显示答案的,答案太多,不愿输入了。
答对:答对播放答对声音,并切换到下一题并开始倒计时。
答错:显示处罚表情及播放答错声音,同时播放一段稍微长一点的背景音乐供选对手。这时只能点击“下一题”按钮继续开始。
免答权:主选手有免答权,点击免答权立即重新计时,另一方作答。
主界面
答错界面(罚金鸡独立 )
休息界面(这个可以没有)
主持人操作这个原型,根据答题情况,操作相关按钮。除了答题时间有限制外,所有过程全部可以由主程人控制,所以也可以用在比较正式场合。有些交互体验需要再人优化哈,欢迎有兴趣的同学可以一起讨论。
本文由作者原创,转载请注明出处,谢谢。