记录下自己第一个小程序的的设计思路以及成果

我一直在小黑盒社区做Steam诈骗的技术深度科普。但是这些文章因为推流算法会随着时间流逝而沉寂。这对于具有长尾效应的文章来说是一个噩梦。
恰好最近小黑盒上线了小程序功能,我就想着那就把这部分知识做成小程序,此后我就维护小程序更新,玩家可以更轻松的分享这部分知识给朋友。

小程序上线不到一周,累积不重复用户12698个,其中9月26日那天写了一个帖子进行推广,其他日子则没有,对于没有推广的小程序,在最近一天仍然有777个独立用户访问,对我来说很欣慰

55575-nn497ju30de.png

我想把整个设计过程记录下来,分享我设计这个小程序的思路


知识类什么形式最深得人心?

如果我只是在小程序里陈列文章,这样的效果会非常枯燥
因此我就想,那干脆把各种骗局做成问答形式,并在选错时立即解析,马上给玩家植入记忆。从而达到反诈科普的目的
题目不能多、难,所以精挑细选了14道题目

03727-yrhbs4lj38k.png


设计激发用户分享欲

小程序设计了几处可能会激发用户分享欲的地方

1、正经问答题,加入幽默答案

是的,这是一份礼物、兄弟们这个我是真喜欢等等,这些都是真实的用户心理反应,同时也是被人津津乐道的反讽问答
76716-hg84tvlli6i.png

2、正反向排行榜

我一开始认为排行是没必要的,因为目的在于科普,而不是在于竞技。
后来细想了一下,既然目的是推广科普,那么过程只需要朝着目的去设计就好
所以我设计了正向排行榜,又快又准的排前面
第二个版本又增加了反向排行榜(保健品精准用户榜单),又慢又错的排前面
结果如我所料,尤其是反向排行榜的分享量很大。大家都喜欢拿这个榜单开玩笑

33187-g5xetsdk0du.png

3、排行榜设计的小心思

上面的图你如果仔细观察就会发现,正反榜单 前3的成绩,非常离谱,不太可能是人能做到的。
这个其实是我故意留下的漏洞,
问答题的计时器,会读取系统时间,相减得到答题时间
因此想冲榜的玩家很快会发现,只要修改系统,就能精确控制答题时间

我这里的设计理念有两个:
1、我不做完美的程序,某些设计引导要让用户觉得自己非常聪明
2、越离谱的排行榜,被分享讨论的可能性越大

从社区的分享里看,1和2都印证了。一批乐于冲榜得到夸张成绩的人,引发了一群吃瓜群众的讨论。

4、给用户颁发成就

几乎所有游戏都有成就系统,玩家会为这个目标去努力
为此,为了玩家能够识别所有常规骗局,问答题全作对才会获得一张金卡

92779-44qntcf3qe6.png


常规的知识库

在前面的设计中,用户觉得足够有趣时,那么这个常规知识库就会发挥最大的作用
实际上,我把绝大部分的知识,都放在了知识库里,前面的问答只是引流(只有用户觉得好玩、有趣,才会去看正经知识)

95473-wtaifv1o6d.png


动效设计

我太喜欢做动效设计了,这些动效能给用户情绪价值

在没获得金卡之前,用户点击学习卡会有一个轻微翻转效果,获得金卡后,会自动翻转

▶ 点击播放

反诈榜的特效是,点击会回弹的冠军奖台,会触发反诈lOGO引导所有人起飞
保健品榜单则是,倒数3名吊在奖台上,会随着时间而摔下来

▶ 点击播放

UI设计

看多了AI直出效果,会感觉设计很廉价,所以我使用了自己的设计风格:扁平卡片+茉莉奶白配色进行了调整,包括Docker的毛玻璃效果,按钮图标突出到Docker栏之上增加视觉效果等等。
这块甚至不需要用到Stitch去做高保真,还是挺省心的。

2449439639.png

写在最后

整个小程序到目前为止,所有我想做的功能、动效都实现了。
也挤进了小黑盒第三方小程序第4名,算是一个好的开头

34264-knsv56u7imo.png