如何设计出色的移动应用

在为移动设备创建应用程序时，需要设计一个全新的维度。 让我们帮助您保持专注并了解重要的事情 - 只需遵循这个简单的指南，您就可以很好地设计出能够脱颖而出并有所作为的应用程序！

这是一个启蒙时代的问题：设计一个伟大的移动应用程序需要什么？ 答案随着时间而改变，但有一件事是不变的：没有捷径可走。

要制作人们想要使用的应用程序，您必须付出艰苦的努力，为细节付出努力，并确保它满足您的受众的需求。 当然，正确掌握基础知识很重要——专注于用户体验 (UX) 并确保它看起来不错，但这只是一个起点。

当然，您知道您的设计必须易于使用且响应迅速。 你也知道用户应该是你的应用程序设计过程的中心。 但是，您可能不知道如何将所有这些部分组合在一起以创建成功的移动应用程序设计。 无论您选择哪条道路，都需要牢记许多注意事项，这样您就不会得到一个不能满足用户需求的产品。

移动应用程序设计：分步指南和关键注意事项

定义应用的目标

正如你不会在没有首先确定房产的大小、位置和用途的情况下开始建造房屋一样，你也不应该在没有首先了解其目标的情况下着手设计应用程序。 你的应用要解决什么问题？ 它会帮助谁？ 它的用户想从中得到什么？

在你做任何其他事情之前，应该确定所有这些问题的答案。 它们提供了一种关于 UI（用户界面）如何运作以及它将包含哪些功能的长期地图。 在整个设计过程中，您的目标也是要牢记的最重要的事情，因此请确保在您继续之前确定它们。

有许多不同的方法来定义你的目标，但总的来说，它们应该足够具体，以便可以在指定的时间段内实现。 例如，如果您想为使用社交网站的人创建一个出色的应用程序，那么定义用户想要的特性和功能类型会很有帮助。

有一个清晰的概念（App idea）

很明显的一点，但很多人都忽略了这一点。 立即开始设计是很有诱惑力的。 但在你考虑像素之前，你必须知道你在创造什么。 最好的应用程序是围绕一个易于沟通和理解的单一、清晰的概念构建的。 试着尽可能简单地解释你的应用创意——如果你不能用一句话来做，你可能还不知道它是什么。

明确您的想法的一个好方法是写下您对以下问题的回答：我的应用程序是做什么的？ 如果您的答案每次都在变化，或者充满了如果和但是，那么请回到绘图板上，弄清楚您要解决的问题到底是什么。

不要跳过市场研究

Apple App Store 上有超过 222 万个应用程序，Google Play (Statista) 上有超过 348 万个应用程序，因此在开始设计应用程序之前花一些时间研究你的利基和竞争对手是个好主意。

了解那里有什么将帮助您设计出独特的东西来吸引您的观众。 它还可以帮助您识别市场中的差距和机会，从而为您的应用带来新的想法。

在研究其他应用程序时，请注意它们的用户界面 (UI) 和用户体验 (UX) 设计。 您需要从他们做得好的地方以及他们做得不好的地方学习，以便您可以改进设计中的这些元素。

直截了当地实现用户的目标（了解您的用户）

这看起来很简单，但令人惊讶的是有多少设计师没有遵循这个简单的规则。 如果您不知道谁将使用它，您如何知道您的应用程序将被如何使用？ 更重要的是，你为什么要这样做？ 例如，如果您正在为遍布全球的员工设计应用程序，您的用户将期望 24/7 全天候访问该应用程序。 他们还需要允许他们与不同时区的同事协作的功能。 另一方面，如果您正在为年长的受众设计应用程序，他们可能需要更大的按钮和文本大小。 关键是：如果您不知道您的用户是谁，您将无法提供有效的移动应用程序设计

优化您的功能列表

最初的步骤将抛出使应用程序变得出色所必需的各种功能； 但是，当您开始考虑应用程序的开发和用户体验时，有些事情没有意义或没有增加价值。 还有一种可能性是，某些功能的开发成本太高，或者需要的时间比你在这个项目上的时间要长。 使用您的判断力并减少这些功能。

另一方面，随着人们的建议或您想到新的功能，不断向您的应用程序添加越来越多的功能可能很诱人。 但是，重要的是要尽可能地保留并坚持最初的计划。 如果此时有一些非常重要但不一定很重要的补充，那么考虑将它们用于未来的更新。

事情是这样的：你无法适应你认为对应用程序来说必要的一切。 您需要确定优先级，然后开始选择。

创建用户流程图

你有你的问题，你了解你的听众，你已经完成了你的研究。 在深入了解线框图之前，让我们退后一步，看看大图。 您将创建一个用户流程图，显示应用程序中的所有屏幕以及它们如何链接在一起。 用户流程图是用户在使用您的应用程序时可能采取的所有步骤的地图。 这就像一个老式的选择你自己的冒险系列丛书：

在每个决策点，接下来发生的事情都有多种选择。 这些图表可能会变得非常复杂，但是有一些很棒的工具可以帮助您创建它们。 不必担心是否完美，只需将它写在纸上，这样您就可以了解您的应用程序有多大以及设计需要多少工作量。

设计线框

在这一点上，您已经对您的应用程序将要做什么以及为谁构建它有一个坚实的想法。 是时候开始设计应用程序的外观和感觉了，这意味着创建线框

如果您不熟悉线框图，它是设计移动应用程序、网站或其他软件的蓝图。 它可以帮助您在开始设计本身之前了解内容的流程和位置。

设计师使用线框图来展示页面上的不同元素以及它们如何相互关联。 这些视觉指南非常简单，没有任何颜色或样式，但它们包含您移动应用程序的所有主要组件。 大多数设计师从纸上开始，勾勒出他们所有的想法，然后再进入电脑制作更详细的模型。

在这个阶段你想要实现的是弄清楚你的用户将如何与你的产品进行交互——他们将在哪里点击和滑动，他们在做什么时会看到什么等等。

决定设计模式和调色板

这里的目标是了解您的应用程序的结构以及应用程序的基本感觉。 为此，您需要选择一种用于 UI 的样式。 在这里，您可以查看设计师已经创建的应用程序，看看哪些是最好的。 此外，您需要在决策中考虑您的品牌。

不同的设计模式可用于移动应用程序。 一些常见的例子是：

• 网格视图 – 网格视图在可滚动列表或网格中显示一系列图像。
• 无限卷轴。
• 选项卡式视图 - 选项卡式视图让用户可以在一个屏幕上显示的不同内容之间切换。
• 轮播视图 – 当需要同时显示多个项目时，轮播视图很有用。 这种类型的界面在电子商务应用程序中经常使用。

另外，请记住考虑菜单在您的应用页面上的位置（通常位于左上角）以及您的应用中是否会有多个页面。 如果是这样，请记住，每个页面都有其用途，并且应该有自己的身份。

接下来，确定有助于引导用户体验应用程序的调色板。 如果某些东西应该被点击或触摸，请确保有一个专门用于这些交互的可见指示器（例如在文本下划线或触摸时按钮会发光）。

创建更详细的模型

比线框图更详细的模型应该包括逼真的图像、字体和颜色。 添加到模型中的细节越多，用户测试人员就越容易理解并就应用程序的流程和可用性提供反馈。

样机非常适合改进应用程序的布局。 它们还可以方便地显示当您单击或键入页面时页面的行为方式。

创建模型时使用了不同的工具，例如 Balsamiq、Axure、InVision 等等。 最好的应用程序设计师了解这些工具的使用方法，并使用它们来创建清晰、精美、保真度最高的应用程序外观模型——不仅仅是针对一个屏幕，而是针对用户可能遇到的所有屏幕。 完成此过程有助于确保用户旅程的每一步从头到尾都是顺畅无缝的。 它让每个人都在同一页面上了解最终产品的外观和工作方式。 它还可以帮助他们在将其编码到实际应用程序中之前了解设计中的工作原理。

确保遵守移动应用程序设计最佳实践

让您的应用程序保持简单

在设计应用程序时，您还希望确保您没有包含太多特性或功能——您的目标是为用户创建易于导航和直观的东西。 您还希望确保任何文本或图像清晰，以增强用户体验。

一致性是关键

您的应用程序应该在设备、平台和操作系统之间保持一致。 这意味着，如果用户使用您的应用程序的不同版本（想想 iOS 与 Android），他们仍然应该能够轻松地浏览它。

明智地使用图标和颜色

图标很有帮助，因为它们不占用太多空间，但用户仍然很容易识别。 颜色也很重要——您想要使用区分可点击和不可点击项目或选项的颜色。 不过，尽量不要使用超过三种颜色——过多会使你的应用看起来混乱和模糊。

最大限度地减少用户完成每项任务所需的步骤数

没有关于多少点击和点击太多的通用规则。 这取决于您的应用程序做什么以及它是为谁服务的。 但是，如果某件事可以在 3 次点击中完成，请不要让用户通过 5 次。

直观的导航

您应该避免询问用户他们下一步想去哪里，因为这会增加他们的认知负担。 相反，根据他们之前采取的行动，向他们展示他们下一步可以做什么，并提供实现目标的多种途径，这样他们就不必从头开始

方便单手使用

尽管我们很想想象我们的用户可以用两只手握住手机，但现实情况是很多时候他们没有。 在他们在旅途中或多任务处理的情况下（也许在阅读您的应用程序时吃三明治？），如果他们可以只用一只手使用您的应用程序，对他们来说会更方便。 考虑将您的按钮保持在用户拇指可触及的范围内——屏幕底部三分之一左右的位置应保留用于可以用一只手轻松点击的重要功能（最好不用看）。

应用程序可访问性

有多种障碍，包括视觉、听觉、语言和身体障碍，它们可能会影响您的应用程序的可用性。 虽然不可能为每个残疾设计一个应用程序，但您希望尝试让尽可能多的人可以访问您的应用程序。 一些简单的方法可以做到这一点，包括使用高对比度的配色方案，确保字体易于辨认并响应字体大小的变化，并确保元素之间有适当的间距。 您还应该确保您的应用与 VoiceOver 等辅助功能兼容。 如果残疾用户无法访问您的应用程序，那么您可能会排除大部分受众 - 不要让这种情况发生！

预测用户的下一步行动

目的是提供尽可能流畅和轻松的体验。 一个好的设计将利用过去的行动，以便可以预期和推荐未来的行动。 您还可以了解用户点击和滑动的位置，以相应地塑造设计。 例如，如果大多数用户点击屏幕的某个部分，这可能表明您应该使其更大或更易于访问。

使用负空间

这是主要组件之间的“空白”空间，可以让用户的眼睛在视觉上休息，并定义布局以便于交互。

有清晰的层次结构

通过一次只关注一个元素，用户可以轻松找到他们正在寻找的内容。

专注于个性化

在用户体验方面，个性化是关键。 对于拥有多种类型客户或不同用例的企业而言，为每个用户个性化您的应用体验可能具有挑战性，但这也是与用户建立联系的最有价值的方式之一。

个性化体验让用户感觉他们正在获得与他们特别相关的内容，这让他们保持参与并对您提供的内容感兴趣。 这可以包括一些简单的事情，例如根据位置发送推送通知或允许用户在应用程序中自定义他们的个人资料。

应用程序个性化的另一种方式是使用位置服务。 像 Uber 这样的应用程序就是很好的例子：它们使用 GPS 数据，因此它们可以准确地知道您在哪里以及附近有哪些司机。 这有助于为用户创造更高效的体验，因为现在他们不必在每次需要 Uber 时都输入地址！

让初次使用的用户轻松入职

如果您想给您的用户留下深刻印象并让他们回来，您需要尽可能快速和轻松地进行入职。 换句话说，您需要最大限度地减少用户开始使用您的应用程序所需的时间。 他们越快访问功能并获得良好的体验，他们就越有可能对使用您的应用程序感到自信。

一个有效的方法是减少步骤。 如果用户需要填写他们的姓名、地址和电话号码，以便他们可以浏览您的应用程序的功能，那么您对他们来说太难了。

与其让用户填写冗长乏味的表格，不如让他们选择完全绕过它。 一个更好的主意是为他们提供一个选项，让他们可以稍后填写详细信息或完全跳过它。

如果您不确定在入职流程中需要包含哪些内容，请查看您所在行业中拥有大量订阅者的其他应用程序。 他们在做什么？ 他们包括了什么？ 哪些部分是必要的，哪些可以删减？

速度设计

目标是构建一个快速、流畅且无故障的移动应用程序。 您可以通过使用正确的技术堆栈并在构建您的应用程序时考虑到现实生活中的蜂窝连接速度来实现这一点。 做到这一点的最佳方法是使用旨在快速和轻量数据的技术，例如预加载图像或确保您在任何给定时间只加载您需要的内容。

使用引领潮流的技术增强您的应用

了解构建应用程序的基础知识很容易，但如果您想给用户留下深刻印象，请不要忘记考虑如何结合趋势主导的技术来增强他们的体验。 例如，移动支付越来越受到 Apple Pay 和美国银行的移动钱包等品牌的欢迎。 通过将这样的系统整合到您的应用程序中，它可以使用户在使用您的服务时体验更加流畅和方便。 其他示例包括集成基于位置的服务以根据用户所在位置为用户提供相关信息，或引入与您的服务交互的新方式，例如语音控制和增强现实 (AR)。 除了增强您的应用程序的整体用户体验外，这些技术还将使您的业务处于领先地位。

获取有关您的设计的反馈并进行相应的修改

如果不征求用户的反馈，设计过程永远不会完成。 与几个朋友或随机的陌生人一起测试您的应用程序，并请他们给您诚实的意见。 这将帮助您进行相应的改进和更改。

一个很好的方法是创建应用程序的原型或测试版，然后将其展示给未参与该过程的人。 您还可以询问他们是否会对其进行一段时间的测试，以便了解他们如何使用它以及他们的体验如何。 这有助于您识别在使用应用程序之前可能不明显的任何问题。 此外，请务必记下这些测试人员所说的话，无论是正面的还是负面的； 这一切都很重要！

完成此操作后，请根据收到的反馈进行相应的修改。 如果事情需要改变，不要等到开发后期，这样会花费更多的时间和金钱； 现在就做吧！ 当用户喜欢使用您精心设计的应用程序时，您会感谢自己！

最后的想法

您正在阅读本文的事实证明了您的奉献精神。 您本可以在为您的企业构建应用程序的过程中顺风顺水，而无需过多考虑设计和用户体验，但您没有。 你长期参与其中。

有很多移动设计最佳实践。 从配色方案到导航和布局，知道从哪里开始可能会让人不知所措。 请记住，您每天使用的应用程序具有直观的设计，可以以最简单的方式解决您的问题。

从这些成功的应用程序中汲取教训，并在设计您的移动应用程序时将其付诸实践。 归根结底，由您决定如何设计您的应用程序以及如何帮助用户解决他们的痛点。