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

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

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

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

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

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

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

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

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

受眾特征分析

中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）發(fā)布的第51次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》數(shù)據(jù)顯示，截至2022年12月，我國手機(jī)網(wǎng)民規(guī)模為10.65億，較2021年12月新增手機(jī)網(wǎng)民3636萬，網(wǎng)民中使用手機(jī)上網(wǎng)的比例為99.8%。我國網(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)一步向中老年群體滲透。

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

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

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

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

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

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

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

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

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

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

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

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

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

巧用色彩營造氛圍感

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

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

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

利用音效增加感染力

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

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

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

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

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