純干貨|堅(jiān)持這幾點(diǎn)讓你的H5更優(yōu)質(zhì)
自從H5在微信朋友圈流傳開來，越來越多的現(xiàn)象級(jí)優(yōu)質(zhì)H5也被我們所熟知，從最初的《圍住神經(jīng)貓》到后來的《網(wǎng)易云年度報(bào)告》，各個(gè)品牌紛紛嘗試想要打造屬于自己的優(yōu)質(zhì)甚至爆款H5，H5已然成為最重要的品牌、產(chǎn)品傳播手段之一。
H5的獨(dú)特形態(tài)，讓其在資訊傳播、用戶互動(dòng)、信息可視化上都可以充分契合企業(yè)的訴求，幫助企業(yè)與用戶建立情感共鳴，逐步加深用戶對(duì)企業(yè)自身品牌或產(chǎn)品的認(rèn)知，從而讓其脫穎而出。這也是企業(yè)與品牌熱衷于H5的重要原因。
好的H5案例很多，優(yōu)質(zhì)的也不少，一個(gè)現(xiàn)象級(jí)爆款H5就屈指可數(shù)了，因?yàn)檫@“七分靠內(nèi)容，三分靠傳播”。傳播效果姑且不談，因?yàn)樵趦?nèi)容質(zhì)量相差不大的前提下，傳播的效果常常也會(huì)涉及到一些運(yùn)氣成分在里面的，所以對(duì)于我們眾多企業(yè)來說，還是應(yīng)該老老實(shí)實(shí)做好H5本身。
那到底如果才能做出優(yōu)質(zhì)H5呢？小編在這里總結(jié)出了幾項(xiàng)重要的點(diǎn)供大家參考~
1.可用性和運(yùn)行邏輯
首先，一支H5的可用性和運(yùn)行邏輯必須清晰。在H5的設(shè)計(jì)過程中，屏幕上的操作按鈕是否清晰，向用戶傳達(dá)的信息是否準(zhǔn)確，有沒有提供正確的操作路徑，這些常常都需要考慮到，即H5的可用性原則。在H5的制作過程中，可用性是基礎(chǔ)，這也是制作的H5上線的重要前提。這點(diǎn)小編就不過多贅述了~
2.運(yùn)用用戶思維
據(jù)統(tǒng)計(jì)，80%的線上產(chǎn)品生命周期成本都在維護(hù)階段，其中60%是由于初始用戶研究不足。作為一支H5，其本質(zhì)是向用戶傳遞信息，所以這就表明用戶體驗(yàn)設(shè)計(jì)非常重要。因此，在設(shè)計(jì)H5時(shí)常常需要運(yùn)用用戶思維，站在用戶角度出發(fā)進(jìn)行需求設(shè)計(jì)，從而增加用戶體驗(yàn)。體驗(yàn)，是主觀的和抽象的，是感性的。不同的用戶可能會(huì)有不同的體驗(yàn)感受，這里通常是指用戶對(duì)產(chǎn)品交互的心理感受。最直觀的心理感受來自視覺、聽覺和使用感。所以，為滿足用戶體驗(yàn)方面的需求，H5 廣告可以采用雙向傳播的方式進(jìn)行操作，并可以進(jìn)行動(dòng)態(tài)插圖生成，以適應(yīng)觀眾的口味。
這里不得不提到當(dāng)年大火的H5《一個(gè)陌生女人的來電》。
（案例部分展示）
——這支由百度貼吧和神龍妹子團(tuán)于2015年出品的宣傳H5，通過視頻互動(dòng)的內(nèi)容呈現(xiàn)方式，模擬用戶接到陌生美女的電話，一步一步引導(dǎo)用戶操作，帶給用戶沉浸式的互動(dòng)體驗(yàn)，用戶在不知不覺中就接受宣傳的信息了。
（掃碼體驗(yàn)項(xiàng)目詳情）
這種內(nèi)容呈現(xiàn)形式與單純的信息展示相比，視頻動(dòng)態(tài)信息交互的過程更讓人印象深刻，減少了枯燥的文字帶給用戶的疲憊感。試想，在你本來就很累的時(shí)候再給你幾張寫上文字的圖片還不如模擬美女給你打電話帶來的刺激感更讓人驚奇呢！這種直接的交互可以減少文本信息攝入過程的不確定性，在帶給用戶更好體驗(yàn)的過程中還能更高效地完成信息交流，何樂而不為呢？
3.注意簡潔統(tǒng)一
H5的版面設(shè)計(jì)應(yīng)注意簡潔統(tǒng)一。當(dāng)今時(shí)代瞬息萬變，環(huán)繞人們周圍的信息越來越多，對(duì)接收信息簡明精準(zhǔn)的需求也越來越大。H5的設(shè)計(jì)應(yīng)運(yùn)用減法的原則，盡量減少文字信息的內(nèi)容，簡潔明了，或?qū)⒎彪s的文字內(nèi)容轉(zhuǎn)化為視覺插圖。設(shè)計(jì)要統(tǒng)一畫面的整體風(fēng)格和色調(diào)，讓用戶更容易創(chuàng)造視覺記憶，因?yàn)閺?fù)雜的交互會(huì)增加用戶操作的難度，復(fù)雜的交互會(huì)增加用戶流失，所以設(shè)計(jì)過程需要簡化用戶任務(wù)并提供高質(zhì)量的內(nèi)容，這里小編拿為深圳時(shí)裝周設(shè)計(jì)制作的3D全景H5《時(shí)尚元宇宙FMVS》舉例。
——這支H5采用霓虹燈風(fēng)格設(shè)計(jì)的3D全景H5頁面，讓整支H5看起來神秘、精致、有很強(qiáng)的氛圍感。3D全景展示十分自由，能讓用戶充分挖掘服裝周品牌，找到自己喜歡的品牌和產(chǎn)品。此外，色調(diào)的使用也非常統(tǒng)一，以黑，粉，藍(lán)的冷色調(diào)為主，帶給人一種視覺上的高級(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)容上的。用戶對(duì)美的追求在不斷提高，更向往美麗的物件和有質(zhì)感的產(chǎn)品。為了滿足用戶的需求，更個(gè)性化的產(chǎn)品將是用戶追求的目標(biāo)。各大品牌緊跟潮流，都在打造自己極具個(gè)性化的標(biāo)志。就比如網(wǎng)易云的年度報(bào)告H5。
——在每年年底，網(wǎng)易云通過獲取展現(xiàn)用戶的年度聽歌數(shù)據(jù)，生成創(chuàng)意海報(bào)，并添加各類屬于用戶自己的暖心細(xì)節(jié)，讓用戶紛紛感覺自己“被重視了”、“有被在乎”。相比盛大的儀式，這種微乎其微的浪漫反倒更貼人心、恰到好處。
狹路相逢，勇者勝。要想做出更優(yōu)質(zhì)的H5，各大公司更應(yīng)該潛心修煉好自己的基本功，不斷鉆研和學(xué)習(xí)，畢竟技術(shù)才是王道嘛！
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦，快來評(píng)論一下吧！
全部評(píng)論（0條）