《好设计，有方法：我们在搜狐做产品体验设计》 —3.4　WAP和App之间的差异

3.4　WAP和App之间的差异

根据《中国互联网络发展状况统计报告》显示，截至2017年6月，中国网民规模达到7.51亿，占全球网民总数的五分之一。其中手机网民占96.3%，各类手机应用的用户群体规模不断扩大，使用场景也越来越丰富。WAP和App都是以移动端作为载体，它们设计上的差异又很细微，很多App的开发不会纯粹地用Native来开发，而是融入WAP页面，这样会便于更好地更新和分享。这是需要根据产品模块需求的差异来定制的，双端的工程师们趋向于用Native来开发，因为体验更好。WAP是寄生于平台之上，融合在App中，所以会更多地跟随产品的体验来设计，绝大部分WAP页面都是依附在浏览器之中，进而也会受制于浏览器的体验设计。那么WAP和App之间比较明显的差异都有哪些呢？笔者总结了以下几点：

3.4.1　屏幕尺寸的差异

WAP页面的内容展示区域更小，浏览器自带的导航条会占据一定的屏幕空间。这时就需要用户频繁的滚动来获取内容。

在《贴心设计：打造高可用性的移动产品》中提到：“移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。人脑的短期记忆是不稳定的，用户在滚动屏幕的过程中需要临时记忆的信息越多，他们的表现就会越差。”因为WAP端的有效屏幕空间确实太小，所以WAP页面在视觉方面相比App应该更加精简，在图片方面也同样偏向于缩小图片以节省空间，以达到在小空间内尽可能展现更多有用的信息给用户的目标。

下图为淘宝App与WAP端的截图，我们可以发现WAP端浏览器自带的导航栏占据了一定屏幕尺寸，使页面布局在整体上显得更加紧凑。WAP端的搜索栏高度也比App端矮了不少，在内容方面，去掉了“热搜”和“我的频道”模块，省略了下方占用空间较大的双十一活动入口，只保留了顶部滚动banner。宫格模块中采用了文字+产品信息图的模式，与App端相比更加简洁。