web应用的详细说明

它指的是用Html5语言编写的App，不需要下载和安装。它类似于灯光应用。浏览器中存在的App基本上可以说是触摸屏webApp。

优点：开发成本低；快速更新；用户无需获得更新通知，也不需要手动升级；它可以跨越多个平台和终端。

缺点：临时入口；无法获取系统级通知、提醒、动态效果等；用户留存率低；设计有限。

WebApp限制和设计要点

Web App体验受到以上五个因素的限制：网络环境、渲染性能、平台特性、浏览器和系统限制。

1.网络环境、渲染性能

Web APP高度依赖于网络环境，因为当用户使用Web APP时，Web APP中的H5页面会到服务器请求显示页面。如果此时用户恰好遇到网速慢、网络不稳定等其他环境，用户的页面请求效率会大大降低，用户会有不流畅、断断续续使用的不良感觉。同时，H5技术本身的渲染性能较弱：它不支持复杂的图形样式、多样的动态效果、自定义字体等。因此，基于网络环境和渲染性能的影响，在设计H5页面时应注意以下几点：简化不重要的动画/动态效果；简化复杂的图形文本样式；减少页面呈现的频率和数量。

WebApp的主页消除了冗余并追溯到源代码。它只为用户提供了调频收音机最初的基本需求。它不仅符合H5简化功能的设计原则，而且突出了核心功能。毫无疑问，它给用户带来了一种光明的氛围。作为书中《瞬间之美》一书的核心观点，重要的不是我们提供了多少信息，而是我们能否为他们提供他们真正需要的信息。

比如百度最新的直号，以良子健身为例：

从Native App和Web App（百度Direct）的对比中可以看出，Native凉子以九方形网格的形式呈现，属于双导航，功能入口过多；缺点是用户不知道集中注意力和分散注意力。Web版本的集成减少了对导航的访问，增强了用户的注意力；界面干净整洁，很好地传达了良子的寓意——轻松、快乐、休闲、舒适。

2.浏览器受限

通常，webApp存在于浏览器中，主机是浏览器。不同的浏览器有不同的属性，例如它们自己的手势、页面切换方法、链接跳转方法、版本兼容性问题等。

UC浏览器和百度浏览器支持手势切换页面。手指将页面从左侧滑动到上一级。百度手机助手H5页面，顶部横幅支持左右滑动手势。此操作与浏览器自己的手势冲突。

例如，大多数基于浏览器的webApp在打开新模块中的页面时都会打开新窗口。例如，当用户使用购物APP并浏览每日选择模块时，每当打开新产品时，默认会打开一个新窗口。这样的优点和缺点是显而易见的：优点是能够记录用户浏览的痕迹和他们浏览过的商品，以便于后续的横向比较；缺点是太多的页面容易让用户迷失在页面中。

如《谷歌开发手册》所述，当用户打开一个WebApp时，他们希望该App像一个单独的App，而不是一系列网页的组合。然而，何时跳转到页面，以及何时在当前页面上显示，设计者需要仔细考虑。

因此，基于浏览器的特性，Web App从设计角度来看应该遵循以下两点：使用更少的手势，以避免与浏览器手势冲突；减少页面跳转次数，并尝试在当前页面上显示它们。

3.系统限制、平台特征

由于Html5语言的技术特性，无法调用系统级权限。例如，系统级弹出窗口、系统级通知、地理信息、地址簿、语音等。系统兼容性也存在一些问题。上述限制通常会导致APP的可扩展性较差，体验相对较差。