使用这些移动应用程序设计最佳实践取悦用户

移动应用程序是连接体验的集合。 设计师的工作是让这些体验具有凝聚力和无摩擦性。 这不是一项小任务。 UI 模式和组件在所有屏幕上的外观和行为必须一致。 交互必须直观且与用户期望的结果保持一致。 整个应用程序必须包含可访问性指南。

用户研究和测试是发现应用程序取得持久成功所需的细微差别的最佳方法。 但是，有一些广泛适用的最佳实践可以帮助您设计能够长期取悦和留住用户的移动应用程序。

简化和简化您的入职流程

研究表明，与没有看到教程的用户相比，收到入门教程的用户倾向于认为任务更难。 在某些情况下，引导屏幕和工具提示可以成为介绍应用程序关键功能并鼓励用户将应用程序作为日常工作的一部分的有效方式。 但是，要求用户查看三个或四个以上的引导屏幕或预先阅读太多信息可能会令人讨厌。 用户通常宁愿自己解决问题。

一般来说，应用程序的 UI 应该非常熟悉和直观，以至于不需要教程。 但是，如果您发现有必要使用入职策略，请限制教程中的步骤数量，并在可能的情况下仅在与用户已经采取的操作相关的上下文中显示它们。 此外，将工具提示限制为应用程序的一些最重要的功能。

在应用程序和桌面版本上提供相同的功能

随着移动网络流量的增加，大多数用户希望能够在他们的移动设备上执行与在台式机上相同的任务。 虽然一项研究表明，大多数用户仍然喜欢在台式机上完成复杂的任务，但皮尤研究中心的一项研究发现，15% 的美国成年人使用智能手机作为他们访问互联网的唯一方式。 例如，无法访问移动银行应用程序上的所有功能可能会导致用户沮丧，最终导致用户将业务转移到其他地方。

管理功能推出预期可能是一个好的应用程序评论和一个糟糕的应用程序评论之间的区别。 如果您需要在实现其完整功能集之前启动您的应用程序，请不要发布“即将推出”屏幕，并创建可公开访问的功能路线图以建立准确的预期。

明智地使用通知

通知是留住用户的最强大工具之一，它可以及时推动用户重新进入应用程序并与内容互动。 但是考虑推送通知的频率和时间以及它们提供的内容至关重要。 接收到过多的 ping 或不规则的突发可能会导致用户完全禁用通知。

显示通知时，请保持上下文相关； 例如，当用户尝试拍照时请求访问相机的权限。 添加易于访问的精细通知设置，以便用户可以根据自己的需要定制通知。 此外，在用户有机会体验您的应用程序及其提供的价值之后，不要要求用户在第三次或第四次与您的产品交互之前允许通知。

让您的 Web 视图无忧无虑

Web 视图允许开发人员和设计人员快速且廉价地进行迭代，并在应用程序更新之间进行更改。 如果使用得当，它们可以通过将用户留在应用程序中同时显示预定页面来节省开发时间并简化用户体验。

Web 视图也使用户受益。 例如，它们使应用程序可以轻松访问设备的硬件，例如相机。 此外，许多应用程序使用 Web 视图对用户进行身份验证，用户可以使用密码管理器登录，然后被无缝重定向回应用程序。

然而，当涉及到本地应用程序和 Web 视图之间的上下文切换时，用户不会容忍摩擦。 必须在应用程序和浏览器之间来回切换才能完成任务是糟糕的用户体验。

针对连接性较差的应用程序优化

任何未优化以在连接性较差的情况下处理最关键任务的应用程序都是低于标准的。 例如，如果用户正在预订旅行计划或进行电子商务付款，请确保保存他们的操作，然后在重新连接后立即执行。

如果您的应用程序始终需要连接，请与用户沟通他们需要连接才能继续，而不是向他们展示无休止的微调器，或者更糟糕的是，什么也没有。 害怕被双重收费的用户会失去信任并最终放弃你的应用。

保持你的模式和组件一致

对于数字产品，视觉一致性是必须的。 未能实施和维护视觉指南表明缺乏专业精神，并可能削弱用户之间的信任。 经验凝聚力同样重要。 例如，按钮、表单、菜单和仪表板等组件和模式不仅应该统一样式，而且应该在整个应用程序中保持一致，无论页面类型如何。

作为移动应用程序设计师，您创建的不仅仅是视图集合； 你是 UI 系统的设计师。 为了在开始新项目时灌输一致性，请尝试各种设计系统，例如 Apple 的人机界面指南和 Google 的 Material Design，以确定最适合您用户设备的设计系统。

减少 UI 中的噪音

四四方方的 UI 是 90 年代软件设计的遗留物。 除了看起来过时之外，该样式还具有过多的线条、边框和实体形状，会产生过多的视觉噪音，使​​用户更难处理屏幕上的信息。

然而，一些支持结构对于帮助用户理解页面的视觉层次结构是必要的。 虽然没有什么神奇的公式，但宁可少用，也要谨慎使用线条、纯色背景和阴影等支撑结构。 如果使用得当，填充可以提供像线条一样清晰的区别，前提是构图中有足够的空间。

让您的应用程序完全可访问

Neumorphism 是一种设计趋势，其中界面组件使用微妙的阴影、渐变叠加和单色进行渲染。 神经拟态组件旨在呈现触觉并邀请交互，但它们对单色和低对比度的依赖可能使清晰查看它们变得具有挑战性。 有视觉障碍的用户在很大程度上也无法使用新拟态——这与对包容性数字产品的需求不断扩大的趋势背道而驰。

此外，神经拟态组件通常难以编码，因此很难将这种美学与公司的视觉指南相结合。 如果您决定使用神经拟态组件，请适度使用，并确保您的产品仍符合可访问性标准。

致力于持续学习

坚持移动应用程序设计最佳实践需要不断学习：阅读设计网站和文章，与其他设计师交流技巧和窍门，并与新兴工具和流程保持同步。 这也意味着要面对新设备和平台带来的挑战，并认识到您何时依赖舒适的模式和实践——而不是现在就设计真正最适合用户的东西。

编者注：感谢 Toptal 网络成员 Damir Kotoric 为本故事提供设计见解。

进一步阅读 Toptal 博客：

• 移动用户体验设计原则
• 移动信息架构原则（附信息图）
• 移动界面的启发式原则
• 移动用户体验设计约束、最佳实践以及与开发人员合作