知识分享，Web APP与原生APP交互设计有什么区别？
- 2022-12-24 21:52:24
- 来源/作者：互联网/佚名
- 己被围观次
Web App和原生APP同为移动端，很少有时间研究这两项的交互区别，最近公司做了一次从原生APP到Web App（HTML5 ）的移植，故总结一下期间遇到的问题及不同点总结。
2、取消float浮层，增大展示空间（eg：大众点评）
取消float浮层，同时在详情尾部再次加上 “购买”按钮。
浮层的转换处理。
3、页面中对图片进行缩小（因情况而异）的处理、精简一些标签导航的视觉展示。
视觉微调。
技术上注意点：1）各手机浏览器的兼容测试
2）底层服务的调取（能调取，但只有当其是核心功能时才保留 eg：新浪、美团等皆去掉了头像上传功能）
3）注意离线数据存储，减少数据请求频率。
4）考虑保存用户的哪些数据：设置、个人数据、阅读锚点、跳出页面等。
5）避免动效与浏览器的交互冲突
6）按顺序 异步加载 eg： 腾讯视频
腾讯视频异步加载。
虽然Web App目前处于比较尴尬的地位，我们是由于原APP客户端中一些页面需要分享出去才开启制作Web App版。
但是不得不承认，基于Web的轻APP 更新迭代起来更方便，随着H5技术的成熟和发展，也许以后就是基于H5的Web App的天下了 0.0
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
上一篇：ps大师之路:图层对齐
下一篇：ps cs6快捷键大全
更多精彩内容
-
工具运用，给产品图片加上尺寸标识 -
ps大师之路:ps笔刷的详细设置 -
ps无缝重复图案的制作和使用方法 -
photoshop大师之路消除锯齿和羽化 -
教你怎样分辨照片是否被ps过 -
浅谈photoshop图像处理中的亮调,中间调,暗调选取 -
Photoshop自由变形调整照片的透视变形 -
文字设计，英文字母组合的N种方式