純干貨|堅(jiān)持這幾點(diǎn)讓你的H5更優(yōu)質(zhì)

原創(chuàng) 贊收藏 評(píng)論

舉報(bào) 2023-09-07

掃描,分享朋友圈

自從H5在微信朋友圈流傳開(kāi)來(lái)，越來(lái)越多的現(xiàn)象級(jí)優(yōu)質(zhì)H5也被我們所熟知，從最初的《圍住神經(jīng)貓》到后來(lái)的《網(wǎng)易云年度報(bào)告》，各個(gè)品牌紛紛嘗試想要打造屬于自己的優(yōu)質(zhì)甚至爆款H5，H5已然成為最重要的品牌、產(chǎn)品傳播手段之一。

H5的獨(dú)特形態(tài)，讓其在資訊傳播、用戶(hù)互動(dòng)、信息可視化上都可以充分契合企業(yè)的訴求，幫助企業(yè)與用戶(hù)建立情感共鳴，逐步加深用戶(hù)對(duì)企業(yè)自身品牌或產(chǎn)品的認(rèn)知，從而讓其脫穎而出。這也是企業(yè)與品牌熱衷于H5的重要原因。

好的H5案例很多，優(yōu)質(zhì)的也不少，一個(gè)現(xiàn)象級(jí)爆款H5就屈指可數(shù)了，因?yàn)檫@“七分靠?jī)?nèi)容，三分靠傳播”。傳播效果姑且不談，因?yàn)樵趦?nèi)容質(zhì)量相差不大的前提下，傳播的效果常常也會(huì)涉及到一些運(yùn)氣成分在里面的，所以對(duì)于我們眾多企業(yè)來(lái)說(shuō)，還是應(yīng)該老老實(shí)實(shí)做好H5本身。

那到底如果才能做出優(yōu)質(zhì)H5呢？小編在這里總結(jié)出了幾項(xiàng)重要的點(diǎn)供大家參考~

1.可用性和運(yùn)行邏輯

首先，一支H5的可用性和運(yùn)行邏輯必須清晰。在H5的設(shè)計(jì)過(guò)程中，屏幕上的操作按鈕是否清晰，向用戶(hù)傳達(dá)的信息是否準(zhǔn)確，有沒(méi)有提供正確的操作路徑，這些常常都需要考慮到，即H5的可用性原則。在H5的制作過(guò)程中，可用性是基礎(chǔ)，這也是制作的H5上線(xiàn)的重要前提。這點(diǎn)小編就不過(guò)多贅述了~

2.運(yùn)用用戶(hù)思維

據(jù)統(tǒng)計(jì)，80%的線(xiàn)上產(chǎn)品生命周期成本都在維護(hù)階段，其中60%是由于初始用戶(hù)研究不足。作為一支H5，其本質(zhì)是向用戶(hù)傳遞信息，所以這就表明用戶(hù)體驗(yàn)設(shè)計(jì)非常重要。因此，在設(shè)計(jì)H5時(shí)常常需要運(yùn)用用戶(hù)思維，站在用戶(hù)角度出發(fā)進(jìn)行需求設(shè)計(jì)，從而增加用戶(hù)體驗(yàn)。體驗(yàn)，是主觀的和抽象的，是感性的。不同的用戶(hù)可能會(huì)有不同的體驗(yàn)感受，這里通常是指用戶(hù)對(duì)產(chǎn)品交互的心理感受。最直觀的心理感受來(lái)自視覺(jué)、聽(tīng)覺(jué)和使用感。所以，為滿(mǎn)足用戶(hù)體驗(yàn)方面的需求，H5 廣告可以采用雙向傳播的方式進(jìn)行操作，并可以進(jìn)行動(dòng)態(tài)插圖生成，以適應(yīng)觀眾的口味。

這里不得不提到當(dāng)年大火的H5《一個(gè)陌生女人的來(lái)電》。

（案例部分展示）

——這支由百度貼吧和神龍妹子團(tuán)于2015年出品的宣傳H5，通過(guò)視頻互動(dòng)的內(nèi)容呈現(xiàn)方式，模擬用戶(hù)接到陌生美女的電話(huà)，一步一步引導(dǎo)用戶(hù)操作，帶給用戶(hù)沉浸式的互動(dòng)體驗(yàn)，用戶(hù)在不知不覺(jué)中就接受宣傳的信息了。

（掃碼體驗(yàn)項(xiàng)目詳情）

這種內(nèi)容呈現(xiàn)形式與單純的信息展示相比，視頻動(dòng)態(tài)信息交互的過(guò)程更讓人印象深刻，減少了枯燥的文字帶給用戶(hù)的疲憊感。試想，在你本來(lái)就很累的時(shí)候再給你幾張寫(xiě)上文字的圖片還不如模擬美女給你打電話(huà)帶來(lái)的刺激感更讓人驚奇呢！這種直接的交互可以減少文本信息攝入過(guò)程的不確定性，在帶給用戶(hù)更好體驗(yàn)的過(guò)程中還能更高效地完成信息交流，何樂(lè)而不為呢？

3.注意簡(jiǎn)潔統(tǒng)一

H5的版面設(shè)計(jì)應(yīng)注意簡(jiǎn)潔統(tǒng)一。當(dāng)今時(shí)代瞬息萬(wàn)變，環(huán)繞人們周?chē)男畔⒃絹?lái)越多，對(duì)接收信息簡(jiǎn)明精準(zhǔn)的需求也越來(lái)越大。H5的設(shè)計(jì)應(yīng)運(yùn)用減法的原則，盡量減少文字信息的內(nèi)容，簡(jiǎn)潔明了，或?qū)⒎彪s的文字內(nèi)容轉(zhuǎn)化為視覺(jué)插圖。設(shè)計(jì)要統(tǒng)一畫(huà)面的整體風(fēng)格和色調(diào)，讓用戶(hù)更容易創(chuàng)造視覺(jué)記憶，因?yàn)閺?fù)雜的交互會(huì)增加用戶(hù)操作的難度，復(fù)雜的交互會(huì)增加用戶(hù)流失，所以設(shè)計(jì)過(guò)程需要簡(jiǎn)化用戶(hù)任務(wù)并提供高質(zhì)量的內(nèi)容，這里小編拿為深圳時(shí)裝周設(shè)計(jì)制作的3D全景H5《時(shí)尚元宇宙FMVS》舉例。

——這支H5采用霓虹燈風(fēng)格設(shè)計(jì)的3D全景H5頁(yè)面，讓整支H5看起來(lái)神秘、精致、有很強(qiáng)的氛圍感。3D全景展示十分自由，能讓用戶(hù)充分挖掘服裝周品牌，找到自己喜歡的品牌和產(chǎn)品。此外，色調(diào)的使用也非常統(tǒng)一，以黑，粉，藍(lán)的冷色調(diào)為主，帶給人一種視覺(jué)上的高級(jí)感，非常符合深圳這個(gè)大都市的城市風(fēng)格，整體格調(diào)一下就上去了！

（掃碼體驗(yàn)項(xiàng)目詳情）

4.設(shè)計(jì)需要個(gè)性化

最后，小編想提到的是，H5的設(shè)計(jì)應(yīng)該需要有個(gè)性化。這種個(gè)性化可以是設(shè)計(jì)上的，也可以是內(nèi)容上的。用戶(hù)對(duì)美的追求在不斷提高，更向往美麗的物件和有質(zhì)感的產(chǎn)品。為了滿(mǎn)足用戶(hù)的需求，更個(gè)性化的產(chǎn)品將是用戶(hù)追求的目標(biāo)。各大品牌緊跟潮流，都在打造自己極具個(gè)性化的標(biāo)志。就比如網(wǎng)易云的年度報(bào)告H5。

——在每年年底，網(wǎng)易云通過(guò)獲取展現(xiàn)用戶(hù)的年度聽(tīng)歌數(shù)據(jù)，生成創(chuàng)意海報(bào)，并添加各類(lèi)屬于用戶(hù)自己的暖心細(xì)節(jié)，讓用戶(hù)紛紛感覺(jué)自己“被重視了”、“有被在乎”。相比盛大的儀式，這種微乎其微的浪漫反倒更貼人心、恰到好處。

狹路相逢，勇者勝。要想做出更優(yōu)質(zhì)的H5，各大公司更應(yīng)該潛心修煉好自己的基本功，不斷鉆研和學(xué)習(xí)，畢竟技術(shù)才是王道嘛！

本內(nèi)容為作者獨(dú)立觀點(diǎn)，不代表數(shù)英立場(chǎng)。
本文禁止轉(zhuǎn)載，侵權(quán)必究。