火星网校
研究了众多案例，揭秘内容型H5设计的黄金法则
发布时间：2024-07-19 16:36:21 浏览量：187次
大家对H5了解吗？内容型H5当前在互联网上还挺受欢迎的，下面这篇文章的笔者整理分享了一篇关于内容型H5设计策略总结的一篇文章，大家一起往下看看吧！
近几年被各种H5刷屏，看过很多有意思的H5设计，刚好之前在做H5的项目，趁机研究了很多案例，总结了内容型H5的设计策略。从运营目标、用户动机、创意策划、传播点这几个方面结合案例进行说明，本文内容较多，多图预警。
一、内容型H5是什么？
内容型H5,主要指靠内容本身吸引用户，从而产生传播的H5,区别于利益驱动型H5，关注用户的情感需求，用户的目的性较弱，主要用于传播、拉新、宣传等。
为什么要做内容型H5，它与利益型H5是互补的关系。利益型H5一般面向的是对促销、利益敏感型的用户，通过利益点来诱导用户参与活动，缺点就是利益点不够，用户可能就流失掉了。而内容型H5通过一些情感化的设计，吸引低利益敏感性客户，触发用户自发参与活动。
二、好的内容型H5有什么特征？
结合大量的案例研究，总结出好的内容型H5有以下几个特征
三、怎么做内容型H5？
1. 运营目标
内容型H5的运营目标，一般包括引流、拉新、宣传等。
2. 用户动机
内容型H5由于没有利益刺激，要能够吸引用户参与，并传播，需要知道用户的情感需求，借助游戏的8角行为分析法来看用户的动机。可以分为参与动机、传播动机，参与动机包括好奇心、使命感、稀缺性、创造、同理心；传播动机包括成就感、拥有感、社交、逃避、同理心。
参与动机的应用
传播动机的应用
3. 创意策划
创意策划分为活动主题和活动类型2部分
1）主题
具有传播性的主题，能事半功倍的帮助H5传播扩散，可以从以下方面入手
- 走心故事，情感共鸣
- 复古元素，回忆杀
- IP衍生故事
- 虚构新奇故事，引发好奇
- 经典元素再演绎，制造反差感
- 结合当下节日和热点进行创意发想
- 通过明星进行演绎，吸引粉丝群体
- 年度总结、大事件回顾
- 品牌或产品本身特点的内容
如何进行主题脑爆？
可以根据本次活动主题发散出关键词，然后分析出目标用户喜好的关键词，将两者结合起来组成一些有意思的主题，从里面选择主题贴合度、趣味性、传播性都较高的主题采用。
2）类型
根据用户参与操作的程度可以将H5分为2类，根据主题和目标选择合适的类型
- 内容展示型，细分为叙事型、总结回顾
- 互动操作型，细分为小游戏、测试抽签、新技术应用
①叙事型H5，通过漫画、视频、动画、互动剧情、小场景等形式，讲述一个故事，过程中可能有少许引导剧情走向的互动，在故事情节或结尾融入宣传点，结合几个案例来看下。
叙事型H5应该怎么做呢？
- 适用场景：将产品或品牌软植入于故事中，做宣传、引流。
- 策划重点：靠走心感人或新鲜有趣的内容打动用户，对内容要求高，需要撰写故事。
- 注意事项：视频和幻灯片长度不适合太长，较长可分段。
设计TIPS：
- 通过引入好奇的标题吸引观看
- 通过第一视角将用户代入故事
- 一镜到底，增加内容沉浸感
- 倒叙引导用户解密
- 加入互动引导用户探索
- 多个主题分场景
②总结回顾型H5，常见于年度数据或者事件回顾，通过数据图表，图文等形式，生成用户相关的总结、诱导分享。
总结回顾H5应该怎么做？
- 适用场景：年底总结、品牌宣传。
- 策划重点：提取重点数据和用户可能感兴趣的数据和内容，进行图形化表达。
- 注意事项：单页不宜出现过多文字。
设计TIPS
- 有趣的图形化表达，增加吸引力
- 可以尝试不同的展示方式和交互形式，提升新颖都
③小游戏型H5，通过对现有游戏模式进行演变或创造新的游戏模式，页可以加入剧情，让用户通过游戏成就感、创造感、社交，从而达到引流、宣传的目的。
小游戏型H5应该怎么做？
适用场景：为产品引流、拉新、提升提留时长。
策划重点：选择合适的游戏类型，主题快速吸引用户注意，玩法有趣，常用类型。
- 创造型
- 闯关型
- 寻宝型
- 躲避型
- 密室逃脱
- 集卡型
- 养成型
- 解谜型
- 对战型
- 手速型
- 角色扮演型
注意事项：不宜设置太高的参与门槛
设计TIPS
- 将游戏融入情景内容
- 难度递增，形成心流
- 可对游戏人物、道具进行夸张、搞怪的表达
- 提供及时、有趣的反馈
④测试抽签型H5，通过测试抽签的方式，测试用户的某种属性或抽取运势签，结果新奇或具备社交性，让用户愿意将结果分享出去炫耀。
测试抽签型H5应该怎么做？
- 适用场景：为产品引流、拉新、宣传。
- 策划重点：确定测试或抽签主题，如用户的某种属性、运势解读等，题目设置合理，结果设计要有差异性，夸用户或者出其不意。
- 注意事项：题目不宜过多，10个以内。
设计TIPS
- 融入场景、故事背景中，让用户有代入感
- 题目和结果可以借用现有理论
- 在结果上做创意，出乎意料
⑤新技术型H5,通过新技术创造新鲜的体验，引发用户好奇，参与体验，并进行传播，常用技术有人脸识别、重力感应、AR/VR、AI、多屏互动、语言识别等。
四. 传播点
H5活动想引起广泛的传播，传播点的设计至关重要，基于4种传播动机，总结出4种设计传播点的方法。
- 内容击中用户，内容引起共鸣、新奇、审美愉悦、热点等。
- 获得某物，可以是生成用户的使用数据、照片、测试结果等，或者分享获得游戏机会、道具、投票权等。
- 具备社交属性，需要和好友一起完成，或者具备社交属性的话题。
- 结果可炫耀，获得某个成果、排行榜、形象等。
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
