优艾设计网

知识分享,Web APP与原生APP交互设计有什么区别?

2、取消float浮层,增大展示空间(eg:大众点评)

取消float浮层,同时在详情尾部再次加上 “购买”按钮。

知识分享,Web APP与原生APP交互设计有什么区别?

浮层的转换处理。

3、页面中对图片进行缩小(因情况而异)的处理、精简一些标签导航的视觉展示。

知识分享,Web APP与原生APP交互设计有什么区别?

视觉微调。

技术上注意点:

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

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

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

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

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

6)按顺序 异步加载 eg: 腾讯视频

知识分享,Web APP与原生APP交互设计有什么区别?

腾讯视频异步加载。

虽然Web App目前处于比较尴尬的地位,我们是由于原APP客户端中一些页面需要分享出去才开启制作Web App版。

但是不得不承认,基于Web的轻APP 更新迭代起来更方便,随着H5技术的成熟和发展,也许以后就是基于H5的Web App的天下了 0.0

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新基础

基础排行榜