开发H5的流程与策略ppt课件.pptx

《开发H5的流程与策略ppt课件.pptx》由会员分享，可在线阅读，更多相关《开发H5的流程与策略ppt课件.pptx（35页珍藏版）》请在三一办公上搜索。

1、,开发H5的基本流程主要包括对接需求、项目策划、视觉设计、技术开发等。本章将从H5开发过程中角色分工的角度介绍H5开发的基本流程，需要注意的细节规范，以及如何打造爆款H5等知识。,CHAPTER 02,运营规划：开发H5的流程与策略,学习目标,了解开发H5的基本流程。掌握H5开发的细节规范。掌握打造爆款H5的策略。,目录,CONTENT,H5开发角色及分工,利用5WH产品需求分析法拆分需求,项目经理统筹全局,1,H5策划常用工具,项目经理统筹全局,1,策划方案制作,2,项目经理统筹全局,1,策划方案制作,2,原型图,策划方案制作,2,项目经理统筹全局,1,设计视觉设计,3,开发技术开发、测试、

2、上线、数据监控反馈,4,友盟数据分析平台,H5的制作流程,目录,CONTENT,2.2.1 选择合适的浏览器,在H5的制作过程中建议使用Google Chrome浏览器，因为它在所有浏览器中对H5的兼容性最好。,安装Google Chrome浏览器后，会发现默认的搜索引擎无法使用，此时可以对浏览器进行设置，将默认的搜索引擎改为“百度”即可。,2.2.2 页面尺寸匹配手机屏幕,建议开发人员在xhdpi下作图，因为这个尺寸在720像素1280像素下显示完美，在1080像素1920像素下看起来也比较清晰，且图片大小适中。并且在这个分辨率下， Android系统的像素计量单位dp与像素（px）之间的换

3、算比较简单（1dp=2px）。,安卓系统,需要以iPhone X的屏幕尺寸（750像素1624像素）来进行开图，去除头部128像素的白色导航条。内容区域按照750像素1448像素尺寸进行作图，重要内容（如按钮，重要的视觉原点等）不要放到非安全区域中，否则在进行前端布局时可能出现内容显示不全的情况。这时需要设计可裁切的部分来填充空白区域。,iOS系统,H5开图设计,2.2.3 优化设计细节,2.2.3 优化设计细节,2.2.3 优化设计细节,2.2.3 优化设计细节,2.2.3 优化设计细节,2.2.3 优化设计细节,2.2.3 优化设计细节,2.2.4 优化H5的性能,目录,CONTENT,2

4、.3.1 充电增值,一般来说，用户都有强烈的求知欲，他们关注的东西往往是自己需要的、对自己有用的，如一些实用干货、生活技巧等，当用户认可了其价值性，对自己产生了帮助，就愿意分享到其他有同样需求的群体中。,2.3.2 娱乐消遣,在网络推广中，有趣是很重要的一个吸引读者的因素，一些颠覆认知的内容、有趣的段子、出其不意的新鲜内容等总能备受用户的追捧。测试类H5是一种刷屏频率非常高的H5营销形式，主要以问答、评分、测试为表现形式，利用各种有趣的问题吸引用户参与问答，分享测试结果，从而产生裂变效应。,2.3.3 情感共鸣,故事是吸引人类的艺术形式之一，通过沉浸式的体验来勾起用户的回忆，引起情感共鸣。,2

5、.3.3 情感共鸣,情感路线的H5容易让用户产生共鸣，这类H5一般会在节日期间推出，其主题也大都与节日有关，如母亲节，父亲节、七夕节等。当H5有了节日氛围的烘托时，其推广会变得更有意义，也更有效率。,2.3.4 利益驱使,在H5中增加一些利益因素，能够调动用户自主传播的积极性。例如，通过分享领取卡券、礼品等方式，让用户主动把H5活动页面转发给好友，以获取一定的奖品或优惠。,2.3.5 自我展示,互联网是一个社交型的舞台，用户可以在这个平台上展示自我。可以玩H5游戏得到高分，继而成为一种炫耀的资本；也可以自主输出内容，如海报生成类H5，邀请别人和自己一起创作传播内容，这类H5无须专业技术，傻瓜式

6、的简便操作给足了用户自由发挥的空间。,2.3.6 创意创新,构思新奇、富有想象力的H5能够吸引用户主动观看，也会使其乐于传播。,2.3.6 创意创新,任何一个领域的技术创新都会对用户产生很大的吸引力，H5也不例外。,2.3.7 热门话题,社会热点事件是指在社会上引起广泛关注、参与讨论，引发强烈反响的事件。相对于商家造势所形成的关注度来说，社会热点事件拥有更高的社会价值和更广泛的关注度，且更易被人们接受。因此，在制作H5时要善于抓住并结合当下的热点事件，利于话题效应让H5在短时间内火爆起来。,2.3.7 热门话题,社会热点事件是指在社会上引起广泛关注、参与讨论，引发强烈反响的事件。相对于商家造势

7、所形成的关注度来说，社会热点事件拥有更高的社会价值和更广泛的关注度，且更易被人们接受。因此，在制作H5时要善于抓住并结合当下的热点事件，利于话题效应让H5在短时间内火爆起来。,2.3.8 内容精致,不论H5的形式如何变化，有价值的内容始终要放在第一位。H5的内容不仅要精致、优质，还要具备分享的价值，这样才能获得用户的关注，推动H5的传播。,2.3.8 内容精致,不论H5的形式如何变化，有价值的内容始终要放在第一位。H5的内容不仅要精致、优质，还要具备分享的价值，这样才能获得用户的关注，推动H5的传播。,2.3.9 多样交互,随着技术的发展，如今的H5拥有众多出彩的特性，让用户能够轻松实现绘图、擦除、摇一摇、重力感应、3D视图等互动效果。,2.3.10 风格统一,在设计H5时，风格统一是一项基本原则。H5中各种元素的色彩、文案风格等要和谐、自然，所有细节设计都要符合整体的设计风格，这样才能带来高品质的用户体验。,