纯干货|坚持这几点让你的H5更优质

原创 收藏 评论
举报 2023-09-07

自从H5在微信朋友圈流传开来,越来越多的现象级优质H5也被我们所熟知,从最初的《围住神经猫》到后来的《网易云年度报告》,各个品牌纷纷尝试想要打造属于自己的优质甚至爆款H5,H5已然成为最重要的品牌、产品传播手段之一。

H5的独特形态,让其在资讯传播、用户互动、信息可视化上都可以充分契合企业的诉求,帮助企业与用户建立情感共鸣,逐步加深用户对企业自身品牌或产品的认知,从而让其脱颖而出。这也是企业与品牌热衷于H5的重要原因。

好的H5案例很多,优质的也不少,一个现象级爆款H5就屈指可数了,因为这“七分靠内容,三分靠传播”。传播效果姑且不谈,因为在内容质量相差不大的前提下,传播的效果常常也会涉及到一些运气成分在里面的,所以对于我们众多企业来说,还是应该老老实实做好H5本身。

那到底如果才能做出优质H5呢?小编在这里总结出了几项重要的点供大家参考~

1.可用性和运行逻辑

首先,一支H5的可用性和运行逻辑必须清晰。在H5的设计过程中,屏幕上的操作按钮是否清晰,向用户传达的信息是否准确,有没有提供正确的操作路径,这些常常都需要考虑到,即H5的可用性原则。在H5的制作过程中,可用性是基础,这也是制作的H5上线的重要前提。这点小编就不过多赘述了~

2.运用用户思维

据统计,80%的线上产品生命周期成本都在维护阶段,其中60%是由于初始用户研究不足。作为一支H5,其本质是向用户传递信息,所以这就表明用户体验设计非常重要。因此,在设计H5时常常需要运用用户思维,站在用户角度出发进行需求设计,从而增加用户体验。体验,是主观的和抽象的,是感性的。不同的用户可能会有不同的体验感受,这里通常是指用户对产品交互的心理感受。最直观的心理感受来自视觉、听觉和使用感。所以,为满足用户体验方面的需求,H5 广告可以采用双向传播的方式进行操作,并可以进行动态插图生成,以适应观众的口味。

这里不得不提到当年大火的H5《一个陌生女人的来电》。

 

(案例部分展示)

——这支由百度贴吧和神龙妹子团于2015年出品的宣传H5,通过视频互动的内容呈现方式,模拟用户接到陌生美女的电话,一步一步引导用户操作,带给用户沉浸式的互动体验,用户在不知不觉中就接受宣传的信息了。

 2.jpg

(扫码体验项目详情)

这种内容呈现形式与单纯的信息展示相比,视频动态信息交互的过程更让人印象深刻,减少了枯燥的文字带给用户的疲惫感。试想,在你本来就很累的时候再给你几张写上文字的图片还不如模拟美女给你打电话带来的刺激感更让人惊奇呢!这种直接的交互可以减少文本信息摄入过程的不确定性,在带给用户更好体验的过程中还能更高效地完成信息交流,何乐而不为呢?

3.注意简洁统一

H5的版面设计应注意简洁统一。当今时代瞬息万变,环绕人们周围的信息越来越多,对接收信息简明精准的需求也越来越大。H5的设计应运用减法的原则,尽量减少文字信息的内容,简洁明了,或将繁杂的文字内容转化为视觉插图。设计要统一画面的整体风格和色调,让用户更容易创造视觉记忆,因为复杂的交互会增加用户操作的难度,复杂的交互会增加用户流失,所以设计过程需要简化用户任务并提供高质量的内容,这里小编拿为深圳时装周设计制作的3D全景H5《时尚元宇宙FMVS》举例。

 3.png

——这支H5采用霓虹灯风格设计的3D全景H5页面,让整支H5看起来神秘、精致、有很强的氛围感。3D全景展示十分自由,能让用户充分挖掘服装周品牌,找到自己喜欢的品牌和产品。此外,色调的使用也非常统一,以黑,粉,蓝的冷色调为主,带给人一种视觉上的高级感,非常符合深圳这个大都市的城市风格,整体格调一下就上去了!

 1694080750617988.png

(扫码体验项目详情)

4.设计需要个性化

最后,小编想提到的是,H5的设计应该需要有个性化。这种个性化可以是设计上的,也可以是内容上的。用户对美的追求在不断提高,更向往美丽的物件和有质感的产品。为了满足用户的需求,更个性化的产品将是用户追求的目标。各大品牌紧跟潮流,都在打造自己极具个性化的标志。就比如网易云的年度报告H5。

——在每年年底,网易云通过获取展现用户的年度听歌数据,生成创意海报,并添加各类属于用户自己的暖心细节,让用户纷纷感觉自己“被重视了”、“有被在乎”。相比盛大的仪式,这种微乎其微的浪漫反倒更贴人心、恰到好处。

狭路相逢,勇者胜。要想做出更优质的H5,各大公司更应该潜心修炼好自己的基本功,不断钻研和学习,毕竟技术才是王道嘛!

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    蓝橙互动 成都

    蓝橙互动 成都

    四川 成都

    武侯区长益路13号蓝海office C座

    行业:营销咨询

    官网:http://www.cdlchd.com/