在信息時(shí)代，科學(xué)技術(shù)不斷更新，新媒體滲透到社會(huì)的各個(gè)角落，與人們的生活息息相關(guān)。同時(shí)，手機(jī)、電腦等電子設(shè)備的崛起為信息的廣泛傳播開(kāi)拓了新平臺(tái)，尤其是H5，其憑借較低的開(kāi)發(fā)成本，迅速火遍各個(gè)社交平臺(tái)，獲得了不少用戶的青睞?，F(xiàn)從設(shè)計(jì)策略的角度出發(fā)，以測(cè)試類H5為研究主體，對(duì)其設(shè)計(jì)特征進(jìn)行闡述，思考設(shè)計(jì)中運(yùn)用的創(chuàng)新思維和創(chuàng)新手法，總結(jié)設(shè)計(jì)測(cè)試類H5的制作要素。希望能夠通過(guò)趣味的人格心理測(cè)試，結(jié)合植物屬性，加強(qiáng)植物與人類的情感連接。

測(cè)試類H5設(shè)計(jì)特征基本概述

作為互聯(lián)網(wǎng)時(shí)代新生事物的H5，具有產(chǎn)品輕量化、廣泛兼容性、功能展現(xiàn)多樣化、受眾針對(duì)性強(qiáng)等特點(diǎn)。而測(cè)試類H5設(shè)計(jì)主要通過(guò)用戶回答H5中的問(wèn)題，生成關(guān)于用戶的總結(jié)，例如，用戶的性格類型、某項(xiàng)指數(shù)值、用戶的對(duì)應(yīng)關(guān)系、個(gè)人習(xí)慣總結(jié)等。對(duì)受眾而言，該類型的H5互動(dòng)參與性高、內(nèi)容吸引力強(qiáng)，能夠有效促使用戶進(jìn)行主動(dòng)轉(zhuǎn)發(fā)，傳播范圍更廣，頁(yè)面流量更高。

測(cè)試類H5設(shè)計(jì)的基本原則

1.邏輯框架：測(cè)試關(guān)卡設(shè)置

最常見(jiàn)的測(cè)試類型就是點(diǎn)擊選項(xiàng)參與問(wèn)答。在制作測(cè)試類H5時(shí)應(yīng)該注意出題的邏輯，考慮測(cè)試題排布的序列問(wèn)題。當(dāng)前市面上測(cè)試題的出題邏輯大致可以分為單線線性型和復(fù)線線性型兩種類型。

單線線性型的邏輯框架比較簡(jiǎn)單，在制作選項(xiàng)時(shí)，給每一個(gè)選項(xiàng)設(shè)置相應(yīng)的分?jǐn)?shù)，所有用戶面對(duì)的題目都是統(tǒng)一的，H5的后臺(tái)會(huì)根據(jù)用戶的選項(xiàng)總分為其推送相應(yīng)的結(jié)果頁(yè)面。單線線性型邏輯比較適合內(nèi)容較少、主題簡(jiǎn)單的測(cè)試題，這類測(cè)試的題目數(shù)量往往相對(duì)較少，以免用戶在測(cè)試過(guò)程中耗費(fèi)過(guò)多的時(shí)間和耐心。復(fù)線線性型測(cè)試邏輯則會(huì)根據(jù)用戶選擇的答案跳轉(zhuǎn)至不同的問(wèn)題頁(yè)面，因此不同的用戶選擇就會(huì)推進(jìn)不同的測(cè)試路徑，復(fù)線線性型的測(cè)試題總數(shù)相較于單線線性型會(huì)更多，測(cè)試量較大，背后的支線也更加復(fù)雜。

2.關(guān)鍵要素：科學(xué)性與趣味性的統(tǒng)一

自我測(cè)試類H5的用戶多為年輕人，其創(chuàng)意形式符合年輕人好玩好動(dòng)的特點(diǎn)，輕松有趣、娛樂(lè)性強(qiáng)的表現(xiàn)形式可以吸引更多用戶進(jìn)行分享與傳播。除此之外，也應(yīng)該考慮視覺(jué)設(shè)計(jì)背后的科學(xué)性，并在保證測(cè)試題具有一定信度的同時(shí)充分考慮受眾的需求，根據(jù)馬斯洛需求層次理論，當(dāng)人們的生理和安全需求獲得滿足后，就會(huì)追求更高層次的精神需求。在筆者看來(lái)，測(cè)試類H5設(shè)計(jì)的目的就是滿足用戶內(nèi)心的社會(huì)歸屬感以及讓用戶感受自身的價(jià)值所在，因此其非常符合馬斯洛需求層次理論中的尊重需要。測(cè)試類H5的測(cè)試結(jié)果通常沒(méi)有負(fù)面極端的描述，而是利用巴納姆效應(yīng)采用籠統(tǒng)的描述，使用戶感受到自身的價(jià)值。用戶在完成測(cè)試后通常會(huì)將測(cè)試結(jié)果分享至社交平臺(tái)，每個(gè)人的選擇不同，產(chǎn)生的最終結(jié)果也不同，在對(duì)比不同結(jié)果后，用戶會(huì)獲得自我尊重與外部尊重。

受眾特征分析

中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）發(fā)布的第51次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》數(shù)據(jù)顯示，截至2022年12月，我國(guó)手機(jī)網(wǎng)民規(guī)模為10.65億，較2021年12月新增手機(jī)網(wǎng)民3636萬(wàn)，網(wǎng)民中使用手機(jī)上網(wǎng)的比例為99.8%。我國(guó)網(wǎng)民男女比例為51.4:48.6，與整體人口中男女比例基本一致。20—29歲、30—39歲、40—49歲網(wǎng)民占比分別為14.2%、19.6%和16.7%；50歲及以上網(wǎng)民群體占比由2021年12月的26.8%提升至30.8%，互聯(lián)網(wǎng)進(jìn)一步向中老年群體滲透。

測(cè)試類H5的主要受眾是年輕人，他們對(duì)信息非常敏感，獲取信息的渠道越來(lái)越多，且多積極主動(dòng)地獲取信息，具有強(qiáng)烈的自主意識(shí)，其對(duì)社交、娛樂(lè)體驗(yàn)的需求也愈發(fā)多元，習(xí)慣將信息進(jìn)行二次傳播。年輕人大多都會(huì)經(jīng)歷生活或者工作上的挫折，而這種帶有心理暗示的測(cè)試類H5恰恰可以幫助他們?cè)诜潘芍喃@得正能量的心理暗示。暗示是人類最簡(jiǎn)單、最典型的條件反射，是一種被測(cè)試參與者的主觀意愿所確定的假設(shè)，雖然不一定有事實(shí)根據(jù)，但是由于其在心理上對(duì)測(cè)試結(jié)果表示認(rèn)同，在行動(dòng)上也會(huì)出現(xiàn)趨向測(cè)試結(jié)果的行為。

增強(qiáng)自然與人類關(guān)聯(lián)的H5設(shè)計(jì)創(chuàng)新思維

植物的情感化表現(xiàn)與人類性格相結(jié)合的設(shè)計(jì)策略

“作為人類，我們生活在無(wú)所不包的自然界中，并無(wú)時(shí)無(wú)刻不在與外部世界產(chǎn)生物質(zhì)、精神和情感上的交流與互動(dòng)。”2021年7月，中科院植物學(xué)博士史軍的《植物塑造的人類史》中詳細(xì)探討了人類與植物的關(guān)系，讓讀者重新思考和審視人與植物、人與自然的關(guān)系。

基于這本書(shū)的啟發(fā)，筆者從“植物”“人格測(cè)試”的角度出發(fā)，設(shè)計(jì)了一個(gè)以植物實(shí)驗(yàn)室為主題的測(cè)試類H5。該測(cè)試類H5瞄準(zhǔn)都市年輕白領(lǐng)、學(xué)生工作壓力大、生活節(jié)奏快的痛點(diǎn)，結(jié)合現(xiàn)代年輕人的社交語(yǔ)境，對(duì)植物的生長(zhǎng)環(huán)境、條件以及植物語(yǔ)言進(jìn)行剖析，給每一款植物打上標(biāo)簽，賦予植物表達(dá)的能力，使之能夠與人“對(duì)話”并引發(fā)共鳴，強(qiáng)化植物與人的情感連接，在拉近植物與人之間的關(guān)系的基礎(chǔ)上關(guān)注人的情感訴求，讓用戶能夠感同身受，產(chǎn)生共鳴，從而體現(xiàn)出內(nèi)容的深度創(chuàng)造價(jià)值，使內(nèi)容對(duì)用戶具有吸引力，有利于內(nèi)容的二次傳播。

引發(fā)用戶情感共鳴，制造記憶點(diǎn)

情感是人類生活中的重要組成部分，在H5設(shè)計(jì)中巧妙融入“情感設(shè)計(jì)”，通過(guò)多種藝術(shù)處理手法表達(dá)內(nèi)容，把用戶引入情感與理性和諧統(tǒng)一的藝術(shù)境界，進(jìn)而使用戶產(chǎn)生情感共鳴。情感化的設(shè)計(jì)往往以受眾為主體，貼合社會(huì)生活，直扣受眾心門(mén)。結(jié)合H5的交互體驗(yàn)，植物實(shí)驗(yàn)室H5在測(cè)試題選題方面選擇“菲爾人格測(cè)試”為測(cè)試依據(jù)，選擇這套題目除了是因?yàn)闇y(cè)試本身具有一定的心理學(xué)依據(jù)之外，還因?yàn)槠鋬?nèi)容契合人們?nèi)粘５男袨榛顒?dòng)，貼近日常生活，能夠拉近其與用戶之間的距離。用戶在答題的過(guò)程中會(huì)不斷反思自己的日常社交行為與自己獨(dú)處時(shí)的狀態(tài)，進(jìn)而產(chǎn)生個(gè)性化的思考。其同時(shí)能夠激發(fā)用戶的好奇心和求知欲，使其繼續(xù)完成答題并查看結(jié)果，給用戶留下深刻印象，為其制造新的記憶點(diǎn)。

趣味社交標(biāo)簽，增加話題流量

用戶既渴望社會(huì)身份被認(rèn)同，又希望自己能與眾不同。植物實(shí)驗(yàn)室H5根據(jù)用戶人格類型的不同，為其匹配“性情”相符合的植物，根據(jù)用戶答題所得總分為其推送不同的答案。測(cè)試結(jié)果通常采用籠統(tǒng)的描述，會(huì)讓用戶產(chǎn)生一定的認(rèn)同感或歸屬感。測(cè)試結(jié)果會(huì)給每一種人格下定義，類似“社交標(biāo)簽”，人作為群居動(dòng)物，對(duì)“群體歸屬感”的追求已經(jīng)根植于人的潛意識(shí)中。海德格爾說(shuō)：“我們本質(zhì)上是共同體的一份子，正是在共同體中，我們學(xué)會(huì)怎樣成為一個(gè)個(gè)體?！币虼巳祟惓俗鳛樯鐣?huì)性的存在，通常會(huì)把自己放到某個(gè)特定群體中，獲得某種和他人的聯(lián)系，借由這種聯(lián)系來(lái)獲得對(duì)身份的確認(rèn)。

除了測(cè)試結(jié)果，該頁(yè)面一般會(huì)支持生成二維碼或圖片，方便用戶對(duì)鏈接進(jìn)行二次轉(zhuǎn)發(fā)或者保存圖片，以便在社交圈中分享自己性格測(cè)試的結(jié)果。

測(cè)試類H5界面設(shè)計(jì)的要素

關(guān)注內(nèi)容滿足用戶體驗(yàn)需求

制作H5的目的是打動(dòng)用戶，向用戶傳達(dá)能夠滿足其情感體驗(yàn)的信息。因此，內(nèi)容的選擇尤為重要。在信息泛濫的時(shí)代，用戶只對(duì)熱度高或新鮮的信息感興趣，其對(duì)以往單純的人格心理測(cè)試類H5的新鮮感和興趣度逐漸降低。測(cè)試類H5存在內(nèi)容同質(zhì)化現(xiàn)象，難以脫穎而出，給用戶耳目一新的感覺(jué)。筆者在制作H5時(shí)將植物屬性與人格類型相結(jié)合，植物與我們的生活環(huán)境息息相關(guān)，雖看似不起眼但卻有著不小的作用，在結(jié)尾生成頁(yè)面中，為用戶匹配與其人格相對(duì)應(yīng)的植物；文案部分利用巴納姆效應(yīng)，采用籠統(tǒng)、普遍的描述，通過(guò)這種方式，潛移默化地加強(qiáng)植物與人的情感連接，增強(qiáng)用戶的參與感、體驗(yàn)感，吸引用戶的關(guān)注。

巧用色彩營(yíng)造氛圍感

在信息爆炸式增長(zhǎng)的時(shí)代，廣告品質(zhì)參差不齊，人們逐漸產(chǎn)生審美疲勞。如何讓用戶主動(dòng)關(guān)注并參與H5測(cè)試，最直接的辦法就是巧用色彩營(yíng)造氛圍感，吸引用戶的目光。

合理運(yùn)用色彩能夠輔助圖形設(shè)計(jì)，烘托氛圍，植物實(shí)驗(yàn)室H5在視覺(jué)設(shè)計(jì)上整體采用鮮艷明快的色系（如圖），整體界面色彩多而不雜，用色彩營(yíng)造出一個(gè)輕松愉悅、有趣的主題氛圍。每個(gè)答題界面都用不同的顏色進(jìn)行區(qū)分，例如在提問(wèn)用戶的工作狀態(tài)時(shí)，背景主色調(diào)使用的是藍(lán)色，藍(lán)色能夠給人帶來(lái)平靜的感覺(jué)，非常符合用戶在工作中時(shí)需要集中注意力的狀態(tài)；而在詢問(wèn)受眾睡眠狀態(tài)時(shí)使用粉紫色為主色調(diào)，給人一種仿佛置身夢(mèng)境中的虛幻感覺(jué)，使得頁(yè)面導(dǎo)向清晰，更能夠突出頁(yè)面的重點(diǎn)信息。

界面色彩搭配圖（筆者自繪）

利用音效增加感染力

音效雖然看似不起眼，但卻發(fā)揮著至關(guān)重要的作用。選擇與主題相契合的音效能夠奠定整體氛圍基調(diào)，讓用戶產(chǎn)生沉浸式的體驗(yàn)。在植物實(shí)驗(yàn)室H5的制作過(guò)程中，筆者添加了無(wú)人聲的音樂(lè)伴奏，旋律節(jié)奏較為簡(jiǎn)單，沒(méi)有太大的起伏，避免干擾用戶答題心緒。設(shè)置音效的主要目的是與視覺(jué)部分相統(tǒng)一，調(diào)動(dòng)受眾的多重感官體驗(yàn)，引發(fā)受眾共鳴。除了H5的背景音樂(lè)之外，適當(dāng)?shù)狞c(diǎn)擊輔助音效也能更好地傳達(dá)內(nèi)容，例如在用戶點(diǎn)擊選項(xiàng)之后，播放輔助音效可以回應(yīng)用戶，為用戶帶來(lái)更好的體驗(yàn)，增加其代入感。

運(yùn)用動(dòng)效增添趣味性

在H5的設(shè)計(jì)中，元素不一定是靜止不變的，可以根據(jù)頁(yè)面的節(jié)奏賦予元素動(dòng)態(tài)的形式。相較于靜止的畫(huà)面，人們往往會(huì)被動(dòng)態(tài)畫(huà)面所吸引。因此，在畫(huà)面中增加恰當(dāng)?shù)膭?dòng)效，可以為整體的設(shè)計(jì)增添趣味性，緩解用戶在瀏覽過(guò)程中產(chǎn)生的焦慮乏味等負(fù)面情緒。植物實(shí)驗(yàn)室在首頁(yè)以及每一個(gè)答題頁(yè)面都會(huì)穿插設(shè)計(jì)一些輔助動(dòng)態(tài)圖形，豐富畫(huà)面層級(jí)，輔助性動(dòng)效能夠增添視覺(jué)張力。在首頁(yè)部分，筆者為了吸引用戶進(jìn)入作答界面，在界面上使用了較多動(dòng)態(tài)元素，以豐富用戶的視覺(jué)感官，為了契合植物實(shí)驗(yàn)室的主題，將頁(yè)面中涉及的植物圖形進(jìn)行動(dòng)態(tài)旋轉(zhuǎn)，頁(yè)面中常見(jiàn)的動(dòng)效大多為抖動(dòng)或閃爍，主要是為了活躍氣氛，并不會(huì)干擾用戶答題。在用戶選擇完選項(xiàng)之后，為了幫助用戶明確自己選擇的選項(xiàng)，用戶點(diǎn)擊選項(xiàng)時(shí)會(huì)出現(xiàn)彈起的動(dòng)效，讓用戶與H5產(chǎn)生一些簡(jiǎn)單的交互，給予用戶回應(yīng)。在頁(yè)面跳轉(zhuǎn)的部分采用書(shū)本翻頁(yè)的效果，使前后頁(yè)面變得更加流暢，在設(shè)置轉(zhuǎn)場(chǎng)動(dòng)效的時(shí)候時(shí)間不宜過(guò)長(zhǎng)，以免出現(xiàn)卡頓，影響用戶觀感。

隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，人們獲取信息的方式更趨于碎片化，單純地接收信息已經(jīng)不能滿足受眾多層次的體驗(yàn)與情感需求，創(chuàng)作者只有站在用戶的角度，深入挖掘用戶的興趣點(diǎn)和期望的體驗(yàn)感，結(jié)合創(chuàng)新的設(shè)計(jì)思維和有效的設(shè)計(jì)表現(xiàn)形式，才能使H5在未來(lái)獲得良性、健康、可持續(xù)的發(fā)展。筆者設(shè)計(jì)的以植物實(shí)驗(yàn)室為主題的測(cè)試類H5，旨在拉近用戶與自然之間的關(guān)系，使用戶了解植物，從植物身上汲取生命的智慧，將植物這種特殊的生命融入平常生活，更好地與其和諧共處，通過(guò)植物實(shí)驗(yàn)室將這一理念潛移默化地傳遞給用戶。

由此來(lái)看，隨著技術(shù)的不斷更新，測(cè)試類H5在未來(lái)將擁有更大的發(fā)展空間，其設(shè)計(jì)趨勢(shì)會(huì)發(fā)生一定的變化，內(nèi)容和形式也會(huì)發(fā)生變革與創(chuàng)新，形式更加多樣化，能夠與受眾實(shí)現(xiàn)無(wú)縫交流，在視覺(jué)表現(xiàn)形式方面也會(huì)擺脫種種刻板印象與技術(shù)限制，實(shí)現(xiàn)更好的發(fā)展。