移动用户体验设计原则

好的设计就是好的设计，对吧？ 没错，但是根据该设计的媒介，有一些专门的考虑因素会发挥作用。 类似在台式计算机上运行的应用程序的设计原则通常与最有效的移动用户体验设计惯例略有不同。

即使在“移动用户体验设计”这样的总括类别中，设计应用程序和设计移动网站之间也存在差异。 当用户下载应用程序时，他们不仅想要网站的移动版本。 他们想要一种独特的体验来证明他们下载应用程序所花费的时间（以及它在手机上占用的空间）是合理的。 用户无需担心删除他们认为不值得的应用程序——75% 的应用程序下载只打开一次。

一般来说，移动设计不容忽视。 在全球范围内，通过移动设备和平板电脑访问互联网的人数超过了通过台式电脑访问互联网的人数。 忽略这些用户不再是 UX 设计师可以证明的。 对于移动设计师来说，在设计过程的每一步都考虑移动 UX 最佳实践非常重要。

把用户放在第一位

这一点不言而喻，但在任何设计项目中，用户都应该是第一位的，而用户需求在移动设备上更为重要（也更具体）。 如果设计师不满足移动用户的需求，这些用户将很快转移到其他网站、应用程序或分散注意力的地方。

以下是设计师可以做的一些事情来满足移动用户的特定需求。

使导航直观

移动网站和应用程序上的导航需要比桌面网站更直观。 用户需要能够立即确定如何绕过移动应用程序或网站。 这可以通过可识别的设计模式（例如汉堡菜单）以及可识别的图标（主屏幕的“主页”图标、消息传递的聊天气泡等）来实现。

如果用户必须考虑如何导航，他们更有可能脱离网站，或者关闭应用程序并寻找更简单的解决方案。

创建跨设备的无缝体验

无论用户是访问应用程序、移动网站还是桌面网站上的内容，使用它们之间的转换都需要无缝。 设计元素应该相互映照（例如，设计师不应将蓝色用于应用程序，而将红色用于网站）。

无缝体验不仅让使用网站或应用程序的人更轻松，而且还建立了对品牌的信任。

关注用户目标

人们在移动应用程序或网站上的目标可能与他们在完整的桌面网站上的目标不同。 例如，在餐厅应用程序上，访问者可能只想做几件事：查看菜单、预订或查询路线。 在大多数情况下，他们不会在手机上查看业务的完整历史记录——这类内容可以隐藏在菜单或子菜单中。

想想用户在移动应用上真正想要做什么。 设计师经常忽略的一件重要事情是需要登录才能完成基本任务。 例如，银行应用程序通常要求登录才能在应用程序上执行任何操作。 但是，诸如查找最近的 ATM 位置之类的任务实际上并不需要用户登录。使这些功能易于访问是改善用户体验的好方法。

允许个性化

对于移动应用程序，个性化是改善用户体验的关键。 个性化还可以帮助实现营销目标。 这对所有相关的利益相关者来说都是双赢的。

个性化应该将用户推向他们正在寻找的内容，并远离与他们无关的内容。 它还可以消除网站上的干扰，简化购买流程等组件，并确保营销信息与访问者的实际需求保持同步。

然而，过多的个性化可能很容易落入陷阱。 个性化程度需要与用户对应用程序和公司的信任程度相匹配。 当网站展示他们正在考虑（或谈论）但甚至没有搜索过的东西的广告时，人们多久会感到不安或奇怪？ 当然，这只是高级广告算法的预测性质，但这种程度的个性化仍然会让访问者感到担忧。

总是让事情变得更容易

当一个人在移动设备上访问网站或应用程序时，他们希望尽快完成手头的任务。 由设计师来尽可能轻松地完成必要的任务。 消除对每项任务并非绝对重要的所有内容是一个很好的起点。 在移动界面上简化必要的任务也是关键。

例如，许多电子商务应用程序和网站现在提供用于输入信用卡信息的摄像头选项。 购物者无需输入卡号，只需将相机对准信用卡，应用程序就会自动读取卡号。

其他事情，比如在表单字段中指定输入的类型（例如，当电子邮件地址是预期的输入时，@符号和“.com”会在主键盘屏幕上弹出）。

良好的入职实践

良好的入职培训对于移动应用程序至关重要。 但不同类型的应用程序对“好”的定义差异很大。 易于使用的应用程序（例如待办事项列表或网络浏览器）需要最少的引导。 大多数用户需要开始使用几个指出独特功能的启动画面。

但更复杂的应用程序，例如用于金融服务或项目管理的应用程序，需要更全面的引导。

使用既定手势

这一点不言而喻，但移动设计师需要考虑人们已经习惯在他们的设备上使用的既定手势。 对于大多数用户来说，像捏缩放或滑动这样的操作已经变得很直观，应该尽可能地使用。

在设计师决定偏离既定手势的情况下，无论是在入职过程中还是在第一次出现用例时，让用户了解这种偏离是很重要的。

手机版面设计

设计移动布局与设计任何其他类型的布局并没有完全不同，但设计师需要考虑一些因素。

最大的考虑因素之一是触摸屏目标的大小。 虽然鼠标或触控板可以精确地点击，但指尖的准确度要低得多。 理想情况下，移动设备屏幕上的目标应为 7-10 毫米。 这允许指尖轻敲目标，而不必过于仔细地瞄准。

需要考虑的一个相关区域是手部位置控制和移动设备上的“拇指区”——当人们用一只手拿着手机时，可以用拇指轻松访问手机屏幕的区域。 将大部分交互式内容（尤其是号召性用语）放在该区域对于创造积极的用户体验至关重要。

对于移动设计来说，尽可能多地消除杂乱是很重要的。 在移动应用程序方面，极简主义是设计师的朋友。 试图将桌面 UI 中的所有内容都塞进一个只有一小部分大小的屏幕中，这会使设计看起来局促并且可能会让人不知所措。

专注于目标，最小化导航选项（菜单和子菜单可以帮助实现这一点），并且通常消除对用户做他们需要做的事情不是必需的任何元素，将创建一个更精简和用户友好的 UI。

在消除屏幕混乱的同时，设计师必须确保不要忽视一些关键的设计注意事项。 其中一项考虑是确保各种设计元素具有足够的对比度。 人们经常在不太理想的条件下查看他们的移动设备。 像明亮的阳光这样的东西会使屏幕上的元素难以看到，但高对比度有助于使元素更明显。

排版是另一个关键考虑因素。 在移动设计中拥有清晰的排版层次结构非常重要。 标题和标题应该很容易发现，一般来说，字体应该更大。 没有人喜欢眯着眼睛盯着屏幕尝试阅读手机上的大段文字。 清晰的标题、项目符号或编号列表以及简短的段落都使移动文本更清晰易读。

最后一个 UI 考虑因素是过渡和动画的使用。 动画可以是向用户发出的重要信号，表明他们刚刚采取的任何行动都会有所作为。 移动应用程序中屏幕或功能之间的动画和清晰的过渡是反馈的关键部分，可以创造更令人满意的用户体验。

移动用户体验最佳实践

在设计移动应用程序和网站时，上述所有因素都是重要的考虑因素。 但是还有其他移动 UX 最佳实践需要遵循，以确保获得最佳的用户体验。

专注于速度

尽管有广泛的 4G 数据可用性，但移动网络通常仍然比 wifi 或宽带服务慢。 而且在世界许多地方，4G 并不存在，移动用户要么被 3G 所困，要么被更慢的数据速度所困。

这意味着移动网站，尤其是移动应用程序需要快速。 在应用程序中包含不需要每次加载应用程序时都下载的内容将使应用程序更快。 仅在必要时加载内容（尽管预测需要的内容并预加载它可以使应用程序在用户看来更快）。

这是在不加载不会使用的内容（并用完数据）和通过预加载用户接下来可能需要的内容来创建速度感知之间的平衡行为。

一种创造速度错觉和安抚不耐烦用户的方法是在内容加载之前使用占位符。 Facebook 的移动应用程序就是这样做的，当应用程序打开时，实际上看起来是一个精致的线框加载，为下载时加载的帖子保留空间。 这个过渡屏幕向用户发出信号，表明内容在实际加载之前正在发生某些事情。

向用户提供反馈

在用户在移动应用程序上执行操作时为他们提供反馈是积极用户体验的一个重要方面。 如前所述，动画和过渡是提供反馈的一种方式。

移动设备也可以提供触觉和音频反馈。 在执行某些操作时提供触摸反馈在手机游戏中特别流行，并且在错误消息中也很流行。 音频反馈在各种应用程序的功能中很受欢迎。 尽管如此，设计师不应该依赖音频反馈，因为很多人一直保持手机静音。

最小化数据输入

另一个关键的移动用户体验最佳实践是最小化所需的数据输入量。 之前已经提到过这一点，但是一个人必须输入移动应用程序的数据越多，他们放弃这项任务的可能性就越大。

在台式机或笔记本电脑上填写包含四个或五个字段的表单可能没什么大不了，但在移动设备上，这四个或五个字段可能足以让用户拒绝，特别是如果他们看不到他们的目的。 确保在移动设备上填写的表格中的每个字段都是必要的。 消除任何不是的。

这是一个让人们可以选择使用他们现有帐户之一（例如 Facebook、Google 或 Twitter 帐户）而不是从头开始注册可以大大提高转化率的领域。 当用户只需单击以授权访问而不是填写新注册表格时，他们更有可能这样做。 只是不要仅仅依赖这些辅助应用程序——一些用户仍然不信任关联他们的帐户，并且会花时间填写表格。

结论

遵循这些既定的移动用户体验设计原则将为访问移动网站或使用移动应用程序的人们创造更好的整体用户体验。 设计师只有几秒钟的时间来吸引人们的注意力，然后他们才会放弃一个应用程序或网站，转而使用更用户友好、直观或精简的应用程序或网站。

出色的移动设计正变得越来越普遍，并且在用户对移动应用程序的期望方面进一步提高了标准。 设计人员不能再将移动设计视为事后的想法，而需要投入与其他格式设计一样多的时间、考虑和资源。

进一步阅读 Toptal 设计博客：

• 移动 UX 设计 - 最佳实践、约束和与开发人员合作
• 通过这些移动应用入职灵感留住用户
• 移动可用性基本指南
• 移动界面的启发式原则
• 移动体验的电子商务 UX