行业资讯

原生APP H5页面 (转载整理)

字号+ 作者:H5之家 来源:H5之家 2015-09-11 16:14 我要评论( )

随着微信的诞生,很多公众号都是H5页面形式展现,设计H5页面时要区分于APP,主要把握好以下区别点: 1、较少页面跳转——在同样的网络环境下,(H5页面渲染需要调取服务器,但APP的渲染在本地,所以H5的页面跳转更费力——请教研发小伙伴),不稳定感更强;

随着微信的诞生,很多公众号都是H5页面形式展现,设计H5页面时要区分于APP,主要把握好以下区别点:

1、较少页面跳转——在同样的网络环境下,(H5页面渲染需要调取服务器,但APP的渲染在本地,所以H5的页面跳转更费力——请教研发小伙伴),不稳定感更强;

改进:使用交互技巧隐藏文字,如“更多—收起”,减少跳转,

是否考虑在当前页上弹出?——技术上是否更复杂?

2、更小的页面展示空间,更大的记忆负担——人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差,碎片阅读,已经很少有人能耐心的看完长长的内容,H5页面相对于APP,还多了浏览器导航所占用的屏幕空间,所以在设计时要考虑在APP基础上去掉复杂的视觉表现;

改进:如移动仓库项目,商详去掉评价、购买咨询等复杂的跳转;只保留核心功能

缩小页面展示图片

取消float浮层,增大页面展示空间

3、导航不明显——要考虑导航设计,顶部底部或左右侧,还要考虑如何快速跳转回重要页面,导航快捷键:如顶部固定位置、悬浮圆圈或非首屏时页面右侧悬浮;

技术上应注意:

1、各手机浏览器的兼容测试;

2、底层服务的调取(能调取,但只有当其是核心功能时才保留 eg:新浪、美团等皆去掉了头像上传功能);

3、注意离线数据存储,减少数据请求频率;

4、考虑保存用户的哪些数据:设置、个人数据、阅读锚点、跳出页面等;

5、避免动效与浏览器的交互冲突;

6、按顺序 异步加载?

H5优势:页面可以随意分享,且迭代方便,不同系统只需适配一次,但APP每次迭代需要不同系统基础上迭代,而且IOS因有审核期,每月只可迭代一次

原出处:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • H5页面(文案)

    H5页面(文案)

    2015-09-17 09:38

  • 悠云轻故事H5页面定制改版:主打“星球风”

    悠云轻故事H5页面定制改版:主打“星球风”

    2015-09-16 18:40

  • 腾讯网移动端H5页面设计实战分享

    腾讯网移动端H5页面设计实战分享

    2015-09-16 18:20

  • H5游戏下载页面

    H5游戏下载页面

    2015-09-16 18:18

网友点评
m