html5 - web app里面的弹层为什么不常见？

Question

最近试用很多webapp，为毛弹层这种设计特别少？是因为开发上的难度特别大么？

PC上很常见，悬停后显示一部分内容，要查看更多的话就点链接跳转到详细页面
webapp上很少见，但是app还是有的（有很多阅读app，百度阅读，用的是弹出一个层来展示书的批注），WHY？

Answer 1

移动端和PC端，从技术来讲是通用的，更多的是因为场景不同、交互方式不同而造成的设计不同。

移动端环境，从网络状况、显示区域等条件考虑，比PC端差很多，我们要把最重要的信息显示给用户。

移动端的单击操作展示一个你所说的“弹层”，它会遮挡部分区域，影响了用户的进一步操作，我们需要通过单击或其他形式来关闭它，这样的操作对于用户来说，太复杂。

PC端鼠标hover一个元素很容易，用户对于操作的预期也很简单。但是移动端单击，并非如此。同样的内容完全可以通过展开的形式而非你所说的“弹层”。

如果用户确实希望点击某处查看更多的内容，那么是不是我们应该考虑，我们在这里展示的信息不够，或者到新的页面展示更多的信息。

Answer 2

主要是输入设备的问题。等以后手机可以跟踪人眼，知道你在看哪里了，大概就可以弹出这样的东西了。

Answer 3

PC 和手机的屏幕尺寸、输入设备都有着根本的区别，所以 PC 上适用展示形式并不一定在移动端适用，反之也是一样。

通常来说，还是要根据具体的场景去选择最适合的展现形式。