为了响应国家的号召，做好反诈宣传活动，宣传《反诈法》，帮助更多用户识别网络诈骗套路，避免网络诈骗陷阱，蚂蚁集团联合公安部推出了这款反诈趣味测试H5，这款活动以测试问答的方式，将7道反诈宣传题目放置在测试过程中，通过引导用户完成7道选择题，向用户科普法律条文，达到宣传普法的目的。

一、活动玩法

1、loading页：充满科技感的进度条在由0和1组成的代码背景中向前加载，有一种象征未来的技术氛围，也与反诈宣传H5的主题紧密相关。

2、首页：闪动入目的标题文案直点主题，“测一测你对《反诈法》了解有多少?”一目了然，让用户清楚明确此支H5的内容形式。从电子屏幕中冲出的警察和浮动的安全小卫士体现了一种守护的威严感和安全感，契合主题。

3、答题页：7道题目在活页笔记本中呈现，营造了一种答题的场景感，每道题目选择后会出现及时的反馈，答对选项变绿，打上对勾，答错选项变红，标记错号，清晰明了。同时，题目文字嵌入到不同的场景插画中，丰富有趣，使用户更有代入感，用户在男孩和女孩的引导下作答，回答后收获相应的反馈，如答对后人物会说“很棒，有良好的《反诈法》常识！”，打错后会弹出与题目对应的法律科普弹窗，这样的知识型情感互动使体验过程更加生动，趣味十足。

4、海报页：根据用户答对的题目数不同，给与其不同的称号，文案的落脚点也都是正向正能量的，如果分数低，就鼓励用户再接再厉，要是分数高，就赞美用户“学富五车”，这样高唤醒情绪氛围的营造，使用户更愿意去进行二次体验或是分享给其他好友，文案与插图的配合也相对独立，海报视觉上的丰富创意也更易于引发用户自发进行分享传播。

二、页面设计

1、H5的主视觉颜色是充满科技感与未来感的深蓝色，与网络、技术、电信等名词拥有相契合的视觉感受，营造了一种数字空间雾里看花的氛围，巧妙体现了H5“反电信诈骗法律宣传”的主题。

2、设计细节丰富，充满巧思。深蓝色背景中嵌入的“0”和“1”代码排列组合，使用户在体验中更有身处数字空间的感受，警察人物IP、摞起来的金钱金币、从屏幕中伸出来的数码手等设计元素的排布背后意涵深刻，一只破屏而出的数码手伸向金币，寓意电信诈骗，而飞冲而来的警察奋力制止这一惨剧的发生，则象征着公安系统和法律守护用户的电信安全，视觉语言精准有趣。

这款公益H5宣传活动，无论是内容还是交互设计都十分用心，结合测试答题环节可以加深用户对于活动以及反诈知识点映像，能够良好的帮助大家学习反诈知识，辨别反诈骗局，是一款比较优质的活动。