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