手机刷网页也畅快，背后有这 12 个设计原则

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

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

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

图片来源：Yoox

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

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

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

图片来源：uxmag

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

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

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

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

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

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

• 不登录状态下，可浏览网页信息
• 不登录状态下，可购买商品。
•  当用户需要浏览更多的内容时，要求用户登录，不然只能看到有限的内容。

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!