这份测试题H5集合，够你琢磨一年
这份测试题H5集合，够你琢磨一年
测试题H5已经是一种非常常见的H5类型，其形式居多，不管是对目标受众做小调查，还是品牌互动营销，如果将测试题H5制作的丰富有趣，相对容易被大众所接受。但如何策划制作一份优秀的测试题H5，还是需要考虑很多内容的。
今天，小编将大家最关心的制作问题整理，供大家学习参考。测试题的形式并不固定，大家都是根据个人需求来制作，但往往脱离不了这几个问题：
1.答题结束要不要判断正误，显示正确答案？
2. 怎样计算总分？
3. 怎样根据不同分值让答题者得到不同的结果？
4.怎样收集答题数据？
这些都是基本要考虑的，接下来就是关于测试题的策划思路及制作。
首先，根据现有案例，我们从答题顺序、出题方式、答题方式、答题后的提示方式、最终结果呈现方式几个角度进行了分类，一起看下按照这些分类，都有哪些现成案例供参考：
一、按答题顺序分类
1.按顺序答题
案例：意派学院入学考试
2.随机抽取题目进行回答
案例：随机测试题应用
二、按出题方式分类
1.图文并茂：比纯文字题干更加丰富有趣
案例：测测你有多加拿大
2.语音出题：让答题者更专注
案例：猜电影
3.短视频交互
三、按回答方式分类
1.语音答题
案例：语音识别闯关
2.脑力+眼力答题
案例：眼脑劳动大比拼
3.脑力+拖放交互答题
案例：快来挽回你的记忆力
四、按答题后的提示方式分类
语音回应答题是否正确
案例：方言表白听力大赛
五、按最终结果分类
1.常规：根据不同分值给出不同结果
案例：灵魂测试
2.随机结果
3.没有正确答案，只有根据不同的选择得出不同分值。
案例参考：2018你会收获多少桃花运
除了根据分类来考虑策划，还要从整体策划流程来把握。
一、策划思路参考
二、个别问题细化
1.答题结束后要做什么，有以下几种方式：
（1）答题结束直接跳转至下一题
案例参考：测测你的童心指数
（2）选择结束后，允许答题者重新选择，点击下一题或确定按钮后，再跳转至下一题
案例参考： 意派学院入学考试
（3）无论答题者选择正确与否，不会告知答题者答案，只会告知正误
案例参考：315消费者常识大测评
（4）每次答题，不管选择正误，都要显示正确答案注解
案例参考：六一特辑｜童年纪念馆
2.每次答题结束后，要怎样呈现答案或者注解：
（1）如幻灯图片+语音文字解说
（2）显示答题分数／状态栏
案例参考：两会知识竞猜
（3）选择结果统一展示
案例参考：世界杯知多少
3.要不要收集数据，如何收集？
需要收集数据的话，直接用高级表单下的选择项结合参数变量设置，达到计分跟统计结果的目的，具体教程 。
三、具体组件及设置（大家问的最多的）
1.用意派Epub360来制作测试题H5，一定要会用以下几个组件：
① 参数变量组件：用于统计并记录得分；或用来记录答了几道题；随机答题也离不开随机参数。
② 随机参数：参数变量的类型修改为随机数，参数变量就变成了随机参数，该参数就会拥有很多随机值，在什么范围内取值，可以自定义。
③ 测试题组件：组织答案，设置正误选项；测试题组件本身带有参数的属性，可以记录当前题得分。
④ 图片按钮组件：跟测试题组件组合使用，用于显示选项。
⑤ 全局变量或者全局参数：用于记录总分，可以兼顾整个作品中的分数计算，只要有哪个题目，得了分，就要把分加给全局参数或全局变量，总分就是这么计算来的。
全局变量：
· 全局参数：是指放在Masterpage页面的参数变量。
全局参数跟全局变量有什么区别：
· 全局参数功能更多一些：类型上比全局变量多一个随机数类型；可以有一个文本组件显示全局参数的值；可以设置触发条件；但是必须到Masterpage页面去添加。
· 全局变量不能直接显示自己的值，需要赋值给文本组件或者输入框等组件来显示。
⑥ 热区：防止用户二次选择，用于遮挡手势，常放置在所有选项的最顶层，初始隐藏，在选择某个答案后不允许答题者再次选择。
2.还有一定要会用的触发行为：
① 设置参数值：表达式计算。就像小时候的加减乘除计算公式，我们可以用这个触发行为完成，将每一题的得分加到总分参数里。
设置参数值的触发行为在哪里
② 显示元素：用于显示某个最初并未显示在页面上的元素。如答题者进入答题页，防止该答题者直接进入下一题，可以将跳转到下一题的按钮初始隐藏；选择答案后，再显示下一题的按钮，就要用这个触发行为。
③ 跳转页面：常用于跳转至下一题时用。给下一题的按钮设置该触发行为。
如果是随机跳转可能要设置的复杂些，到Masterpage页面添加一个随机参数，每次点击下一题时，跳转页面都根据这个参数值跳转，分两步简单介绍下：
（1）到Masterpage页面添加参数变量
（2）点击每个题目的下一题按钮，跳转页面时根据参数跳转。
④ 执行参数判断：这个要结合参数变量的触发条件来设置，对于答题得分的处理，会根据不同的得分跳转到不同页面或显示不同内容，这个设置就是设置触发条件的过程。
而这个触发条件自己不会执行，就需要通过点击等方式来执行这个触发条件，这个过程就是执行参数判断。分两步：
（1）在Masterpage页面的总分参数要设置触发条件
（2）通常是在最后一题的上面查看结果（随机答题要另外设置，暂不作讲解，需要的可在留言区留言）
了解完相关组件和触发行为，去尝试做一个完整的测试题案例吧：测试题案例教程。
另，针对测试题H5的制作，我们将在7月上旬组织一次公开课，分节讲解不同类型测试题H5的思路及制作，敬请期待！
--
End --
推荐阅读
2018年升级版攻略 | 零基础，如何入门学习H5设计
刷屏朋友圈的合成海报H5，究竟是怎么回事？
听说横屏比竖屏H5更更更酷炫！
关注更多H5设计、案例、资讯
意派Coolsite360交互式线网页编辑系统
“创意不该受技术束缚，交互可以变得简单有趣”
