大家好,今天给各位分享全面UX术语解析:深入理解任务流程、用户流程、流程图及新增功能的一些知识,其中也会对进行解释,文章篇幅可能偏长,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在就马上开始吧!
打破它
任务流和用户流分析是听了很多年的术语。我决定找出他们的“官方”定义。但谷歌搜索显示,现有的用户体验术语表并未定义这些术语。
无论哪种情况,流程都描述了运动。设计人员需要考虑用户如何浏览网站或应用程序。创建这些流程将帮助设计人员考虑用户访问特定页面之前和之后会发生什么,并专注于重要的事情。除了创建工作原型的第一步之外,流程还可以帮助开发人员了解如何在备用状态下工作。
流程图
流程图是包含复杂系统或活动中人或物的移动或动作顺序的图表。
任务流程与用户流程
任务进程与用户进程没有什么不同。两者的目标都是优化用户以最小的摩擦完成任务的能力。它们都可以帮助您在开发功能之前思考设计。如果你想区分它们,你可以将它们定义为:
任务流程
任务流程是所有用户针对特定操作完成的单个流程。例如,注册。任务流具有显着的流程,它们不会分支。
用户流程
用户流是用户通过应用程序所遵循的路径。我喜欢将它们视为迷你用户旅程。该过程不必是线性的;它还可以在非线性路径中分支。通过确定这条路径,您可以看到路线可能会在哪里轮流,从而优化用户体验。
用户流程启动可以很简单,并有助于识别用户旅程的关键“红色路线”——。当条件和要求较多时,很容易演变成一个复杂的过程。用户流程有助于在构建产品之前消除复杂的流程。
设计用户流程可以为用户和企业带来更好的结果- Morgan Brown
用户界面的流程
37 个带有用户流程简写的标志。他们理解的用户流程存在以下问题:
1、设计过程中沟通困难。
2. 绘制每个进程的状态非常耗时。
3. 也许您可能想在用户界面过程中使用它。这是一种快速入门方法,可能会满足您一段时间的需求。
线框图
PG 的Michael Pons 简化结账流程
多年来,我创建了流程图来沟通交互。为了提供更多背景信息,我的流程图变体包括线框。 NNgroup 最近创造了“Wireflows”一词来捕捉这种新的用户体验交付成果。
Definition:Wireflows 是一种设计规范格式,它将线框页面布局设计与简化的流程图方法相结合。 ——NN集团
仅线框图是不够的。线框和静态内容的交流布局不是交互式的。流程图确实涵盖了详细的交互,但它们忽略了用户上下文。线流有助于记录正在更改页面内容或布局的复杂交互。
线条流线要素
1. 外部与退出
2、步骤如:用户操作、系统操作、备用路径
3. 连接:指示所需的路径和可能的不同流
4.决策点:用户必须从2个或更多选项中进行选择
了解用户场景可以带来更好的设计体验。所描述的方法都有助于交流想法并提供有效协作的解决方案。以下是一些可帮助您入门的资源。
资源
以下是一些可帮助加快您的UX 工作流程的资源。
用户界面套件
流程图工具,作者:Greg Dlubacz
免费赠品— Sketch 流程图套件
这是一个精心设计的Sketch 用户流程工具包,可帮助快速轻松地创建简单的站点地图。
包括箭头在内的所有元素都是可扩展的并且完全可定制。
流程图工具,作者:Arthur Guillermin Hazan
流程图套件草图资源
这是一个用于展示网站项目页面之间交互的流程图。您可以添加箭头、图标、自定义您自己的页面,甚至使用此套件构建精确的站点地图。
用户流程图模板,作者:Jarosaw Ceborski
用户流程图模板Sketch的用户流程图模板将帮助您轻松创建漂亮的图表!所有方框和箭头都是草图符号,以便于使用。
来自Template.net 的13+ 个高效UX 流程图模板
Sketch插件
AE 流程图,作者:Marko Tadic
Sketch插件——AEFlowchart
Sketch 有几个用于创建流程图的插件。快速浏览后,我发现AEFlowcharts 是最容易使用的。
您可以在Vimeo 上观看实际操作。
感谢您的观看!
原文地址:https://uxplanet.org/ux-glossary-task-flows-user-flows-flowcharts-and-some-new-ish-stuff-2321044d837d?source=collection_home---4-------0-- ---------
原作者:Naema Baskanderi(UX设计师)
【全面UX术语解析:深入理解任务流程、用户流程、流程图及新增功能】相关文章:
2.米颠拜石
3.王羲之临池学书
8.郑板桥轶事十则
用户评论
最近在学习UI/UX设计,感觉术语很多,这篇文章刚好解释了几个常用词!
有10位网友表示赞同!
这篇文章正好能帮助我更清晰地理解 UX 设计过程中那些复杂的概念。
有16位网友表示赞同!
任务流程和用户流程的区别我一直不太清楚,这篇博客讲得真好!
有20位网友表示赞同!
学习UI/UX设计的人一定要看一看这个术语表!涵盖范围很广,讲解也很细致。
有8位网友表示赞同!
感觉有些新功能还挺有意思的,可以尝试在项目中应用看看。
有16位网友表示赞同!
这篇文章帮我理解了为什么流程图对UX设计这么重要。
有6位网友表示赞同!
之前看过一些流程图,但这次阅读文章后,对流程图的运用更加了解了。
有18位网友表示赞同!
很喜欢这篇文章的讲解方式,很直观易懂!
有14位网友表示赞同!
学习新技能总是需要很多专业词语,这篇文章整理得很好,非常实用。
有15位网友表示赞同!
UX的设计越来越重要了,掌握这些术语就能让我们更好地理解设计理念。
有8位网友表示赞同!
希望接下来还能看到更多关于用户体验的精彩文章。
有16位网友表示赞同!
学习了这么多的UX术语,感觉自己离做一个合格的UI/UX设计师更近一步啦!
有7位网友表示赞同!
这篇博客提醒我了,还需要不断学习新的设计理念和技术。
有11位网友表示赞同!
感谢作者分享这些宝贵知识,帮助我们更好地理解用户体验的设计。
有15位网友表示赞同!
以后在工作中遇到一些新词汇可以直接看这篇文章参考一下,很方便!
有17位网友表示赞同!
UX设计师的工作内容越来越复杂,掌握这些基础术语至关重要。
有19位网友表示赞同!
希望更多人能够关注和学习用户体验设计,为用户创造更好的体验!
有15位网友表示赞同!
阅读了这篇文章后,我对 UX 设计有了更深的理解。
有5位网友表示赞同!
对于想入门UX设计的同学们来说,这篇术语表非常有用!
有6位网友表示赞同!
期待作者后面能分享更多关于 UX 设计的内容!
有8位网友表示赞同!