本文概述
- Wireflow
- Timblee
- Microsoft Visio
- Draw.io
- Smartdraw
- OmniGraffle
- Cacoo
- Justinmind
- Mockplus
- Flowmapp
- Lucidchart
#用户流是什么?
用户流程由用户与产品互动时所采取的步骤定义;从你的网站或应用程序到你提供的服务或你出售的产品, 此产品的范围可以是任何东西。
考虑到你去超市买鸡蛋, 你的做法是什么?你将通过入口进入, 然后进入乳制品区。拿到鸡蛋后, 你将前往开票柜台。你将为产品付款, 然后通过出口门退出。这就是你购买所需物品时的流程。
类似地, 当用户遵循一条特定的途径来实现一组特定的目标或执行一项任务时, 该途径即成为用户流程。
文章图片
#什么是用户流程工具?
到目前为止, 我们一直在谈论的用户流完全是理论上的。但是, 要完全了解用户与你的产品可能发生的交互, 你需要对所有可能的用户流进行直观表示。这就是用户流程工具的用武之地。用户流程工具是为你提供用户流程可视化表示的工具。这些工具以适当的示意图方式表示用户流程。
#为什么使用用户流程工具至关重要?
你可能在想为什么使用用户流工具非常重要。
问自己一个问题, 为什么创建产品(网站, 应用程序)?
为你的用户提供绝佳的体验, 对吗?为此, 你需要了解用户与你的产品可能进行的所有可能的交互。用户流程工具将为你提供所有可能交互的示意图。了解用户流程之后, 你可以着手改善用户体验。
Wireflow Wireflow不仅可以在线获得, 而且还是一种开源工具。它可以帮助你创建用户流的原型。最好的事情是, 你不需要任何Photoshop技能即可使用Wireflow创建用户流程图。它还为你提供了使用100多种自定义内置图形的选项。
Wireflow相信实时协作。这意味着你可以与朋友, 同事或小组成员一起进行设计。因此, 加倍努力;加倍水果!
文章图片
在Wireflow中, 你可以设计项目室;在这些虚拟会议室中, 你可以添加所需的任何人, 甚至可以根据需要设置项目会议室的隐私。
简而言之, 这是一个非常易于使用的工具, 可为你提供许多简单而必不可少的功能。该工具的开发人员旨在简化设计用户流程的过程。
Timblee Timblee可帮助你在产品开发的早期阶段开发用户流程图。考虑到手机已成为我们生活中更重要的一部分, Timblee可以在网络以及移动设备上正常工作。 Timblee旨在在用户体验计划的早期阶段消除对复杂工具的需求。
文章图片
它并非完全免费, 但可以在头14天免费试用, 以便你决定它是否值得。太好了吧?
它具有几个功能, 你可以通过这些功能设计站点地图以及流程图。对于初学者来说非常好, 因为它可以拖放画布, 并且相对容易处理。它的突出特点之一是你可以与他人共享你的设计, 即使他们没有在Timblee上拥有任何帐户, 他们也可以查看你的作品并提供反馈。
Microsoft Visio 该名称表明它是Microsoft家族的一部分。 Microsoft Visio是一种广谱的矢量图形应用程序。因此, 这意味着你可以在Visio上做很多其他事情, 还可以设计流程图。到现在为止, 必须已经明确的一件事是仅适用于Microsoft用户。
文章图片
它有许多模板, 你可以从中选择所需的模板。在其专业版中, 模板和布局的数量甚至更高。你还可以将数据源链接到图表。 Microsoft Visio的一个有趣的方面是它的界面类似于MS Office。从孩提时代开始, 我们大多数人就一直在使用MS Office, 因此拥有Visio并不是一件容易的事。
与Microsoft的所有其他产品一样, Visio也并非免费。你可能会获得30天的免费试用期。
Draw.io Draw.io是用于设计流程图的基于Web的在线应用程序。它的所有常规功能都是免费的, 尽管如果你希望使用某些高端集成, 则必须付费。它为你提供了将图表保存到Google云端硬盘, Dropbox或计算机的选项。它是最常用的基于浏览器的图表应用程序之一。你可以将不同的文件格式(如Lucidchart, Gliffy等)导入Draw.io。
文章图片
它提供了几个模板。它具有丰富的形状库, 你可以从中选择所需的形状库。你不需要任何注册即可开始使用Draw.io。除此之外, 你还可以下载桌面应用程序, 也可以免费离线工作。它与几乎所有浏览器兼容, 并且在移动设备上也能很好地工作。
Smartdraw Smartdraw是一种流程图工具, 可以在线使用, 也可以在Windows上下载。 Smartdraw的开发人员声称它比Visio更加容易。因此, 他们声称它是Visio的便宜但兼容的替代产品。你可以使用与Visio相同的格式导入和导出图表。它也可以在Mac上运行。它为不同的图表类型提供了70多种不同的模板。
文章图片
Smartdraw并非完全免费, 但是与同类产品相比, 它的价格相当便宜。
除了易于使用以外, 它的突出特点之一是它提供了自动格式化功能。它会自动设置图表格式, 以消除任何类型的错误和缺陷。你可以轻松地将Google应用程序和MS Office工具集成到其中。
OmniGraffle 【11个很棒的UX设计用户流程工具推荐】OmniGraffle在Mac和iOS上均可用。它是相对易于使用的应用程序。就像其他Mac应用程序一样, 它有点贵。除标准版本外, 它还具有专业版本。它提供了许多基本工具, 例如笔, 线, 形状和文本工具。而它提供的功能列表很长。专业人士会很乐意使用这些高端功能。
文章图片
使其脱颖而出的主要功能是它提供了设计层。借助设计层, 用户可以可视化他们的设计。
Cacoo Cacoo是一种流行的工具。你可以在Cacoo上设计流程图以及其他类型的图。 Cacoo的开发人员相信团队合作。 Cacoo允许你和你的队友同时处理和编辑图表。它还为你提供了评论队友工作的机会;所有这些都在你的画布上。
Cacoo有两种工作模式可供你选择。你可以从零开始考虑你的想法, 也可以从100多个预可用模板中进行选择。
文章图片
它提供14天的免费试用期, 试用期结束后, 你需要支付服务费用。 Cacoo中的画布很容易整理。你也可以管理你的团队。
Justinmind Justinmind是一个原型制作工具。两者兼容。网络和手机。它提供了几种移动手势和网络交互, 使你的设计变得轻松有趣。它还具有许多过渡和动画, 可以使你的设计更具交互性。
文章图片
你可以创建动态数据列表。它还借助数据支持用户测试。你可以立即在此工具上预览设计。此预览可以帮助你消除不需要的功能。因此, 节省你的时间和精力。你可以在单个链接中链接设计并将其导出为HTML。最后, 你可以邀请你的客户和团队成员查看你的设计, 从而避免以后的任何误解。
Mockplus Mockplus是另一个免费的原型制作工具。使用具有简单界面的工具非常简单。你可以在iOS, Android和Web上使用Mockplus。它具有200多个现成的组件和模板, 你可以从中进行选择。它提供约3000个矢量图标。所有这些使你可以更快地工作。
文章图片
但是请不要仅仅因为它具有内置的大型图标, 就不能根据需要自定义图标。你可以创建带有图标和所选交互的自定义??库。它还为简化设计提供了经典的拖放方法。它支持即时预览, 并允许你将设计链接到HTML。
Flowmapp Flowmapp是用于设计流程图和可视站点地图的在线工具。它有一个交互式工作委员会。你可以与队友和客户共享董事会, 以促进实时协作。除此之外, 你可以在完成部分后将项目转移给其他人。你可以在Flowmapp上以专业的方式规划设计。然后, 你可以使用Flowmapp的便捷工具将该计划变为现实。
文章图片
它支持直升机视图。在此视图中, 你可以从上到下查看你的项目, 从而获得一种新的设计方法。
它为用户提供14天的免费试用。
Lucidchart 该工具为你提供了一个工作区。它结合了三个不同过程的功能, 即图表, 数据可视化和协作。它促进了联网, 因此你可以实时在项目上进行协作。它使你可以计划和集思广益, 然后进行设计。
文章图片
Lucidchart仅在支持HTML5的浏览器上运行。此功能表明它不需要第三方更新。
它有一个免费版本, 你可以在其中访问Lucidchart的所有基本功能。付费版本具有所有重要功能。
总结
想象一下你要写一篇文章。你已经在脑海中勾勒出了论文的情节, 但是没有笔和纸来写下来。如果不写文章, 就无法校对并纠正错误。你可以不经校对就将其呈现给老师吗?
当你将用户流程全部规划在脑海中却没有实际可视化和设计流程的工具时, 情况也是如此。如果不可视化用户流, 就无法改善用户体验(UX)。
因此, 列出设计用户流程的要求。请记住, 每种工具都有其不同之处。然后根据需要选择用户流程工具。
推荐阅读
- 11种创建精美GIF的最佳工具
- 机器学习理论及其应用简介(带有示例的可视教程)
- 不断进步(使用此开源代码执行自己的队列分析)
- 我如何通过Python视频流使Porn效率提高20倍
- 终极优化!数千个并发请求
- Trie数据结构(被忽视的宝石)
- 深度学习教程(从感知器到深度网络)
- 创建在类路径资源[applicationcontext]中定义名为“工厂”的bean时出错。:在设置bean属性“dataSource”时,无法解析对bean“dataSource”的引用;嵌套异常是
- parsing XML document from class path resource [applicationtext.xml]; nested exception is java.io.Fil