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

3.5　WAP和PC的差异

上述讲了App与WAP的区别，接下来我们就来对比WAP与PC的区别。

1.界面大小差别

众所周知，PC与WAP最明显的区别就是屏幕尺寸。WAP依附在移动端浏览器中，要根据浏览器最初的设计规范来进行界面设计。手机浏览器的设计范围较小，不能承载过多的信息，只能尽可能展示重要、核心的信息，以此给用户留下深刻的印象。而PC有着大屏幕的优势，操控范围大，展示内容更加丰富。我们可以看到下图中同样的车型页面在PC端和WAP端上的对比。PC端有着大屏的优势，在对比的过程中可以同时进行8辆车、多种数据的展示。在移动端，由于屏幕尺寸的限制，一次只能进行两种车辆的对比。为此，设计师将数据分为几个维度分别通过不同的tab切换展现给用户。

2.使用场景的差别

当我们需要输入或者接收较多信息的时候，通常会选择PC端来进行操作，因为PC端可以很轻松地完成步骤烦琐、功能层级深入的操作。而移动端使用场景更加碎片化，加上手机不方便输入大量的信息，内容逻辑偏简单化。所以移动端更加注重用户体验和交互，功能相对也更加精简。

3.使用习惯的差别

移动端用户习惯了触屏操作，轻触、滑动是使用移动端时常用的手势。在PC端我们依靠点击鼠标可以进行操作、跳转。如今PC端也在不断发展为触摸屏，今后可能在使用习惯上的差异会逐步减少。

本章总结了不同载体的设计方法及其差异，通常一个产品会衍生出App、WAP、PC三端，作为一名合格的设计师，了解这些载体的设计方法可以更快地调整产品在各端展现的形式，将产品打磨得更加细腻。但是关于产品的设计没有一成不变的法则，在设计的时候我们需要针对三端不同的特点，调整设计的侧重点。WAP端用户使用成本低，不需要安装App即可访问，但是这也导致无法留住用户。针对这个问题，我们可以在WAP页面增加下载App的入口，这样可以留住一些忠实用户。

当用户在移动端浏览很长的页面时，我们需要在页面中为用户提供一个快速回到顶部的按钮。在PC端这个功能就相对没有那么重要，因为PC页面可以容纳更多的内容，而且在操作上，用户可以通过滚动鼠标轻松回到顶部。

越来越多的App中也会嵌入WAP页面的设计，但H5（WAP页）在进行复杂功能和交互方面给用户的体验不如原生设计好。这时候需要考虑关于WAP页面的设计能否在技术上实现，需要提前与产品经理、技术人员沟通。

对于移动端Android和iOS系统来说，并没有好坏之分。一个精心设计的MD风格或iOS风格的应用程序，都可以带给用户相当不错的体验。笔者认为平台制定设计规范的意义在于提供设计的一致性，减少用户的学习成本。设计师们应该抓住两种平台最为明显的特性来展现平台特点（如经典交互设计）。在细节部分的设计中，两种风格的融合也不会导致用户使用的不适，只是千万不要被平台规范所限制。作为设计师来说，我们需要考虑的是视觉效果和产品的实用性，以及如何给用户留下深刻的印象来区分其他产品。