技术文章

产品设计进步和发展得

两种图表之间最值得注意的两个区别是大小和复杂性。任务流在大小和外观上更加简约，因此可以与其他任务流一起成为更大的用户流的一部分。

关于方法，任务流程更加注重步骤，忽略了动作的特异性。因此，任务流无法精确地可视化应用程序、网站或数字体验的用户体验。原因是上述所有内容不仅包括严格的步骤，还包括分支决策和其他可能不会导致最终目标但会使用户远离最终目标的小动作。

使过程更顺畅的有用工具

您可以在大多数行业流行的设计工具（例如 Figma、Sketch 或 Adobe XD）上使用基本原型制作功能（屏幕到屏幕转换）构建非交互式用户流程。但是，如果您和您的团队在演示或文档方面严重依赖用户流，建议使用更专业的图表工具，例如Overflow .

Overflow可以帮助您准备低保真和高保真的用户流程，这意味着您可以轻松准备具有交互能力的优秀任务流程。您还应该尝试将更复杂的用户流程拆分为多个子流程或任务流程，将每个流程呈现在不同的面板上以获得更轻松的导航体验。

在将任务流放在一起时，您的工作要容易得多。如果您需要在团队会议上快速展示一些内容，甚至可以在一张纸上完成任务流程。其他白板工具，例如 Miro，也是不错的选择。

越多，可用工具和资源的列表就越长。设计师面临的问题之一是许多行业流行语定义不一致。一个视频博主可能会解释为同一事物的图表在会议发言人的演示文稿中看起来可能会略有不同。

用户流和任务流就是这样两个经常混淆的流行语。然而，与其他情况相反，由于这两个图在视觉上很接近，因此更容易混淆这两个图。为了帮助消除任何混淆，本文从用户体验和产品设计的角度概述了用户流和任务流之间的主要异同。

什么是用户流？

用户流是用户为达到特定目标可以遵循的所有可能路径的可视化表示。用户流可以是低保真度或高保真度，每个在产品设计过程的不同阶段都有用。低保真用户流通常包含不同样式的形状、注释和连接器，有助于在设计或开发开始之前的早期阶段概念化用户体验。高保真用户流还包含视觉效果、设备皮肤和其他品牌元素，从而更容易评估潜在用户将享受的路径和视觉体验。

例如，让我们更深入地研究这个电子学习桌面应用程序的简单用户流程图。主要目标是让用户以视频格式观看他们喜欢的课程。他们如何到达那里取决于几个因素，例如用户是否登录。用户流程考虑了所有这些信息，并尝试以一种既有益健康、易于理解又易于理解的方式将其浓缩。

用户流量有什么好处？

与任务流不同，用户流可以包含多个甚至分支路径。这让他们觉得更适合从整体上评估项目并了解最终用户和实施项目的团队的复杂性至关重要的情况。话虽这么说，用户流也可以呈现大图，同时仍然允许任何人关注细节，例如特定屏幕上的按钮或文本大小。

用户流是最通用的图表。它们可以在产品开发过程的所有阶段以不同的形式使用。如前所述，低保真用户流程非常适合早期构思，而高保真用户流程非常适合预开发交接或客户签字。此外，许多团队喜欢记录和使用用户流作为单一的事实来源，这样每个人都可以快速了解项目是如何随着时间的推移而演变的。

最后，用户流是进行异步设计评论和获得可操作反馈的好方法，同时可以减少在会议上浪费的时间。它们的详细程度以及在创建它们时添加结构和上下文的可能性使它们即使没有现场演示也很容易理解。

什么是任务流？

与侧重于用户决策和交互的用户流相反，任务流将实现一个 目标所需的所有步骤可视化。与低保真用户流类似，大多数任务流看起来相对线性，由表示步骤和连接器的形状和标签组成，以显示顺序。

让我们看一下上面与之前相同的电子学习平台相关的任务流示例。它描述了新用户在 Learnhub 平台上上课所需的六个步骤。任务流不需要从流程的开头开始。相反，只要有一个特定的目标要达到，他们可能会在一个更长的过程中间想象一条路径的一部分。

任务流有什么好处？

任务流是最简单的用户体验图表类型之一。当团队不确定如何构建更广泛的流程并需要将其分解为更小的子流程以探索所有不同的选项时，它们的简单性使它们成为早期调整的理想选择。

任务流的另一个好处是它们可以在几分钟内完成，并且只需最少的设计知识或访问独特的工具。一张纸和一支笔足以画出一些形状，给它们贴上标签，并用箭头连接它们。这使它们成为同步会议的理想选择，在这种情况下，团队可能需要当场集思广益并开发一些直观易懂的东西。

用户流和任务流的相似性

并排查看任何低保真用户流和任务流，很难将它们分开是可以理解的。两者之间的相似之处并不仅限于外表；我们在下图中总结了一长串共同点：

很明显，与许多其他图表一样，用户流和任务流对于在早期阶段进行团队调整以可视化特定流程或体验特别有用。特别重要的是，将两个图表放在一起并不难，即使对于新手设计师或没有设计技能的个人也是如此。

用户流和任务流的区别

正如我们之前所见，某些版本的用户和任务流看起来很相似。然而，重要的是要注意，除了表面之外，两者不仅在结构上而且在视觉上也存在差异，我们在下面以简明的格式记录了这些差异：