手机网页设计技巧

导语：如果你希望你的网页更好地适配移动设备，那么你必须解决网页在所有移动设备上的兼容性问题。下面是一些改进方法，欢迎参考！

　　1. 把搜索栏放在醒目的位置

如果搜索是你网页里的一个主要的功能，那么就把它放在网页的主要位置，因为这是让有明确目的的用户找到他们想要东西的最快途径。用户在查找特定消息时，通常会选择搜索。

所以，搜索栏应该是放在手机用户一下子就能看到的地方。你可以把你的网页搜索栏放置在接近主页顶部的位置，并附上搜索说明文字。

　　2. 设计好你的网页，不要让用户通过捏拉来缩放网页

通过捏拉网页来查看文本或照片时，常常会使用户感到心累。如果用户不得不通过捏拉来查看网页，很可能会错过一些重要的细节信息。因此，你设计的网页应该是不需要调整大小才能使用的。

Asos 使用了合适的照片尺寸，但字体却不够大。在小而亮的屏幕中看这些小字体实在是会令用户头疼：

　　3. 只使用高质量的网页素材

由于没有实体商品，所以你的照片、视频跟其他内容就是你呈现给用户的商品。因此，它们必须是高质量的`，这样才能在用户浏览网页时，吸引他们的眼球，使其点击网页查看更多信息。

　　4. 设计手指友好操作的图标

如果你在设计一个手指操作友好的界面，那么你网页按钮的大小是要按恰当的尺寸设计的。

据 MIT 触击实验室研究结果显示，人们手指指头的平均大小在 10~14mm 之间，指尖的大小在 8~10mm 之间，所以 10mm X 10mm 大小的图标是最佳的最小尺寸图标。

还有重要的一点是，你要考虑可点击元素间的相对距离。如果按钮间靠得太近，手机用户可能会不时按错按钮。

为了处理这些错误并防止用户误操作，你必须确保按钮有恰当的尺寸和空间位置，这样才更好地适合手机用户操作。下图是手机网页中，按钮间最佳的最小距离。

　　5. 让用户探索完你的产品后，再让他们登入账户

如果在用户没有看到你的网页内容前，就要求他们登录或注册的话，会有非常高的交互成本，并且也违反了互惠原则。过早地要求用户注册，可以导致超过 85% 的用户流失。

Netflix 提供了一个月的免费使用，但用户只有登录账户才能浏览网页内容。

用户在登入个人信息前，通常会先浏览网站的内容，看看这个网站是干什么的(用户对于陌生的网站更会如此)。为了给用户提供一个无障碍浏览的体验，移动网页应该这样设计:

不登录状态下，可浏览网页信息

不登录状态下，可购买商品。