分享

初识用户流

 小雨又来袭TSG 2022-06-26 发表于江苏

相信大家一定都听过用户流(User Flow)这个词,它在创建出色的用户体验设计中起着至关重要的作用。用户流可以帮助我们梳理用户的行为路径、他们可能遇到的问题及如何解决、他们的用户需求、我们如何开始及如何设计。

今天,小编就将全方位地介绍用户流,来帮助大家更好地了解并设计。

图片

                  

 01 

用户流介绍

什么是用户流

UX设计中的用户流程是用户完成特定目的的路径,它包括从起点到终点的每一步骤。用户体验设计中的用户流在应用程序和网站设计中可以良好运行。作为UX设计师,我们需要了解如何优化和生成具有更好用户体验的设计作品。

图片

以下是一个关于用户流程的示例。在这一示例中,用户可能已经在我们的网站上拥有了一个账户,但现在,他们想要登录来停用或删除这一账户。在这种情况之下,我们可以创建一个用户流来检查他们的操作步骤,并尝试找到一种解决方案来为用户提供体验。

图片

Account Options User Flow Diagram, by Igor Maric
/shots/5695576-Account-Options-User-Flow-Diagram/attachments/11005474?mode=media

在UX设计中为什么需要用户流?

增加销量 (Increase Sales): 

一个用户体验设计项目的最终目的是从应用程序或网站获得更多报酬。在使用用户流程的过程中,我们可以了解用户的想法,按照他们的步骤创建具有良好用户体验的设计。当我们提供了用户满意的体验、清理操作障碍、缩短实现最终目的的路径时,他们就会更愿意付费。

找到优化点 (Find optimization point): 

从用户那里获得反馈是找到需要优化现有产品和网站的最佳方式。但是,在一个网站或大家的品牌不知名时,要从用户那里获得建议并不容易。因此,找出现有页面、应用程序或界面问题的另一种方法就是使用用户流。

帮助团队更好了解用户 (Help your colleagues understand users better): 

当我们决定创建用户友好的产品或网站或改善用户对现有产品的体验时,应该考虑的不是一个成员,而是一个团队。在UX设计中使用用户流是展示用户如何使用产品或网站的有效方式。然后,每个成员都可以了解用户并提供可行的创意点。

流利交流 (Communicate fluently): 

当我们对如何设计或更新产品或页面有想法时,就需要解释为什么会有这个想法。而用户流程则将有助于大家的演示。

▍何时可以应用用户流?

我们可以从用户体验设计的用户流程中获得许多好处,那么我们应该在什么时候应用它呢?

Stage 1: 开始设计之前

要成为UX设计师,我们需要做的第一件事就是了解自己的用户。在决定创建设计作品之前,需要分析客户并进行研究。随后,大家将了解用户在网站或产品上的表现、需要设计多少页面或屏幕,以及他们将如何在您的脑海中排序。

Stage 2: 完成设计之后

当完成设计工作时,我们需要将其呈现给自己的导师、队友或其他人。更好的方法是使用用户流程并显示用户将如何对我们的设计工作采取行动,他们将如何满足要求以及相关的体验是如何的。

Stage 3: 寻找可以改进的目标点

无论是什么产品,都需要不断更新以提高其质量和用户体验。然而,我们有时候并不总是能够定位流程的实际问题并检测出需要优化的创意点。

▍用户流的类型有哪些?

在设计过程中,我们可以选择以下四种类型的用户流设计,来适用于各种场景。

任务流 (Task flow):

任务流是一个特定任务的单路径流程图。它不会显示其他分支和路径。它经常用于所有用户只会遵循一种方式的项目中。

图片

流程图 (Flowchart):

流程图包含几个任务流。用户会针对不同的情况采取不同的步骤。

图片

线流 (Wireflow):

与任务流和流程图相比,线形流更加复杂。只有在我们已经准备好一个低保真原型或线框后才可以使用。它由线框图和流程图组成。在知道用户的表现以及需要设计多少页面或屏幕之后,线流的绘制就成为了一种更好的使用方式。

图片

屏幕流 (Screen-flow):

屏幕流将与线流相同。它们唯一的区别是屏幕流由高保真原型和流程图组成。如果我们需要向队友或他人展示最终设计是如何工作的,那么屏幕流将是一种合适的方法。

 02 

创建用户流

用户流的创建并不是一项复杂的任务,但它也并不如我们想象中的那样容易。在创建用户流程的时候,我们需要经过以下六个步骤:

Step 1: 对用户进行研究

作为设计师,我们应该首先了解自己的用户,否则就无法创建有效的用户流。我们可以使用不同的工具来分析问题:用户来自哪里、他们的目的是什么、他们将做什么、他们想要什么服务等等。

随后在进行研究时,我们就会清楚地了解自己的客户,并且可能会对用户在尝试使用产品或访问网站时会采取的行动有一些看法。

Step 2: 列出想要达到的目的和目标

创建UX设计用户流的目的应该很明确,因为它可以确定我们需要使用的用户流类型。同时我们也可以知晓创建用户流所要实现的最终目标。

Step 3: 列出可能的步骤

在设计用户流程之前,强烈建议提前在纸上或其他工具上列出所有步骤,尤其是对于那些复杂的用户流程。它可以帮助我们在创建时使事情变得清晰并节省时间。

Step 4: 选取用户流类型

用户流有四种类型。它们中的每一个都适用于不同的场景。例如,我们可以在了解所需的页数或屏幕数以及如何设计它们后选择使用线流。此外,也可以根据自己的要求选择所需要的那一款。

Step 5: 创建用户流

完成所有准备工作后,就可以开始设计用户流程了。如果我们在第四步中选择任务流和流程图,那么就需要定义这些用户流所代表的内容。在此之后,选择一个像XMind这样的思维导图工具或像Mockplus这样的原型软件,这些设计工具所具备的功能帮助我们创建想要的用户流程。

Step 6: 审查和更新

在完成用户流后,大家应该检查它是否合理。我们可以将其发送给队友或他人以获取一些建议并更新以获得所需的建议。

 03 

设计工具

在创建用户流时,我们需要选择正确的设计工具。现在,小编将为大家分享几款好用且高效的设计工具。

Axure

作为原型设计领域最大的品牌,如果我们需要创建用户流程,那么Axure将是一个不错的选择。它具有图标创建、连接模式和形状绘制等设计功能,可用于为UX设计创建用户流程。

图片

官网链接:/

兼容系统:Windows、Mac

价格:免费试用一个月;USD25 per user/month

支持的用户流类型:任务流、流程图、线流、屏幕流

▍Figma

Figma在设计行业享有盛誉,也可以成为用户流的专业工具。我们可以添加默认形状或使用钢笔和铅笔绘制所需的形状并添加箭头以连接它们。此外,Figma也可以在创建低保真和高保真原型或从计算机上传图片后创建线性流和屏幕流。

图片

官网链接:/

兼容系统:在线工具,几乎可以应用于所有设备

价格:有限功能免费;USD12 per editor/month

支持的用户流类型:任务流、流程图、线流、屏幕流

▍Mockplus

Mockplus是一个可以创建我们之前谈到的所有类型的用户流的工具。它提供了思维导图模式和各种形状,可帮助大家单击几下即可创建任务流和流程图。此外,我们还可以使用其标记组件添加一些注释。

Mockplus作为原型制作工具,我们可以使用免费模板、UI组件、完备的图标、形状、组件等,并轻松创建低保真原型和高保真原型。一旦我们准备好原型文件,就可以将它们截屏并保存于计算机。

图片

图片

官网链接:/

兼容系统:在线工具,可在Windows、Mac、Linux、iPadOs、iOS 和Android等所有平台上运行。

价格:大多数功能免费;USD5.95 per user/month

支持的用户流类型:任务流、流程图、线流、屏幕流

Mockplus是一款免费工具,可以创建我们所需要的用户流程。它还提供了一个协作工具,可帮助大家将设计移交给开发人员,从团队那里获得有关设计工作的评论和反馈,并将任务分配给目标成员等。

UX 设计中的用户流程是为我们的产品获得更好用户体验的实用方法。无论是初级设计师还是高级设计师,大家都可以在充分了解用户流的前提下,按照步骤,挑选一款出色的工具,开始直接尝试创建。

编辑:YAN

原文链接:

/ux-planet/the-beginners-guide-to-user-flow-in-ux-design-2022-7a0ab8c7d0bd

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 全屏 打印 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多