移动设计吸引和转换用户的7个技巧

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

1.设计移动设备

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

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

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

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

为每个部分创建标题

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

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

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

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

移动意味着更小的屏幕空间，这使得内容和交互元素脱颖而出并清楚地传达其目的非常重要。微交互是可用性的一小部分，激发了某人立即采取行动的反馈。

我们在没有考虑的情况下竖起大拇指或心脏，公开我们的批准。我们在约会应用程序上向左或向右滑动，并立即得到有人喜欢我们的消息（喘气！）。微交互使交互性快速直观 - 它们是许多网站和应用程序的决定性时刻。

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

3.保持简单

在网站设计移动设备时，将所有内容都拆分为基本组件。这意味着带走不必要的项目，如图形和繁忙的动画，不会增加用户体验。极端阴影和其他模拟三维的图形被抛在一边，以实现更实用的设计。

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

4.快速加载时请注意

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

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

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

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

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

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

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

移动设备改变了我们体验网络的方式。我们随时随地有一个快速的时间窗口。内容需要分成小块，在短暂的参与过程中很容易被消化。正如视觉设计元素需要精炼到只需要的东西一样，内容也是如此。这意味着制作简短，直接，清晰的句子和段落。

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

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

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

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

7.使用多步骤表单

表格可能既费时又乏味。我们当中有多少人填写过每一个字段并点击提交只是为了让愤怒的红色文字告诉你一些错误？随着内容领域的扩展，很容易错过一些东西。

多步骤表单的开发简化了输入信息的过程。有一种逻辑流，一种信息的输入转换到下一种信息。多步形式对于移动设备尤其有用。让用户轻松地设置帐户，申请工作或填写约会档案。

移动设计是关于简单性的

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