05-任务五-H5场景化营销

北京市商业学校《移动电子商务》北京市商业学校项目二移动电子商务营销北京市商业学校北京市商业学校学习目标知识目标1.掌握移动电子商务营销中常见的方法及注意事项；2.掌握强关系营销相关的概念；3.掌握移动电商下的粉丝经济基本方法与注意事项；4.掌握移动电商下的网络直播平台及其发展趋势与盈利模式；5.掌握移动电商下的H5优势与表现形式；6.掌握移动二维码营销的基本思想。北京市商业学校北京市商业学校能力目标1.具备进行基础移动电子商务营销的能力；2.具备进行简单强关系营销的基本能力；3.具备对粉丝经济进行策划与开展简单粉丝经济的能力；4.具备开展简单直播经济的能力；5.具备设计简单的H5的能力；6.具备制作简单二维码的能力。学习目标北京市商业学校任务一移动电子商务营销概述任务二强关系营销任务三粉丝经济任务四直播经济任务五H5场景化营销目录任务六二维码营销北京市商业学校任务五H5场景化营销北京市商业学校北京市商业学校任务五H5场景化营销情境导入北京市商业学校北京市商业学校任务五H5场景化营销情境导入一、情境概述李敏在一家游戏APP开发公司上班，近期需要推广一款新开发的APP，她想到了自己微信朋友圈经常看到的一种广告，也就是H5。这种广告不仅有动画特效与音乐，而且传播性也很强，她想利用这种方式去推广新开发的APP，效果应该会更好。那么，李敏该怎么做呢？北京市商业学校北京市商业学校任务五H5场景化营销情境导入二、情境分析李敏想要利用H5对公司开发的游戏APP进行推广营销，她首先得了解以下几个问题：1.什么是H5？2.H5与传统营销设计相比较有什么优势？3.H5的设计流程是什么？4.在利用H5进行营销时有哪些注意事项？北京市商业学校北京市商业学校任务五H5场景化营销技能学习北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑1.H5画面的表现层面H5的画面直接表现在原型图的构思和规划上，它是具体执行的第一步，也是上手设计H5的开始。H5的画面表现可以分为三个层面：视觉气氛、形式感、参与互动。北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑（1）视觉气氛（传递情感）良好的视觉气氛可以更好地引导用户理解设计者想表现的意图，每支H5的设计目的和内容都不同，自然它需要营造的视觉气氛也不一样，不同气氛会牵连不同元素。例如肯德基在2016年春节期间推出的H5宣传页，整个页面表现出猴年春节的气氛。1.H5画面的表现层面北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑（2）形式感（打动用户的重要方法）好的形式是H5页面受不受欢迎的重要参考标准，这已经经历了用户的多次考验。而优秀的作品却时常关注情感，洞察人们的内心世界。1.H5画面的表现层面北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑（3）参与感（H5设计的爆点）参与感不同于“形式感”，它指用户可以通过H5定制带有自身特征的内容并能够参与到内容的创作与传播，往往这类H5内容比较容易受到欢迎，并且极为容易创造出来非常夸张的刷屏效果，但创作难度又往往较大。1.H5画面的表现层面北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑2.H5与传统营销设计比较的优势（1）H5的设计展现形式是综合的，交互概念的贯穿，使得能够把很多形式串联在一起。互动形式也较为丰富，各种触控滑动点击、摇一摇、重力感应、环境感应等，都会和设计形成互补关系，给用户带来新体验。表现形式已经从单一的视觉转化到了更广阔的领域，而且在内容灵活度上也达到了前所未有的可操控性。北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑（2）一方面，H5能够借助服务器的数据来对内容的方向和打法作出分析和计划，另一方面，不再需要长久的制作等待，投放也变为了上线，点一下的功夫就能把内容推到受众面前，设计文字存储在服务器也可随时修改调整，能够和用户阅读内容同步，修改灵活自如，大大地提升了创作效率。2.H5与传统营销设计比较的优势北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑（3）H5能够自传播，将做好的内容直接分享出去就可以造成传播，如果作品出彩，甚至可以不做任何投放，就达到很好的传播效果。2.H5与传统营销设计比较的优势北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑3.H5的表现形式（1）幻灯片形式幻灯片是H5最初期也是最典型的形式，由于简单、实用，所以至今还很流行。其效果就是简单的图片展现与翻页交互，效果很像幻灯片的展示。北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑3.H5的表现形式（2）交互式可口可乐的H5营销是应用H5绘图功能的典型例子，如图所示。这里面的交互还是比较简单的，只不过它基本体现了交互式动画的感觉。北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑3.H5的表现形式有哪些？（3）功能式如图所示，第一个是百度针对地铁涨价做的H5，它可以计算人们每天坐地铁要多少钱，并实时显示大家的评论。第二个是社交移动风云榜，就是精品H5的展现。北京市商业学校北京市商业学校任务五H5场景化营销技能学习一、技能支撑4.H5的设计流程了解需求设计表现数据统计确定形式开发执行北京市商业学校北京市商业学校任务五H5场景化营销技能学习二、案例学习腾讯动漫北京市商业学校北京市商业学校任务五H5场景化营销技能学习二、案例学习1.选人薛**是一个特殊的明星，因为他是娱乐圈唯一一个粉丝们期待广告比期待新歌更多的明星。除了歌手之外，薛**身上还有段子手的标签，微博上2000多万粉丝每天都在盼着他接新的广告，出新的段子。北京市商业学校北京市商业学校任务五H5场景化营销技能学习二、案例学习2.发布时间薛**的H5是在11月24日晚上9点半上线的，李敏的朋友圈内第一条出现的转发出现在9点45分左右，随后呈现井喷之势，几乎每两三分钟就会出现新的分享，所有微信群几乎都分享了这个H5。北京市商业学校北京市商业学校任务五H5场景化营销技能学习二、案例学习3.形式薛**的人设就是段子手，这次的H5当中，不仅是脚本、台词，甚至包括服装及表演形式等，都十分符合他的人设气质，可以说是一气呵成。另外，这次的H5从技术上看，其实只是一个绿幕环境下拍摄的视频而已。北京市商业学校北京市商业学校任务五H5场景化营销技能学习三、技能提升1.使用H5进行营销的注意事项1324H5访问时间H5阅读页数H5渠道排行H5阅读页数北京市商业学校北京市商业学校任务五H5场景化营销技能学习三、技能提升2.H5与平面设计版式的不同从平面到H5内页的改版，手机媒介会因为内容信息的拥挤给人疲劳感，从而影响信息传达，画面尺度和媒介特征的不同是二者第一个区别。（1）画面尺寸差异北京市商业学校北京市商业学校任务五H5场景化营销技能学习三、技能提升因为手机屏幕尺寸的特性，H5的画面常规阅读习惯却是从上及下的，并且内容带有动态性，会对视觉的牵引产生作用，这直接影响到了常规排版思路。所以，阅读方式的改变和动态元素的加入是它与平面设计的第二个不同点。（2）阅读方式2.H5与平面设计版式的不同北京市商业学校北京市商业学校任务五H5场景化营销技能学习三、技能提升多数打开H5网页的用户，要么是在无目标地翻看手机页面，要么是在外赶路，他们是被H5的标题吸引或者朋友的推荐偶然间打开的页面。多数人观看时处于三心二意的状态，精力分散并且没有明确的目的性，这样会导致复杂的信息难以被接受，非常不适于带有深度性的阅读。（3）内容接受习惯不同2.H5与平面设计版式的不同北京市商业学校北京市商业学校任务五H5场景化营销要点回顾北京市商业学校北京市商业学校任务五H5场景化营销随堂练习北京市商业学校北京市商业学校任务五H5场景化营销随堂练习一、填空题1.H5是______的简称，运用该语言制作成在微信朋友圈中经常看到的，点开后可以_____、带_____、有音乐之类的非常精美的内容。2.用户访问高峰集中在_____点至______点和_____点至______点。3._____的呈现主要集中在纸媒体和视频媒体，在平面呈现上比较单一，全是_____，设计的动画视频与用户有_____。4.高访问量的H5页数多集中在____页。北京市商业学校北京市商业学校任务五H5场景化营销随堂练习参考答案：1.html5；滑动翻页；动画特效。2.11:00-14:00；20:00-23:00。3.传统营销设计；静态画面；距离感。4.6-10。北京市商业学校北京市商业学校任务五H5场景化营销随堂练习二、多项选择题1.良好的（）可以更好地引导用户理解设计者想表现的意图，（）指用户可以通过H5定制带有自身特征的内容并能够参与到内容的创作与传播。A.视觉气氛B.参与感C.形式感D.设计2.H5营销时需要注意（）。A.阅读页数B.受欢迎的形式C.访问时间D.渠道排行答案：1.AB2.ABCD北京市商业学校北京市商业学校任务五H5场景化营销随堂练习二、多项选择题3.H5的表现形式包括（）。A.幻灯片式B.功能式C.交互式D.二维码式答案：1.ABC北京市商业学校北京市商业学校任务五H5场景化营销随堂练习二、多项选择题4.H5排版不能（），元素相对平面设计要（），电子屏显示字体需要更大。A.过于复杂B.控制页数C.精简D.注重色彩答案：1.ABC北京市商业学校谢谢！