首页 > 生活 > 生活妙招

h5如何制作(h5页面设计案例)

常驻编辑 生活妙招 2022-03-01 案例   页面
做H5没头绪?这有一份完整的H5案例思路

5uJ拜客生活常识网

六、复盘总结:DATA SUMMARY

1. 浏览数(PV)、用户数(UV)

为检测活动效果,在活动的各时期通过数据平台拉取了浏览数(PV)、用户数(UV)帮助我们判断活动的传播裂变效果,并分析其影响因子:曝光数、渠道质量、标题内容吸引力,通过不断优化影响因素,以保证在计划的时间内达到预期的活动效果。5uJ拜客生活常识网

5uJ拜客生活常识网

2. 漏斗数据

通过漏斗数据分析用户流失情况,可进一步分析流失原因:页面操作引导是否明确、页面内容是否有吸引力、页面可用性,帮助我们优化操作指引、内容设计优化与可用性走查。5uJ拜客生活常识网

做H5没头绪?这有一份完整的H5案例思路

5uJ拜客生活常识网

3. 本次H5活动可以提升点

1)Ui风格应更贴合主题5uJ拜客生活常识网

主题表达上:首先作为疫情下戳心事的活动主题,并没有很好的在视觉上传达戳心和疫情的氛围,导致活动的代入感不够,用户对活动的主题感知不够明确,更多的只是灯泡仔IP风格的延续。5uJ拜客生活常识网

风格选择上:本次h5设计是基于刚刚诞生的IP形象灯泡仔为视觉kv主体,而IP形象的初创的表现形式为线描风格,还未扩展其他表现形式,在此情况下选用线描的孟菲斯风格是必然的选择。5uJ拜客生活常识网

所以在IP形象有成熟的更丰富的风格形式后,整个活动的风格也能有更多尝试可能,找到该活动主题最佳的视觉表现形式。5uJ拜客生活常识网

做H5没头绪?这有一份完整的H5案例思路

2)动效需要有大的突破5uJ拜客生活常识网

随着手机性能的提升,炫酷新颖的h5动效是提升用户体验,抓住用户猎奇心理和眼球的不错方式。但这需要大量开发资源的投入,和设计侧对动效的设计和研究。5uJ拜客生活常识网

天猫和网易近期的H5动效运用了大量的3d视觉效果和3d景深操作,这对h5的创新体验有着极大的帮助。本次活动在动画方面还有很大的可发挥研究的空间。5uJ拜客生活常识网

做H5没头绪?这有一份完整的H5案例思路

3)运营文案需更抓眼球5uJ拜客生活常识网

在这个信息爆炸的时代,没有一个抓眼球的标题,那么注定会沉默在海量的信息中。5uJ拜客生活常识网

为此上线后我们做了大量的用户调研,其中标题根据业务推广导向、实时热点导向等多方向尝试,结合新闻常用的3断式标题结构。并做了AB测试及用户调研。其中标题用实时热点方向反馈最好,以业务导向的方向对c端用户毫无吸引力。5uJ拜客生活常识网

所以后续的在做b端产品出圈设计时,在无特殊要求下,尽量往用户关心的热点、好奇点为导向去设计标题和内容。5uJ拜客生活常识网

做H5没头绪?这有一份完整的H5案例思路

5uJ拜客生活常识网

4. 总结

  • 活动设计之前要理清楚设计背景,确定好相对应的设计主题和方向,什么样的活动主题能吸引用户参与进。
  • 孟菲斯风格、蒸汽波故障风、插画风是H5不错的选择,孟菲斯风格最容易出视觉效果,但这都需要贴合主题,帮助渲染活动主题氛围。
  • H5活动在保证用户体验的基础上,能加入好玩有趣的交互动效是一个加分项。
  • 由于市场上手机的尺寸大小不一,必须考虑好适配问题。
  • 上线后的数据复盘总结能够帮助我们发现问题,使下一次活动做得更好,且一个有吸引力标题能让你成功一半。

作者:WOWdesign,研究设计价值最大化,涉及用户体验、品牌体验、空间体验。5uJ拜客生活常识网

本文由 @agoodesign 原创发布于人人都是产品经理。未经许可,禁止转载。5uJ拜客生活常识网

题图来自 Unsplash,基于 CC0 协议

相关阅读:

  • 咖啡店有哪些(瑞幸咖啡的案例)
  • 辟谷是哪里(辟谷死亡的案例)
  • 如何写案例(主观题中刑法案例怎么写)
  • 如何营销自己(自我营销方案案例范文)
  • 创业失败典型案例,一个创业失败的案例
  • 浙江乡村改造案例(二)
  • 报告显示:2019年六分之一全球过早死亡案例由污染导致
  • 六西格玛之生活案例
  • 52项应用进入全国总决赛,首届“光华杯”山东赛区复赛收
  • 500个品牌案例|adidas:频频联名科技、奢侈品的新无限可
    • 网站地图 |
    • 声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。