为流畅的交互体验，创建完美的用户流程

对于上面的银行APP的例子，我们可以在第二步和第三步的时候创建一个案例，就像这样：

为了知道Singer是怎样展示为Basecamp速记的方式以及他是怎样用这个概述过程说明复杂的流程的，查看这篇文章《 A Shorthand for Designing UI Flows》

画出草稿并且做出一个流程原型

现在我们已经准备好为我们框架流程或者速记流程中的每一个页面，创建一个低保真草稿。这些草稿将是你的想法，用更多页面的细节和结构活生生地展现在你的面前。只要你创建了草稿，一个简单的低保真原型可以帮助你使用这些想法去与用户进行沟通。

你可以使用很多种方法草稿出用户流程，就像这些文章所示，比方说《these examples of user flows》和在Wireframes Magazine发表的《wire flows》。然而，在承诺任何特定流程之前，请创建一个简单的原型来验证其与用户和商业目标的一致性。 它不需要任何想象力 – 你的原型可以在纸上完成，所以你可以开始了解用户如何在内容和动作之间流动。

从那里，您可以继续对纸上的草图进行迭代，并将其剪切出来用于纸张原型，或者转到像UXPin这样的数字原型设计工具。

流程的真实案例和他们的拆卸

现在，我们向您展示了创建自己的用户流程并将其转换为草图和低保真原型的过程，我们将为您展示一些用户登录的真实交互流程有趣案例。

用户登录是一个很好的场景，它需要特殊的技能来平衡用户需求和商业需求。 用户希望直接进入应用程序，越简单越好。 商业显然也希望用户登入，但他们也希望轻轻推动用户升级他们的计划。为查看我们正在讨论的解构示例，我们强烈建议您使用查看这篇文章《User Onboarding》。

您当然需要掌握有说服力的设计艺术，以创造流动，教育用户，同时帮助他们发现升级的优势。

下一步

掌握用户体验方面，绝对不能代替实践。

我建议您从基本流程开始，如思维导图（使每个框代表用户操作中的一个步骤）。 一旦您感到满意，请随时为每个页面构建线框，然后添加交互，使你的流程用原型进行生动起来。

阁主的总结：

文章交代了流程的概念和共性，以及在建立流程前先要想到用户。考虑用户的不同来源，以及这些来源可能会产生的不同使用场景用户的不同目的与行为。然后再介绍了，创建流程的时候最好先用笔去打草稿，然后再用文字进行过程描述，最后用登录流程来进行了举例，以及建议大家要开始动手开始实践。

原文地址：https://www.uxpin.com/studio/blog/creating-perfect-user-flows-for-smooth-ux/

作者：Marek Bowers

关于作者：

Sophiallg，微信公众号：Sophia的玲珑阁，一枚爱折腾，爱健身的交互设计妹纸。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!