项目回顾 – 2014ChinajoyH5页面

CJ作为一个传播性很强的活动,也提及需要做一个想要的H5页面在微信或其他移动方式中传播。H5展现效果很好,而且页面简洁化主题和即刻传播出去。
市场的初步需求:Start:CJ主题呈现,公司品牌呈现;Content:公司主推游戏,展会相应活动;End:分享及相应大礼包。所以策划稿内容较多,但是对于手机用户而言,一页的展现内容不能过于复杂。最终原型如下:
1_副本
设计稿出来,整体效果,其实不太满意,感觉也页面有些小巧了;但是相应的js效果加入之后,整体展现显示还okay。
设计开发到最后,发现一个致命的问题,图片太大了,以至于加载时间要20s,这对于一般非WiFi用户而言肯定是直接关掉。页面过多,素材图片太大都是问题,而且素材压缩之后,整体展现效果就低了品质。最终解决方法:图片压缩,由6M压缩至2M大小。

H5页面整体的展现效果,调试是一个费事费神费力的事情:多尺寸手机,Android及IOS;由于设计稿是按照IOS 1136×640来做设计的,对于比较窄屏的手机而言,展示起来就是一个压缩变形的内容。最后只能根据大部分手机分辨率来调整显示,切割想要背景图层,分层次显示。

开发过程中,游戏模块页面有个弹框输入手机号码验证码获取礼包码的页面;对于游戏而言这样的互动是很有必要的,但是页面的硬弹框效果展示很不好,最后需求大于展示,硬弹框出现了。

游戏页面以人物主视角为展示,另外加上弹出简短视频介绍来附加介绍更多内容。【后续的视频调试也是个问题:对于ios视频插件可以直接全屏展示;但是在Android手机,各个手机不同,展示起来效果千万种,最后一致做弹框。备注:低版本Android还不支持视频如此播放,只能够舍弃了】

关于手机内置浏览器是不能够控制横竖屏的展示,此问题,导致了无数bug,但是无解。

最后一个微信和其他SNS分享:对于微信的分享,在手机浏览器中是无法进行直接分享到微信,必须扫描二维码分享至微信,但用户自己使用手机扫描二维码这个步骤太复杂,最终舍弃了直接在浏览器中分享至微信,除微信外的浏览器,sina tencent QQ空间可以分享至相应内容;如在微信中传播,则引导用户点击右上方的微信分享至朋友圈。

微信分享中,还有一个缩略图,title及概述显示的问题,此内容直接调用微信公众开放平台接口即可解决。最后7.25日,微信版本发布上线,在游族朋友圈刷频式分享,后期查看下想要数据量,反馈至此:XXXXX.

—————————————–
CJ-H5版本问题
1 前期设计,仅仅考虑ios,Android在调试效果时候,展示流畅图很差;
2 策划稿内容过于多,不利于H5的快速传播,后期策划此类页面需要注意;
3 H5页面加载要快,素材不能够太复杂,页面层次不能够太多;

—————————————–
今天后续补充下相应的问题

1 素材:对于手机设计,素材一定要足够小;页面内容元素和页面数量不宜过多;
2 交互:原型中的设计的实际效果应该要能够预期到结果,不能任由设计做效果;
3 场景:手机用户的浏览场景有wifi 2g 3g 4g,对于各个场景下面加载的效果测试,不能加载太长;
4 测试:正式发布,对外公布的过程;要等到一切就绪再发布线上地址。
5 最后统计数据反馈过来,只在朋友圈推广,10天的转发量为1k+,没有很多推广的营销,传播太低了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据