移动用户体验设计约束、最佳实践以及与开发人员合作

我们可以通过遵循移动 UX 设计最佳实践、了解约束并促进与开发人员建立稳固的工作关系来实现更好的用户体验。

什么是移动用户体验设计？

TechCrunch 最近的一篇文章指出，在 2018 年感恩节假期期间，移动电子商务占所有在线销售额的近三分之一，而 Digital Trends 在 2017 年报告称，全球现在有 50 亿人拥有移动设备。 谷歌还宣布，现在其搜索结果中超过一半的网页都使用了移动优先索引。

人们每天都依赖移动设备进行通信、电子商务、内容消费、工作、银行业务、方向，并越来越多地作为他们唯一的计算设备。 更重要的是，他们正在使用各种设备，例如手机、智能手表、平板电脑、平板手机、可穿戴设备和混合笔记本电脑。

移动用户体验 (UX) 设计是指在使用移动设备和可穿戴设备以及在此类设备上运行的应用程序或服务期间的积极体验设计……移动用户体验设计非常注重效率和可发现性。 - 交互设计基础

对于 UX 设计师来说，这些移动设备趋势既代表着挑战，也代表着机遇。 一方面，我们必须考虑到设备的多样性和使用方式。 另一方面，这在 UX 设计中开辟了一组全新的重点领域，这意味着为全新的一代用户创造积极的体验。

移动用户体验设计的最佳实践

移动用户体验设计很棘手。 如前所述，我们必须考虑很多事情，包括不断增长的移动设备列表、人们与它们交互的方式，以及人们希望在所有设备类型上获得一致和愉快的体验这一事实。

谷歌的 25 个移动用户体验设计技巧

2015 年，谷歌发布了 25 个基于内部研究的移动 UX 设计最佳实践。 这些提示最近进行了更新，以使它们更加最新。 作者还包括一个包含所有 25 个技巧的可下载 PDF，可以很好地保存在任何移动 UX 项目中。

Apple 的人机界面指南

另一个方便使用的重要资源是 Apple 的移动设计人机界面指南。 它们易于阅读，布局精美，并充斥着最佳实践、技巧和 Apple 自己的设计原则。 对于移动用户体验设计师来说，这些指南是提供高质量用户体验的重要资源。

其他移动用户体验最佳实践

这里还有一些移动 UX 设计最佳实践，它们可能不像 Google 那样广为人知，但对于移动设计师来说同样重要。

• 用户体验研究。 在某些时候，我们可能会倾向于直接进入模型或原型，但是，首先进行适当的用户体验研究是不可低估的。 永远记住“你不是你的用户”，一个积极的用户体验依赖于在任何情况下彻底的用户体验研究。 这是 Adob​​e 的 UX 研究方法综合指南，供进一步参考。
• 杂乱无章。 我们都经历过桌面杂乱的焦虑——想象一下它在移动设备上！ 每个添加的按钮、图像、内容等，都会使事情变得更加复杂。 摆脱移动 UI 中并非绝对必要的任何内容是个好主意。 一个很好的建议是努力追求极简主义，但不要以牺牲良好的可用性为代价。 这通常可以通过在每个屏幕上优先处理一个主要操作来实现。
• 优先。 有一种趋势是尝试添加尽可能多的功能。 我们觉得遗漏一些东西会以某种方式为用户创造更少的体验。 相反，要根据核心目标高度关注功能，并通过分析最常用的功能来改进设计，然后努力使这些功能既直观又令人愉悦。
• 触摸目标。 当用户点击某物但没有响应时，他们可能会感到愤怒并开始敲击他们的移动设备。 麻省理工学院进行的一项研究发现，他们正在点击触摸目标太小的东西。 最佳实践是创建控件、按钮、链接等（任何触摸目标）至少 7-10 毫米，这是指尖的平均宽度。 确保这些 UI 元素之间有足够的间距也是一个好主意。
• 清晰的文本。 由于用户所做的大部分工作都是基于内容消费的，因此为了在所有类型的移动设备上提供一致的体验，请确保选择在多种尺寸和重量下都能正常工作的字体。 建议使用至少 11 磅的字体大小以减少眼睛疲劳。 干净且易于阅读的字体，例如 Google 的 Roboto 和 Noto 或 Apple 的新 San Francisco 字体是探索的绝佳选择。
• 用户界面反馈。 设计良好的应用程序让我们在与它们交互时随时了解情况。 缺乏良好的反馈会使用户感到困惑，并导致他们质疑某件事是否已经发生、正在发生，或者为什么发生/没有发生。 最佳实践是根据 UI 元素或应用程序的当前状态使用不同形式的反馈（声音、触觉、可视化）。
• 可访问性。 这可能是用户体验设计，尤其是移动用户体验设计中最容易被忽视的方面之一。 世界上 15% 的人口患有某种形式的残疾。 Web 内容可访问性指南是免费提供的资源，对于数字设计师来说，它是他们工具箱中“必备”的一部分。

移动用户体验设计约束

大多数 UX 设计师的目标是提供令人愉悦的体验并提出出色的设计，以实现可发现性（可能的操作）和理解（产品应该如何使用）。 然而，对于移动设备，由于这些设备的尺寸、便携性和使用环境，存在一些限制。

存储限制

在处理原生移动应用程序时，设计人员需要考虑某些用户可能存在存储限制。

与 Web 应用程序相反，移动应用程序使用移动设备上的存储空间。 这会对移动 UX 设计产生影响，因为它对可用的视频、音频和图像的质量造成了潜在的限制。

对于原生应用，我们希望移动用户体验设计考虑到存储限制。 当用户遇到存储限制时，他们必须就保留什么和删除什么做出艰难的决定。 当我们强迫用户必须做出这些选择时，它会导致糟糕的用户体验。

屏幕和控件

我们在移动 UX 设计中面临的另一个限制是屏幕尺寸和移动设备上的控件。

移动屏幕更小：通过窥视孔阅读会增加认知负荷，使其难以理解大约两倍。 - Jakob Nielsen，Web 可用性顾问。

处理屏幕和控件的最佳方法是尽可能消除摩擦。 重组信息，注意拇指区域，减少点击次数（尤其是电子商务），并注意登录过程，这通常会令人沮丧。

环境

对于移动设备，UX 设计需要考虑环境因素。 用户会更频繁地下线，这些情况需要在整体用户体验中加以考虑。 我们如何将它们带回原来的位置？ 我们如何确保他们不必从头开始他们正在做的事情？

另一个环境因素是干扰。 当我们使用手机或平板电脑时，我们经常处于嘈杂或拥挤的环境中，难以集中注意力。 当分心争夺用户的注意力时，我们如何确保良好的用户体验？ 有没有办法我们可以保存状态并允许我们的用户也保存状态？

小屏幕尺寸，单窗口

设计师在移动 UX 设计中遇到的另一个限制是屏幕尺寸的限制。 因此，人们一次只能看到一个窗口，这给用户体验带来了巨大的限制。

有人努力尝试适应“多屏幕”和“多任务”，但这些还不是常态，并且有自己的限制。

使用这种单一窗口约束来改善移动用户体验的关键是设计应该是自给自足的。 用户需要做的任何事情都应该在一个屏幕或一个窗口内完成，即他们不应该离开应用程序来查找信息等。

当用户不得不离开应用程序或打开新屏幕时，这会增加整体认知负荷，这意味着事情变得过于复杂和令人沮丧。

人们如何持有移动设备

最后一个限制要注意：持有我们的小工具。 人们如何持有它们，这对移动用户体验设计意味着什么？

根据 Steven Hoober 的研究并在“手指、触摸和人的设计”第 2 部分中进行了概述，人们发现人们与设备的交互方式不同，具体取决于他们持有设备的方式，这随后对移动 UX 设计产生了影响。

人们以多种方式持有他们的移动设备，并且一直在改变他们的位置。 这会影响他们使用的手指以及他们如何与移动 UI 交互（见下文）。 事实证明，用户更喜欢屏幕的中心，他们不喜欢点击太靠近边缘的项目。

以下是 Steven 研究中的一些额外的移动 UX 技巧：

• 为每位用户以及每种类型和尺寸的移动设备设计
• 针对人们使用设备的各种方式进行设计
• 考虑到在大多数情况下，用户更喜欢触摸屏幕的中心
• 将关键操作放置在屏幕的中半至三分之二处
• 确保手指和拇指不会遮挡内容
• 可选项目应足够大，以便轻松点击

与开发人员合作

无论是否在敏捷/精益 UX 环境中工作，开发人员都必须解释和实施精心设计的设计。 尽早与开发人员建立一些久经考验的真正最佳实践以确保设计按预期实施是一个好主意。 这里有一些建议和技巧。

样机

在准备和移交模型时，请尽量保持文件名简单、一致且具有描述性。 这将节省很多来回的时间。 在与开发人员共享之前完成所有模型也是一个好主意，这样他们只会收到每个屏幕的一个版本。 另一个节省时间的技巧是测试与原型的所有交互，以便它们正常工作。 共享模型的好工具： InVision和Marvel 。

功能规格

作为 UX 设计师所做的大部分工作都涉及项目早期的开发人员，促进对设计过程的持续理解和创建更好的沟通渠道的好方法是创建和使用功能规范文档，或“Func” -规格。”

Func-Spec 文档类似于架构师创建的蓝图，不同之处在于它在整个设计项目中与开发人员共享，并允许他们了解应用程序或网站的功能（与 UI 的外观）。

一个很好的工作 Func-Spec 示例如下所示：

复制

通常有很多副本存在于模型之外，需要与开发人员进行沟通。 这是一个他们肯定会欣赏的想法：

如上所示，上下文有助于开发人员了解消息应该出现或消失的时间。 它应该让开发人员知道发生了什么，这样他们就不必猜测了。 该消息是将出现的实际副本。 使用真实副本而不是乱码（即 lorem ipsum）。 开发人员不想成为文案，我们想让他们的事情尽可能顺利。

规格

这是与开发人员交流设计的最重要部分之一。 这就是Zeplin和InVision 的 Inspect等工具真正大放异彩的地方，因为它们负责沟通规范，如测量、样式指南、字体、用户体验流程以及设计的每一部分如何工作。

通信 IRL（现实生活中）

设计师喜欢他们的工具。 如此之多，以至于很容易忘记拿起电话、开始视频通话或走到开发人员面前交谈。 在交付设计的一部分后，只需与开发人员会面就可以节省大量时间，因为任何问题或细微差别都可以当场讨论。 这经常被遗忘，但如果将其作为正常交接过程的一部分，每个人都会欣赏它节省的时间。

把它绑在一起

手机不会消失。 2016 年，通过移动设备访问网络的用户数量首次超过了桌面用户。 对于 UX 设计师来说，移动设备的日益普及和各种设备类型的激增将使用户体验设计更具挑战性。

出于这些原因，遵守一组最佳实践、了解移动设备引入的限制以及与开发人员建立顺畅的工作关系将是实现创造积极人类体验的设计的关键因素。

• • •

进一步阅读 Toptal 设计博客：

• 设计原则及其重要性
• 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
• 探索完形设计原则
• Adobe XD 与 Sketch – 哪种 UX 工具适合您？
• 顶级设计师使用的 10 个 UX 可交付成果