优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:ChM_CuoreAzzurro
Web App和原生APP同为移动端,很少有时间研究这两项的交互区别,最近公司做了一次从原生APP到Web App(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结。

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

精彩评论

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