移动网站设计吸引和转换用户的6个技巧

移动是一个改善人们网络体验的机会，计师可以通过七种方式提供帮助。

随着移动设备的出现，设计师不得不改变他们的方法。打印转向数字化，设计师发现了人们与像素制作的内容进行交互的新方法。而现在，移动设备已超越台式机作为我们的网络窗口。以下是设计师在今天的小屏幕上吸引和转换用户的6个技巧。

1.设计移动设备

不久前，设计师们主要为庞大的桌面显示器设计产品。这些提供了一个广阔的画布，为设计师提供了很多工作空间。限制迫使一种更实用的方法，减少视觉混乱和无意义的装饰。

任何网页设计的起点都应该考虑网站可能显示的最小屏幕。在较小屏幕的限制下工作将在各种设备上创建一致的体验。

在为移动网站设计创建线框之前，请确保：

编译必要的内容并定义如何组织

为每个部分创建标题

确定号召性用语及其展示位置

规划您将使用的交互式元素的类型

并计划所有这些元素将如何在单列设计中流动。

2.使用手势微交互和动画

通过简单的向左或向右滑动。移动意味着更小的屏幕空间，这使得内容和交互元素脱颖而出并清楚地传达其目的非常重要。

微交互是可用性的一小部分，激发了某人立即采取行动的反馈。我们在约会应用程序上向左或向右滑动，并立即得到有人喜欢我们的消息（喘气！）。微交互使交互性快速直观 - 它们是许多网站和应用程序的决定性时刻。

基于滚动的交互就像微交互一样：它们为我们手中的平面屏幕添加了动作。他们将动态元素添加到设计中并充当指南，吸引用户的注意力，将其引导到您想要的位置，例如注册表单。

3.保持简单

在设计移动设备时，将所有内容都拆分为基本组件。这不是关于无聊的，不起眼的文字漂浮在虚空中 - 但如果你可以做到这一点，你就会有更大的力量。它是关于精炼元素，以便只剩下重要的东西。

这意味着带走不必要的项目，如图形和繁忙的动画，不会增加用户体验。极端阴影和其他模拟三维的图形被抛在一边，以实现更实用的设计。

相反，使用引人注目的颜色和充足的负空间。结合简单的排版，这可以使设计方法易于导航和快速加载。设计日历利用负空间和强烈排版成功的平面设计。

4.快速加载时请注意

台式机拥有更快的处理器，更强大的计算能力，并且无需在缩小的3G连接中填充兆字节。它们可以容纳更大的文件大小，如长视频剪辑。您不希望有人登陆您的网页，只会被未针对移动设备优化的文件陷入困境。

在为设计准备视觉效果时，请确保：

使用组合良好，整洁，有意义的图像

使用Photoshop等照片编辑软件优化所有图像

使用适当大小的比例图像进行布局

使用高质量的背景视频，但仅在必要时 - 大多数移动设备甚至无法显示这些视频

5.记住手机制作您的内容

内容需要分成小块，在短暂的参与过程中很容易被消化。正如视觉设计元素需要精炼到只需要的东西一样，内容也是如此。这意味着制作简短，直接，清晰的句子和段落。

内容组织在移动设备上更为重要。每个部分都应无缝地流入下一部分。不应该有内容的变化。当有人滚动浏览内容时，一切都应该有意义。一个想法需要逻辑地流入下一个想法。

号召行动需要的不仅仅是耳语 - 他们应该引起注意。要编写更具吸引力的号召性用语：

给读者一个行动的理由

吸引他们的情绪

强调及时性的重要性

创造性地传达品牌的个性

6.以正确的方式使用弹出窗口

弹出窗口是转换的重要工具。他们需要使自己的外表变得有用，而不是分散注意力。弹出窗口需要的不仅仅是一般的提示 - 它应该与您的品牌个性保持一致，并启发一个特定的行动，让读者获得一些东西。即使它将来只是更多的免费内容。

弹出窗口需要锚定到特定内容。不要在每个页面的顶部不加选择地显示，而是将它们编织到内容的结构中。弹出窗口应该在所呈现的内容中有意义。

用户可能正在滚动乐队的巡演日期。要求他们加入关于旅游日期的电子邮件列表的弹出窗口是合适的。当弹出窗口有用且在上下文中时，会发生转换。内容应提供了解更多信息并采取行动的理由。

移动网站设计是关于简单性的，移动网站设计改变了可用性标准。曾经很好用于桌面的东西现在被认为是麻烦的。移动网站设计消除了不必要的装饰，并找到了更直接的路线来引导用户浏览内容。有些人称之为约束，我们可以将其视为改善人们体验网络的机会。