👨🏾‍💻 🧑 🙋🏿 用户流程：如何创建流行的应用程序和网站 🕤 🤶🏻 🔅

大家好！

我是Omega-R的UX / UI设计师Maxim Skvortsov，这是一家致力于开发和集成IT解决方案的国际公司。我设计和可视化移动和Web应用程序的界面。

基于我在信息技术领域的经验和公司专业知识，我想分享我对使用一种设计设计工具-用户流的看法和方法。为什么使用它，为什么它对设计师有用呢？用户流会是什么样子以及如何创建它？

什么是用户流？

情况：您找到了一个新应用程序，该应用程序有望完全满足您的要求，并急切地按下下载按钮。片刻之后，该应用程序启动，您可以开始使用了。但是首先，您必须注册一个帐户，然后授予应用程序访问您的位置的权限，并向您发送推送通知，之后，您需要滚动整个教程，使用个人数据的协议等。残酷的事实是，无论交互功能如何，用户在这种交互中更有可能关闭和卸载该应用程序。这就是为什么使用用户流优化应用程序中的用户路径如此重要的原因。

用户流程是操作序列的直观表示。用户为实现其目标而进行的操作。它可以覆盖特定功能或整个产品。

要进行排序，有必要进行研究并回答三个基本问题：

用户是谁？
他的目的是什么？
他应该采取什么步骤来实现这一目标？

这些是有时很难给出清晰答案的主要问题，因此支持性问题可能会有所帮助：

用户将使用该应用程序做什么？
是什么促使用户实现这一目标？
该应用程序如何帮助您实现目标？
什么会阻止用户使用该应用程序？
产品或服务的哪些质量对客户和用户最重要？有什么问题，疑问和犹豫？
应用程序的哪些质量对用户而言最重要？
用户需要什么信息来完成一项操作？
什么样的情感触发因素促使他们采取行动？

在设计过程中，总是会出现许多问题。寻找答案的方法提供了一个机会，可以从各个方面考虑每件事。只有在这种情况下，结果才能成为真正方便的产品。

用户流是关于用户的故事。

用户流程允许您通过用户的眼光看用户与应用程序的交互。

如果成熟的站点为创造力提供了足够的空间，那么移动应用程序的开发将始终迫使我们在功能和可用性之间寻求平衡。一方面，用户应轻松地从应用程序主屏幕访问最重要的功能，而无需执行许多其他步骤，只需单击大按钮即可。另一方面，当我们谈论应用程序时，不仅仅涉及按钮。

假设您正在为音乐播放器创建一个应用程序。一方面，您希望用户能够一键播放自己喜欢的歌曲。另一方面，他们需要一种方法来确定喜欢的曲目，搜索新音乐（可能在多个地方），控制音量和调整均衡器，对音乐进行排序，随机播放列表，阅读艺术家的传记，进行购买以及拥有所有其他播放器功能。用户将希望在社交网络中分享推荐和播放列表，并查看他们的朋友在听什么。

如果用户在收听播放列表时浏览在线商店并决定跳过当前曲目，则无需关闭商店并返回几个菜单步骤-可以在同一屏幕上访问此跳过按钮。

创建功能最强大的应用程序并不是那么困难，但是以最有吸引力且用户友好的方式将所有功能组合在一起是一项艰巨的任务。如果开发公司不适应它，并且没有直观地创建应用程序，那么它在故事中将无人认领。与花时间阅读手册和教程或无休止地寻找意义相比，用户下载更易理解的应用程序总是容易的。

设计师角色

想象一下，您正在一个团队中开发一种产品，那里有项目经理，后端和Web开发人员。假设甚至有来自客户的某种技术任务，其编写的内容也足够详细，合理。它仍然只是采取和制造产品。

设计师应该怎么做？根据预期结果判断，绘制所有必要的屏幕，以便最终产品既方便又美观，并将其提供给开发人员。

一般来说，是的。但是，有一座冰山的水下部分。许多事情隐藏在那里，很少有人想到。我们都喜欢方便且直观的界面，我们喜欢一切都在逻辑上工作并且任何交互的结果都是可预测的。为了使所有这些事情发生，您需要仔细制定每个细节。

为此，您需要用户流程-这将帮助确定用户实现目标的方式，在所选路径上计算积极和消极的情景，以实现我们潜在用户的目标。它使得了解产品中的所有过程是否都具有逻辑结论并有效地构建成为可能，从而使用户花费最少的时间来实现目标。

重要提示：问题越大，功能越多，需要解决的场景越多。

因此，在创建所需功能列表并基于这些功能简单设计界面时，用户流程有助于消除常见错误。当然，这种方法是可行的。但是，这可能导致与界面进行交互的场景，从而导致用户执行太多步骤以执行简单的操作。

对产品团队的价值

用户流程在顶层帮助与客户协调产品或功能的方案。尤其是当客户没有特定和详细的要求时（当他们自己不太了解他们想要的东西时）。在这种情况下，用户流程可以为客户提供一些指导，他们已经可以通过以评论的形式或通过独立调整当前方案的方式提供反馈来告诉您他们想在哪些地方更改逻辑。尽管创建用户流似乎是一个复杂且耗时的过程，但它有助于消除产品开发过程中的许多错误。正如他们所说，在他的帮助下，“慢慢驾驭，但很快就可以骑行”。

对于PM，基于用户流，为开发人员启动任务很方便-很明显且透明，需要对当前逻辑进行哪些更改或要添加哪些新功能。

测试人员可以准备用例（测试）和清单，因为它们以方便的格式演示了用户友好的脚本。

用户流程对于团队来说非常有用，尤其是当团队组成足够大时-您无需单独解释工作逻辑。因此，用户流在设计过程中涉及客户，激励团队，将所有工作过程指向一个方向，因为团队中的每个成员都将整体视为整体。

客户价值

用户几乎总是购买或使用产品或服务的人，或者可能已经准备好购买或使用产品或服务的人。从构建此过程的舒适程度来看，它取决于用户的忠诚度。无论他如何购买产品或服务-在办公室，通过电话，由专业人员访问房屋，通过现场，通过应用程序-获取和使用的方式都应尽可能简单。

对于网站和移动应用程序，用户流程是用户导航内容（文本，图像，音频，视频）的方式。用户流程包括确定内容要求的优先级，导航的障碍以及找到到达目标动作的最快，最轻松的路线。本质上，用户流直接连接到转换漏斗，并且使用用户流的IT公司会自动开发有效的转换漏斗或优化现有漏斗。

通过用户流程为他提供的帮助实现设计中体现的目标的结果使用户感到高兴和感兴趣。满意且感兴趣的用户意味着更多的时间花在了应用程序或网站上，跳出率降低，转换率提高，用户体验得到改善。

因此，用户流量直接影响网站或移动应用程序的成功以及客户的利润。用户成为设计的中心，这完全符合以客户为中心的业务原则。

它是什么样子的？

我从未见过明确定义的用户流程设计标准。用户流的表示形式可以不同，并且取决于需要完成所有工作的方式。重要的是要达到您作为设计师的目标-客户和产品团队必须了解用户如何访问特定功能，他们将位于何处以及如何工作。

用户流可以表示为以下各项的组合：

任务流程
线流量（lo-fi）
屏幕流量（高保真）

让我们看看它们中的每一个，看看它们的外观。例如，我们以家用电器的在线商店为例。定义用户，他的目标和实现目标的步骤。

让我们的用户成为一位年轻的母亲，其目标是购买多功能食品加工机。步骤序列中的一种情况可能如下所示：

打开商店的网站；
输入搜索“食品加工者”；
比较搜索结果中的多个产品
将您喜欢的产品放入购物篮中；
进行购买;
支付;
关闭网站。

任务流程

任务流是用户在完成目标或任务的每个步骤中所做的简单表示。本质上，这是定义此顺序的经典流程图。

该方案未反映需要解决的约定和其他问题。如果搜索结果未找到任何内容，该怎么办？如果付款不成功怎么办？在此，仅介绍了可能涉及许多操作的一般步骤：例如，可以使用许多过滤器扩展搜索，支付路径取决于支付工具的选择等。

要绘制图表，您可以使用图片中所示经典框图中必要和充分元素的列表，或者使用BPMN标准 -它面向技术专家和商业用户。

线流量（低保真）

线流是流程图和线框的组合。线框是屏幕设计的低细节草图，其重点不是视觉组件，而是元素的位置，屏幕的结构和内容。

在在线流程中，代替了流程图元素，显示了示意性屏幕布局，用户可以在实现目标的途中与之交互。无需关注视觉细节并绘制每个按钮和图标。通常，重点是每个页面设计中的导航元素。

线流在创建移动屏幕时特别有用：相对较小的移动屏幕尺寸很容易用来替换流程图的更多抽象元素。线流对于形成和完善技术规范很舒适，但几乎不适合测试阶段。

这种方案的一个例子：

屏幕流量（高保真）

在这里，我们谈论的是精致的屏幕，用户和开发人员都可以理解。通常，重点放在导航元素和行为的某些细微差别上。可以用作批准布局设计的法规文件。

如果向其添加交互性，则屏幕流实质上可以称为原型。它的特点是高精度或完美的像素匹配：它考虑了屏幕的物理尺寸并显示了产品的所有视觉和印刷细节。屏幕流元素实际上是完成的应用程序的屏幕布局。

当您向他展示屏幕流程时，应用程序的客户可能会对开发速度感到惊喜，并且可能认为开发已接近完成。通常，我们会提前通知客户屏幕流背后没有代码，但是屏幕流的存在使客户可以保证，经过精心准备的UX和UI后面将是同样完美的代码。

屏幕流程示例：

下面是一个示例，其中显示了经典流程图，示意图和最终布局的混合外观。

如您所知，最耗时的是最精心的-屏幕流程。它看起来像是一个正在运行的应用程序，并且可以进行交互式原型设计，测试，新迭代，批准并转移给开发人员。有许多用于用户流程团队设计的自动化工具，包括Overflow，Miro，Flowmapp等。

因此，覆盖整个产品的用户流程将其创建过程系统化和结构化，最大程度地使产品团队适应用户的需求以及他们的共同理解，从而使您能够通过分析用户场景来创建极其易于理解和直观的产品。所有这些不仅大大加快了开发速度，而且加深了与客户的互动。用户流程使IT公司始终考虑客户的业务需求，以便在不使用用户流程的情况下，在分配的预算和时间内创建效率更高，更成功的应用程序。

用户流程：如何创建流行的应用程序和网站