案例：开学第一课
品牌：新华社X阿里巴巴X人民教育出版社
玩法：测试+动画+视频
整理：蓝橙H5开发团队
1.详情内容上：
新华社联合人民教育出版社共同出品的测试H5，通过真人视频加动画的形式，测试用户小时候的语文成绩。作品较长，可根据自己的年龄选择不同考卷，大致有四个步骤：
①初始界面是一个上课铃，背景是写着“开学了”三个大字的黑板，点击上课铃，铃声敲响，老师走进教室，扶了扶眼镜，宣布这是开学第一天，要进行小测验。
②课桌上闪现出自上世纪50年代至今的几版语文书的样子，然后几本书同时出现在课桌上，每本书旁都有文字标出其年代，字幕引导用户选择自己记忆中的书本。
③输入名字后，开始答题，题目是语文书的课文页面，用户在下方的田字格中输入课文名字，输入完毕点击“下一题”，不会的可以选择“我忘了”，没输入完就点击下一题的话屏幕会显示“本题您还未做完”，也可点击“上一题”返回重新答题，答题完毕，点击“交卷”。
④语文老师出现，扶了扶眼镜说“试卷要家长签字”，点击“查看多少分”后，跳至最后的分数页面，卷子标题是“2019年开学小测试”，左边姓名一栏写着用户名，卷子上有红色的分数和评语，用户可保存成绩单或重新考试，最下方是出品方名字和作品二维码。
2.页面设计上：
教师由一位真人女生出演，白上衣黑裤子，黑框眼镜披肩发，说话喜欢扶眼镜等人物特点都很符合印象中小学语文老师的形象，试题和试卷都是实拍图，红色的分数和字迹，也都是小学时候的回忆，切合实际情况。
3.用户体验上：
背景音乐是《我们是共产主义接班人》，小学校园最常播放的歌曲，符合作品主题，也让整个作品沉浸在爱国爱党的氛围中。
扫描二维码查看
注：如您需要咨询本案例的详细信息，或者需要了解更多案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5玩法|小程序定制|H5技术资讯|H5课件
