如何设计出色的移动用户体验

如何设计出色的移动用户体验需要成为您的企业在网络上所做的一切的最前沿。 除非您首先考虑到移动设计，否则您的业务将不会取得应有的成功。 原因很简单：手机早已取代桌面成为人们访问互联网的第一方式。 换句话说，无法为移动设备设计……无法获得尽可能多的网站访问者、潜在客户和客户。

让我们看看统计数据。

根据 Smart Insights 的说法，我们已经超过了移动用户数量超过桌面用户数量的地步。 这个转折点发生在 2014 年。从那时起，全球移动用户数量仅继续大幅攀升，而桌面用户数量增长速度放缓。

底线：更多的潜在客户、访问者和客户将通过他们的手机而不是台式机登陆您的网站。

如果您想最大限度地提高转化率，那么您的网站必须首先针对移动设备进行优化。 今天，出色的移动用户体验也是成功的移动营销。

让我们来看看。

如何设计出色的移动用户体验：统计数据说明了什么

每当您想建立一个可靠的用例来证明您的业务支出的合理性时，例如，对于移动优先设计，只需查看有关这些天人们购买方式和地点的统计数据。 去证据引导你的地方。

专门从事商业营销的全球科技公司 Criteo 发布了一份新闻稿，显示仅美国的移动销售就占所有电子商务交易的 52%。 显然，如果您想有效并成功地进行销售……您需要一个非常高效的移动设备和出色的用户体验。

这是另一个非常有趣的统计数据，乍一看，它实际上揭示的不仅仅是它看起来的东西。

根据 Adob​​e 的移动零售报告，桌面端的转化率是移动端的 2.8 倍。 如果您认为这意味着针对移动设备进行优化并不重要，请再想一想。 这实际上是致力于移动优先策略的更多理由，特别是因为移动端仍然比桌面端占据更多流量。

台式机上的转化率较高的原因可能是因为移动体验没有得到应有的优化，而不是因为人们不喜欢在移动设备上购物和转化，因为移动设备对他们来说更方便！

想象一下，您的移动网站得到了完美优化，获得的流量比桌面网站多，转化次数比桌面网站多，这一切都是因为您实施了出色的移动用户体验。

它触手可及。 这是该怎么做。

为拇指设计……但不是主要为拇指设计

移动可用性应该基于人们已知的与智能手机交互的所有各种方式。 如何设计出色的移动 UX 既是常识，也是基于证据的。

很容易假设，如果我使用我的智能手机在移动网站上导航和购物，我只需要一只手拿着手机，另一只手用拇指来完成我的用户，这样做会更方便目标。 同样很容易假设我用双手（一只手拿着电话，另一只手的食指来完成我的用户目标）会不太方便。

然而，这种传统观念实际上是错误的，因为它假定人们只或主要使用一只手来操作他们的手机。

研究表明，人们实际上有六种不同的方式来握住手机并与之互动。 任何未能针对所有六种方式进行设计的移动网站都会失败并体验较低的转化率，因为用户体验会受到影响。

这六种方法是：

• 摇篮式（一只手支撑手机，另一只手拇指轻敲）
• 握住并触摸（一只手支撑手机，另一只手食指轻敲）
• 横向方向的两只手（想想您将如何握住像 Nintendo 2DS XL 这样的手持游戏设备）
• 一只手——第一顺序（一只手拿着手机，另一只手的拇指轻敲）
• 一只手 - 第二顺序（一只手握住手机，同时另一只手的拇指轻敲，但从更高的起始位置）
• 两只手用于纵向（想想你如何握住手持游戏设备，这一次，就像旧的 Nintendo Gameboy 一样）

现在，这就是事情变得真正相关的地方，以下是您握住手机的各种方式的不同用例：

• 点击链接 - 大多数人按住并点击或摇篮
• 复选框 - 大多数摇篮或按住并点击
• 打字——大多数人同时使用两个手指或拇指，或者按住并点击
• 短滚动 - 大多数按住并点击或摇篮
• 更长的滚动 - 大多数摇篮或按住并点击

底线：设计您的移动网站以适应人们持有手机的这些不同方式的范围。

更大的按钮更好

如果您正在考虑如何设计出色的移动 UX，那么最重要的方面之一就是按钮大小。 与所有移动设备一样，您的屏幕尺寸比平板电脑或台式机小得多，因此如果按钮太小，则会影响您的移动网站的可用性。 尺寸不足的按钮会导致 UX 错误，例如：

• 难以正确点击按钮
• 首先看到按钮的问题
• 很难理解按钮可以被点击或以其他方式与之交互

犯错越大越好。

更大的按钮可确保为您的购物者、客户、访客等提供更流畅的用户体验。

这就引出了一个问题，到底有多大？

根据 Google 自己的 Material Design Touch Target Size 指南，移动按钮的触摸屏尺寸应该在 7 到 10 毫米之间。 换句话说，按钮应该拥有大约 1 厘米的物理尺寸，无论它们出现在什么屏幕上。 这确保了以下之间的巨大平衡：

• 信息密度
• 用户界面元素的“目标性”

当您的用户可以更轻松地看到按钮、了解它们与其他屏幕元素的空间关系并点击它们以成功完成页面目标时，您就可以为他们提供令人惊叹的 UX。

优先考虑最重要的内容

问题的答案，如何设计出色的移动用户体验？ 有时在于您减去而不是添加。 对于屏幕内容，此规则适用 100%。

尽管最近有增加手机屏幕尺寸的趋势，但智能手机的优势在于其小巧便携的尺寸。 这种便利有一个缺点，就是用户要承受更大的交互成本。 这是他们为实现移动网站目标而必须付出的体力和脑力。

例如，如果您在桌面上浏览新闻网站，您可能会在主页上的首屏侧边栏中看到体育比分和天气预报，因此您不必费心向下滚动。 然而，在移动设备上，同样的内容可能需要一些认真的滚动才能到达，因为移动设备的空间非常宝贵。

因此，唯一的解决方案是优先考虑移动设备上最重要的内容。 换句话说，仔细考虑在您的移动页面上向用户和访问者展示哪些内容。 毕竟，对于您在首屏包含的每个内容元素，必须将另一个元素向下推，甚至在首屏以下牺牲。

帮助您最大化首屏移动内容的一种方法是最小化所谓的 chrome。 在这种情况下，我们不是在谈论 Google 的浏览器。 Chrome 是视觉设计元素的集合，可帮助用户与界面内容交互或提供有关界面内容的额外信息，但不是内容的一部分。 Chrome来自手机的操作系统。

当您在 Gmail 应用程序的收件箱中查看电子邮件时，与用户帐户关联的所有图片就是 chrome 的一个示例。 在此示例中，这些图片可帮助您额外识别发件人，但它们对于识别它们并不是绝对必要的（电子邮件本身中的 From 行就足够了）。

通过减少这些镀铬元素，您可以大大节省移动屏幕空间，因此更有可能将最重要的信息放在小折叠区域上方。

关注最终用户

如何设计出色的移动 UX 的秘诀始终取决于最终用户。 在设计您的移动网站时请记住这一点，您将创建一个用户友好的网站。 就是这么简单。

要做到这一点，请确保您基于真实数据而非假设进行设计。 一个很好的起点是您的用户首先如何握住他们的手机。 如果您正在为许多人甚至不拿着手机的方式进行设计，那么所有的赌注都没有了。

还请记住，由于移动屏幕较小，因此必须轻松快速地查看内容，因此要使元素更大，并确保最重要的内容位于首屏。