(User Flow)让人困惑的用户流程图

Recommand
苏州/学生/4年前/1303浏览
(User Flow)让人困惑的用户流程图Recommand
o0w0o

在我学习交互设计的时候,一些图表的定义开始困扰我,到底什么是用户流程图?😕

在我学习交互设计的时候,一些图表的定义开始困扰我,到底什么是用户流程图?😕当我开始搜索用户流程图时接着又出现了任务流程图,用户旅程图等一堆图表🤷。下面就用户流程图(User Flow)进行了整理,基本上可以解决有关的所有问题。


如果有什么问题欢迎指正!😉


什么是用户流程图?

用户流程是用户(为了达成某个目标)浏览网站或应用程序的路径。该路径分为一系列步骤,用户从入口点开始,通过转化渠道进入最终操作。


📖用户流程图的示例

电子商务网站的购买流程的典型示例如下:

  • 用户从首页开始;

  • 用户可以从主页导航到产品类别。

  • 在产品类别页面中,用户选择特定项目并导航至项目详细信息页面;

  • 在项目详细信息页面上,用户将项目添加到购物车并导航到购物车页面;

  • 从购物车页面,用户导航到结帐;

  • 用户在结帐页面上完成购买并看到确认页面。

上面的用户流程示例就是我们所说的“happy path”,即成功的用户流程的简化版本。在现实生活中,可能会有很多替代途径——用户通常希望比较不同的产品,阅读有关交付的信息等等。因此,用户流程通常被做为流程图,其中包含许多节点,用于用户可能采用的各种路径。


📚用户流程图的特征与几种类型

1.使用与软工相同的语言,可以很好的与开发对接

矩形:代表步骤

菱形:条件语句

圆角矩形:开始/结束

undefined

2.当用户流程很复杂时,可以使用泳道图,前台和后台相配合一起写流程

undefined

3.融入界面的流程

在有界面之后可以更加清晰直观的表现用户流程,而文字的形式可以帮助设计者快速进行各种流程的尝试。

undefined


📑使用用户流程图时应该考虑的事项

用户目标和业务目标是设计用户流时需要考虑的两个最重要的事项。

建立用户流的过程始于了解用户的需求和期望。这种理解将帮助产品团队设计满足这些需求的流程。业务目标是您希望用户采取的行动。业务目标可能是使用户注册某些东西,购买产品或加入电子邮件列表。从用户目标开始,并将其与业务目标相匹配。

其他基本问题:

  • 用户想要完成什么?

  • 用户需要什么信息?

  • 哪些障碍可能会阻止用户实现目标?

  • 要回答这些问题,您需要进行用户研究。与现有或潜在用户进行的一系列访谈将帮助您找到问题的答案。


📒用户流程图的价值

1.UX/UI设计时帮助团队创建直观的界面

2.评估现有界面,确定产品的完整或部分体验的可能性

3.是与开发交流的有效工具


😕关于User Flow的困惑

1.为什么会看到不同种类的User Flow?

因为团队间合作的需要和制定规范的差异,使得各种形式出现

当第三种也就是采用界面形式的Wire Flow绘制线User Flow的时候线框的保真度可能不同,所以我们看到的也不同。

2.对于各种图的类型是否有确定的划分?

答案是没有。只要可以让开发和一起设计的成员看懂,能够顺利进行下一步即可。

3.要细分到什么程度?

创意初期可以很简单,随着项目的深入和迭代会逐渐复杂。时刻记住你的图是给谁看的,能够传递意思即可。

4.Task Flow 与 User Flow 的区别在与Task Flow专注于某一个任务,没有分支。



图片来源:

https://xd.adobe.com/ideas/process/user-research/user-journey-vs-user-flow/

https://blog.prototypr.io/ux-flows-and-why-theyre-so-confusing-26670b9089d4


5
Report
|
12
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
马年IP设计 MA DUODUO
Homepage recommendation
DESIGN NEW WAVE
Homepage recommendation
相关收藏夹
流程图设计
流程图设计
流程图设计
流程图设计
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in