因为屏幕的大小，PC和手机在信息呈现上有很大的区别。但是一些设计师只是简单地将这种差异理解为让页面更长，让用户滑动更多。然而，这是错误的，我们无法理解它们之间的区别。

终于写完了，然后又恢复了之前的写作频率。来说说这篇文章。

我经常遇到一些曾经负责PC端产品的设计师。突然换到移动端，会不自觉地把一些设计理念从PC端“移植”到移动端，造成水土不服。

有经验的设计师看到你设计的手机页面都知道你之前做的是PC，这是一件很尴尬的事情。就像你说“很高兴认识你”，别人就知道你的家乡在哪里。它在哪里？

一、大屏转小屏

开门见山，移动终端和PC终端最根本的区别就是屏幕的大小。屏幕的大小直接决定了界面的信息量。PC端一页可以显示完整的信息，可能需要移动端几页才能携带。

有些设计师可能会认为，仅仅适应不同的屏幕尺寸是不够的，让手机页面长一点，让用户滑动就足够了。

这是一个非常简单的解决方案，但是却忽略了一个重要的前提:用户愿意滑吗？

从埋点数据来看，大部分手机页面多屏内容的曝光和点击量都会大幅下降，说明用户很少主动滑动查看一屏之外的内容。对于移动产品来说，一些重要的内容必须让用户在一个屏幕上看到。

1.信息架构的重构

因此，如果你想为PC网站做一个移动APP，首先要做的就是重构信息架构。PC端有足够的空房间直接向用户展示所有功能，而移动端只能展示部分主要功能，一些次要功能需要放到下一级。

例如，APPstore中的用户可以评估这个评论对他们是否有帮助。

PC端的处理方法非常简单，直接展示给用户。然而，移动终端需要用户按住该评论以弹出评估列表。可能今天很多用户看了这篇文章，发现这个功能还是存在的。没关系，虽然之前不知道，但也没影响你正常使用。移动设计师有必要适当降低二级功能的信息化水平。

2.一页，一个任务

有些人可能不同意上述信息架构重构的观点。比如有些表单页面，用户需要借钱转账，有些需要用户填写。在这些场景中，我们不用担心用户不滑动，因为用户不滑动是无法完成操作的。那么在这种情况下，能否延续PC端的布局风格呢？

以上述传输过程为例，PC端直接显示在一个页面上，移动端则分为两个页面。这是为什么？你不能在第一页放上备注/付款说明吗？

由于移动用户的使用环境更加复杂多变，更容易受到干扰，因此需要保证界面信息简单直观。如果一个页面上显示的信息太多，很容易混淆用户。这里提到的信息量并不是指绝对的信息量，而是指用户主观感受到的信息量。同样的输入框在PC端可能只占页面的1/4，而移动端占了一整页，给用户完全不同的感觉。页面满满的，容易让用户焦虑。

一个页面可以完成的任务现在必须跳转到几个页面，增加操作步骤。用户怕“内容多”，难道不怕“步骤多”吗？不会，因为用户一眼就能看到页面的内容，所以用户无法立即感知这个任务有多少步骤。因为无知，所以无所畏惧。当用户知道该任务的步骤数时，整个任务已经完成。