扫一扫

回到顶部

爆款H5制作开发的细节处理

H5制作开发 2020年11月19日

在我们H5开发领域,细节处理指的就是用户操作使用体验度,怎样使我们的H5页面在操作使用上更加流畅,就是我们的细节处理。所以那些爆款H5制作开发时都是怎样做的细节处理呢?小编来给大家科普一下。

1、输入表单处理

在微信H5页面中,除宣传类外,大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外,各个H5工具内置的输入框功能也不失为一个很好的选择。

2、图片音乐大小

图片是网页的重要资源,除了常见的PS来压缩图片外,推荐大家去 Tinypng,在这里可以压缩网页中常见图片,如 .png 和 .jpg ,而且可以拖拽一组图,压缩完后还可以一键下载,效果也是杠杠滴~。背景音乐当然是越清晰越好,为了让 H5 页面本身更流畅,通常我们会对背景音乐做压缩,一般情况下我们会降低音频的比特率(控制在32kbps,这个在格式工厂中属于低质量音频),时间尽量控制在1min之内,保持最终的文件大小在600kb以内。

H5定制开发

3、不使用右滑交互形式

H5中尽量不要设计使用向右滑动的交互方式。无论是Android,还是 iPhone ,向右滑动容易误触发返回上一级页面。

4、多音乐播放

由于系统的限制,Android 在同一时间,只允许播放一段背景音乐。在 IOS 下并没有限制,例如 iPhone 的机型在播放背景音乐的同时可以做到播放各种交互音效。所以一般在 Android 上 H5 只播放背景音乐。如有特殊场景的话,可以先暂停背景音乐,再播交互音效,音效播放完毕后再播背景音乐。

5、多机型适配

H5在不同的机型适配,虽然每个开发者都有一套自己的完整方案,但一定要注意小屏机(虽说现在大屏机已是主流,尤其是iPhone4s)和带有虚拟按键的机型适配(如魅蓝note)。

6、不使用横屏交互

不要轻易使用横屏。在微信 for Android 中,H5以横屏的方式展现的前提是:其一,开启系统的屏幕旋转;其二,开启微信的横屏模式。操作成本较高,而且顶部的导航栏和状态栏还占据了一定的宽度(屏幕本身就比较窄)。如果场景需要,一定要引导用户如何开启横屏模式。

以上就是我们H5开发制作的细节处理点,如果你需要一款精致且有趣的H5作品,可以找我们蓝橙互动,为你提供专业的H5开发服务。如有需求,欢迎咨询网站客服。

新闻方案资讯

NEWS

让您了解更多关于H5营销信息

爆款H5制作开发的细节处理

​在我们H5开发领域,细节处理指的就是用户操作使用体验度,怎样使我们的H5页面在操作使用上更加流畅,就是我们的细节处理。所以那些爆款H5制作开发时都是怎样做的细节处理呢?小编来给大家科普一下。

2020年11月19日

小程序开发需要掌握的三大核心

作为一个专业的小程序开发人员,是一定要掌握小程序开发的核心,只有掌握了核心才能更好的满足用户的需求。

2020年11月19日

小程序定制需要考虑的三个方面

如今的小程序已经成为很多用户日常生活中的实用工具,特别是微信中的小程序使用人数更高。

2020年11月19日

外卖小程序开发流程以及优势

随着外卖行业的兴起,现在人们对外卖的需求是越来越大了,有时待在家或者办公室里,不想出去吃饭,就会选择点外卖,而在点外卖的过程中,就需要外卖小程序了,那么外卖小程序开发流程以及优势又是怎样的呢?

2020年11月19日

微信小程序带给企业哪些营销机会

自从微信小程序的出现,给很多企业商家创造了营销机会,而这些营销机会你知道有哪些吗?

2020年11月18日

盘点微信小程序开发的相关问题

众所周知,微信小程序开发是一个全新而陌生的领域,很多人对微信小程序开发了解的不是很深刻,而在开发途中常常会遇到这样或那样的问题。

2020年11月18日

游戏小程序开发的必备要素

​自从微信跳一跳出现后,我们微信小游戏就逐渐发展起来

2020年11月18日

H5游戏营销活动策划方案详解

我们在做H5游戏营​销活动策划方案的时候,总是会考虑H5游戏营销的互动性以及宣传性,而我们在做H5游戏策划时,又需要注意哪些问题呢?整个策划方案又是怎样规划的呢?

2020年11月18日

小程序定制开发必备的六项功能

很多人都知道,微信小程序是现如今的一种新兴的营销方式,在一定程度上解决了线上线下面临的困境,所以很多企业都在进行定制小程序开发。

2020年11月17日