主页 > 网站运维 > WebAPP与原生APP的交互设计区别

WebAPP与原生APP的交互设计区别

时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络

小提示：您能找到这篇{WebAPP与原生APP的交互设计区别}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的WebAPP与原生APP的交互设计区别内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

WebAPP和原生APP同为移动端，很少有研究这两项的交互区别，最近公司做了一次从原生APP到WebAPP（HTML5 ）的移植，故晋中头条百科词条多少钱总结一下期间遇到的问题及不同点总结。

（作者注：本文WAP经指正意为 webAPP ,many thx~）



从使用场景上，WAP用户面临比APP用户更严峻的问题：

1、页面跳转更加费力，不稳定感更强

思考点：如何减少跳转（扁平结构、页面布局技巧），增加数据及展示的流畅流程及稳定性（技术）

2、更小的页面空间（由于浏览器的导航本身占用一部分屏幕空间），更大的信息记忆负担

移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。人脑的短期记忆是不稳定的，用户在滚动屏幕的过程中需要临时记忆的信息越多，他们的表现就会越差。

——《贴心设计：打造高可用性的移动产品》

思考点：排版更清晰、信息更简练 （可在APP基础上去掉一些丰富、复杂的视觉表现）

3、导航不明显，原有底部导航消失，有效的导航遇到挑战

思考点：如何有效的提供导航？有哪些形式？

4、交互动态效果收到限制，影响一些页面场景、逻辑的理解。

思考点：比如登录注册流程的弹出、完成及异常退出，做好文字提示。

针对以上困境，解决方法总结如下。

首先，从APP到WAP版，在抖音 收费列表产品上，最明显且核心的：

1、精简功能，只将核心的任务实现，非核心的枝节可考虑删减。

2、做好新的WAP导航.

3、补充从WAP站对下载APP的引导。

>> W采暖促销方案AP导航怎样设计？



一、常见的几种WAP导航样式

1.1顶部底部导航的设计：

WebAPP与原生APP的交互设计区别

上一篇：电子商务网站设计分析(六)|商品详情页设计
下一篇：为弹窗正名


版权声明：以上主题为“WebAPP与原生APP的交互设计区别"的内容可能是本站网友自行发布，或者来至于网络。如有侵权欢迎联系我们客服QQ处理，谢谢。
相关内容
推荐内容
小编精选
扫码咨询
    WebAPP与原生APP的交互设计区别
    打开微信扫码或长按识别二维码

小提示：您应该对本页介绍的“WebAPP与原生APP的交互设计区别”相关内容感兴趣，若您有相关需求欢迎拨打我们的服务热线或留言咨询，我们尽快与您联系沟通WebAPP与原生APP的交互设计区别的相关事宜。

关键词：交互设计, 产品经理,

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱：545321@QQ.com
电话：400-021-1330 | 客服QQ：545321
沪ICP备12034177号 | 沪公网安备31010702002418号