测试类H5的设计新思维——以植物实验室为例

在信息时代，科学技术不断更新，新媒体渗透到社会的各个角落，与人们的生活息息相关。同时，手机、电脑等电子设备的崛起为信息的广泛传播开拓了新平台，尤其是H5，其凭借较低的开发成本，迅速火遍各个社交平台，获得了不少用户的青睐。现从设计策略的角度出发，以测试类H5为研究主体，对其设计特征进行阐述，思考设计中运用的创新思维和创新手法，总结设计测试类H5的制作要素。希望能够通过趣味的人格心理测试，结合植物属性，加强植物与人类的情感连接。

测试类H5设计特征基本概述

作为互联网时代新生事物的H5，具有产品轻量化、广泛兼容性、功能展现多样化、受众针对性强等特点。而测试类H5设计主要通过用户回答H5中的问题，生成关于用户的总结，例如，用户的性格类型、某项指数值、用户的对应关系、个人习惯总结等。对受众而言，该类型的H5互动参与性高、内容吸引力强，能够有效促使用户进行主动转发，传播范围更广，页面流量更高。

测试类H5设计的基本原则

1.逻辑框架：测试关卡设置

最常见的测试类型就是点击选项参与问答。在制作测试类H5时应该注意出题的逻辑，考虑测试题排布的序列问题。当前市面上测试题的出题逻辑大致可以分为单线线性型和复线线性型两种类型。

单线线性型的逻辑框架比较简单，在制作选项时，给每一个选项设置相应的分数，所有用户面对的题目都是统一的，H5的后台会根据用户的选项总分为其推送相应的结果页面。单线线性型逻辑比较适合内容较少、主题简单的测试题，这类测试的题目数量往往相对较少，以免用户在测试过程中耗费过多的时间和耐心。复线线性型测试逻辑则会根据用户选择的答案跳转至不同的问题页面，因此不同的用户选择就会推进不同的测试路径，复线线性型的测试题总数相较于单线线性型会更多，测试量较大，背后的支线也更加复杂。

2.关键要素：科学性与趣味性的统一

自我测试类H5的用户多为年轻人，其创意形式符合年轻人好玩好动的特点，轻松有趣、娱乐性强的表现形式可以吸引更多用户进行分享与传播。除此之外，也应该考虑视觉设计背后的科学性，并在保证测试题具有一定信度的同时充分考虑受众的需求，根据马斯洛需求层次理论，当人们的生理和安全需求获得满足后，就会追求更高层次的精神需求。在笔者看来，测试类H5设计的目的就是满足用户内心的社会归属感以及让用户感受自身的价值所在，因此其非常符合马斯洛需求层次理论中的尊重需要。测试类H5的测试结果通常没有负面极端的描述，而是利用巴纳姆效应采用笼统的描述，使用户感受到自身的价值。用户在完成测试后通常会将测试结果分享至社交平台，每个人的选择不同，产生的最终结果也不同，在对比不同结果后，用户会获得自我尊重与外部尊重。

受众特征分析

中国互联网络信息中心（CNNIC）发布的第51次《中国互联网络发展状况统计报告》数据显示，截至2022年12月，我国手机网民规模为10.65亿，较2021年12月新增手机网民3636万，网民中使用手机上网的比例为99.8%。我国网民男女比例为51.4:48.6，与整体人口中男女比例基本一致。20—29岁、30—39岁、40—49岁网民占比分别为14.2%、19.6%和16.7%；50岁及以上网民群体占比由2021年12月的26.8%提升至30.8%，互联网进一步向中老年群体渗透。

测试类H5的主要受众是年轻人，他们对信息非常敏感，获取信息的渠道越来越多，且多积极主动地获取信息，具有强烈的自主意识，其对社交、娱乐体验的需求也愈发多元，习惯将信息进行二次传播。年轻人大多都会经历生活或者工作上的挫折，而这种带有心理暗示的测试类H5恰恰可以帮助他们在放松之余获得正能量的心理暗示。暗示是人类最简单、最典型的条件反射，是一种被测试参与者的主观意愿所确定的假设，虽然不一定有事实根据，但是由于其在心理上对测试结果表示认同，在行动上也会出现趋向测试结果的行为。

增强自然与人类关联的H5设计创新思维

植物的情感化表现与人类性格相结合的设计策略

“作为人类，我们生活在无所不包的自然界中，并无时无刻不在与外部世界产生物质、精神和情感上的交流与互动。”2021年7月，中科院植物学博士史军的《植物塑造的人类史》中详细探讨了人类与植物的关系，让读者重新思考和审视人与植物、人与自然的关系。

基于这本书的启发，笔者从“植物”“人格测试”的角度出发，设计了一个以植物实验室为主题的测试类H5。该测试类H5瞄准都市年轻白领、学生工作压力大、生活节奏快的痛点，结合现代年轻人的社交语境，对植物的生长环境、条件以及植物语言进行剖析，给每一款植物打上标签，赋予植物表达的能力，使之能够与人“对话”并引发共鸣，强化植物与人的情感连接，在拉近植物与人之间的关系的基础上关注人的情感诉求，让用户能够感同身受，产生共鸣，从而体现出内容的深度创造价值，使内容对用户具有吸引力，有利于内容的二次传播。

引发用户情感共鸣，制造记忆点

情感是人类生活中的重要组成部分，在H5设计中巧妙融入“情感设计”，通过多种艺术处理手法表达内容，把用户引入情感与理性和谐统一的艺术境界，进而使用户产生情感共鸣。情感化的设计往往以受众为主体，贴合社会生活，直扣受众心门。结合H5的交互体验，植物实验室H5在测试题选题方面选择“菲尔人格测试”为测试依据，选择这套题目除了是因为测试本身具有一定的心理学依据之外，还因为其内容契合人们日常的行为活动，贴近日常生活，能够拉近其与用户之间的距离。用户在答题的过程中会不断反思自己的日常社交行为与自己独处时的状态，进而产生个性化的思考。其同时能够激发用户的好奇心和求知欲，使其继续完成答题并查看结果，给用户留下深刻印象，为其制造新的记忆点。

趣味社交标签，增加话题流量

用户既渴望社会身份被认同，又希望自己能与众不同。植物实验室H5根据用户人格类型的不同，为其匹配“性情”相符合的植物，根据用户答题所得总分为其推送不同的答案。测试结果通常采用笼统的描述，会让用户产生一定的认同感或归属感。测试结果会给每一种人格下定义，类似“社交标签”，人作为群居动物，对“群体归属感”的追求已经根植于人的潜意识中。海德格尔说：“我们本质上是共同体的一份子，正是在共同体中，我们学会怎样成为一个个体。”因此人类除了作为社会性的存在，通常会把自己放到某个特定群体中，获得某种和他人的联系，借由这种联系来获得对身份的确认。

除了测试结果，该页面一般会支持生成二维码或图片，方便用户对链接进行二次转发或者保存图片，以便在社交圈中分享自己性格测试的结果。

测试类H5界面设计的要素

关注内容满足用户体验需求

制作H5的目的是打动用户，向用户传达能够满足其情感体验的信息。因此，内容的选择尤为重要。在信息泛滥的时代，用户只对热度高或新鲜的信息感兴趣，其对以往单纯的人格心理测试类H5的新鲜感和兴趣度逐渐降低。测试类H5存在内容同质化现象，难以脱颖而出，给用户耳目一新的感觉。笔者在制作H5时将植物属性与人格类型相结合，植物与我们的生活环境息息相关，虽看似不起眼但却有着不小的作用，在结尾生成页面中，为用户匹配与其人格相对应的植物；文案部分利用巴纳姆效应，采用笼统、普遍的描述，通过这种方式，潜移默化地加强植物与人的情感连接，增强用户的参与感、体验感，吸引用户的关注。

巧用色彩营造氛围感

在信息爆炸式增长的时代，广告品质参差不齐，人们逐渐产生审美疲劳。如何让用户主动关注并参与H5测试，最直接的办法就是巧用色彩营造氛围感，吸引用户的目光。

合理运用色彩能够辅助图形设计，烘托氛围，植物实验室H5在视觉设计上整体采用鲜艳明快的色系（如图），整体界面色彩多而不杂，用色彩营造出一个轻松愉悦、有趣的主题氛围。每个答题界面都用不同的颜色进行区分，例如在提问用户的工作状态时，背景主色调使用的是蓝色，蓝色能够给人带来平静的感觉，非常符合用户在工作中时需要集中注意力的状态；而在询问受众睡眠状态时使用粉紫色为主色调，给人一种仿佛置身梦境中的虚幻感觉，使得页面导向清晰，更能够突出页面的重点信息。

界面色彩搭配图（笔者自绘）

利用音效增加感染力

音效虽然看似不起眼，但却发挥着至关重要的作用。选择与主题相契合的音效能够奠定整体氛围基调，让用户产生沉浸式的体验。在植物实验室H5的制作过程中，笔者添加了无人声的音乐伴奏，旋律节奏较为简单，没有太大的起伏，避免干扰用户答题心绪。设置音效的主要目的是与视觉部分相统一，调动受众的多重感官体验，引发受众共鸣。除了H5的背景音乐之外，适当的点击辅助音效也能更好地传达内容，例如在用户点击选项之后，播放辅助音效可以回应用户，为用户带来更好的体验，增加其代入感。

运用动效增添趣味性

在H5的设计中，元素不一定是静止不变的，可以根据页面的节奏赋予元素动态的形式。相较于静止的画面，人们往往会被动态画面所吸引。因此，在画面中增加恰当的动效，可以为整体的设计增添趣味性，缓解用户在浏览过程中产生的焦虑乏味等负面情绪。植物实验室在首页以及每一个答题页面都会穿插设计一些辅助动态图形，丰富画面层级，辅助性动效能够增添视觉张力。在首页部分，笔者为了吸引用户进入作答界面，在界面上使用了较多动态元素，以丰富用户的视觉感官，为了契合植物实验室的主题，将页面中涉及的植物图形进行动态旋转，页面中常见的动效大多为抖动或闪烁，主要是为了活跃气氛，并不会干扰用户答题。在用户选择完选项之后，为了帮助用户明确自己选择的选项，用户点击选项时会出现弹起的动效，让用户与H5产生一些简单的交互，给予用户回应。在页面跳转的部分采用书本翻页的效果，使前后页面变得更加流畅，在设置转场动效的时候时间不宜过长，以免出现卡顿，影响用户观感。

随着互联网时代的快速发展，人们获取信息的方式更趋于碎片化，单纯地接收信息已经不能满足受众多层次的体验与情感需求，创作者只有站在用户的角度，深入挖掘用户的兴趣点和期望的体验感，结合创新的设计思维和有效的设计表现形式，才能使H5在未来获得良性、健康、可持续的发展。笔者设计的以植物实验室为主题的测试类H5，旨在拉近用户与自然之间的关系，使用户了解植物，从植物身上汲取生命的智慧，将植物这种特殊的生命融入平常生活，更好地与其和谐共处，通过植物实验室将这一理念潜移默化地传递给用户。

由此来看，随着技术的不断更新，测试类H5在未来将拥有更大的发展空间，其设计趋势会发生一定的变化，内容和形式也会发生变革与创新，形式更加多样化，能够与受众实现无缝交流，在视觉表现形式方面也会摆脱种种刻板印象与技术限制，实现更好的发展。