H5页面的类型和形式详解.pdfVIP

在线学习好工作 / H5 页面的类型和形式详解 从引爆朋友圈的H5 小游戏《围住神经猫》，到颠覆传统广告的大众点评H5 专题页《我 们之间只有一个字》，从2014，各种H5 游戏和专题纷纷崭露头角。“H5”，这个由HTML5 简化而来的词汇，借由微信这个移动社交平台，正在走进更多人的视野。今天和大家分享的 就是H5 页面的类型和形式，一起来看看吧。 H5 页面的类型 1.活动运营型 活动推广的 H5 页面形式多变，包括游戏，邀请函、贺卡、测试题等形式。如今的H5 活动 运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户传播。 比如下面的图片例子，可以通过扫描二维码体验活动页面。 2.品牌宣传型 不同于讲究时效性的活动运营页，品牌宣传H5 页面等同于一个品牌的微官网，更倾向于品 牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让 用户对品牌留下深刻印象。这种设计最好运用大胆的设计、走心的文案，需要 UI 和交互的 人员有更多的创造力。 3.产品介绍型 聚焦于产品功能介绍，运用H5 的互动技术优势尽情展示产品特性，吸引用户买买买。 如下面这个例子介绍的是一款车，那么能否通过这种交互的动画能够让用户感知到这款车有 哪些特性。比如说舒适的座椅、优质的音响以及车速等。通过这种交互的体验能够让用户通 过这种页面来尽可能的体验这款车的特性。 4.总结报告型 自从支付宝的十年账单引发热议后，各大企业的年终总结表现也热衷于用H5 技术实现，优 秀的互动体验令原本乏味的总结报告有趣生动了起来。需要技术、产品、交互、UI 能够一 起努力，把普通的总结报告包装的比较有趣并且和用户有关。比如说支付宝的十年账单就让 用户觉得和自己有关。 H5 页面的形式 1.简单图文 简单图文是早期最典型的H5 专题页形式。“图”的形式千变万化，可以是照片、插画、GIF 等，“文”指标题文字。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考验的 是高质量的内容本身和讲故事的能力。 如图所示例子为滴滴打车的简单图文： 2.礼物/贺卡/邀请函 每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5 形式的礼物、贺卡、邀 请函。通过提升用户好感度来潜移默化的达到品牌宣传的目的。既然是礼物，那创意和制造 便是重要的加分项。 如图为国外的一种产品，通过“魔法球”的模式给用户带来好感： 3. 问答/评分/测试 问答形式的H5 页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底 是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以 出色的视觉和文案，弱化答题的枯燥感那就再好不过了。要让用户乐在其中。 4.游戏 H5 游戏因为操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对 无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上做到成功 传播，需要在玩法和设计上多下点功夫。要注意推陈出新、让用户产生兴趣。 文章来源：麦子学院 原文链接：/wiki/productthink/h5/