用户在与产品交互时可以采用多种不同的途径。用户流是用户旅程的一部分,它展示了用户在产品中的动作,绘制了用户从开始(入口点)到最终交互或结果所采取的每一步。

我们为什么要使用用户流?

描绘和开发此过程使设计人员能够评估和优化用户体验并了解需要构建的内容;它可以帮助您和您的团队思考用户可能如何处理任务以及您希望为他们提供什么类型的体验。

https://images.ctfassets.net/ooa29xqb8tix/6TWb0Os2YRGNCgDHzoKuFV/a8b70a0ce58d74b80cb4f14737a075d8/2.jpg

一次一个角色

当您开始时:您需要确定您将在练习中关注哪个角色。您可以并且应该根据不同的场景和角色创建多个用户流练习。每个场景都应该包含一个角色、一个动机、一个意图、一个行动和一个解决方案。

https://images.ctfassets.net/ooa29xqb8tix/2VbQHimxS7sXcy8OTEwP5L/e5705ba4c7bff07bf1062dc77e210f41/3.jpg

从开始到结束

创建用户流时,您需要确定您希望用户最终到达何处,以及用户希望从您的应用或网站获得什么。一些示例:购买产品、订阅时事通讯、下载您的电子书、登录、注册等。

https://images.ctfassets.net/ooa29xqb8tix/6RgDjFxHWaPQncoBr9A8GT/de2db7e278545f4df8b6c86710d634fa/4.jpg

不同的入口点

您需要定义入口点:用户可以来自直接流量、自然搜索、付费广告、社交媒体、推荐网站、电子邮件营销等。每个入口点可以而且应该有不同的映射场景——因为用户动机可能根据将它们带到您的产品的原因而有所不同。

https://images.ctfassets.net/ooa29xqb8tix/76KuNxVU8SxyQP5anGkqLd/66cb773d62aec7284ccde236d9fcec3a/5.jpg

练习:登录模态用户流程

我正在使用 Adobe XD,因为它是一个免费工具,并且与 Overflow 插件有很好的集成。我们将只制作一个登录模式。首先,开始制作登录模式的屏幕。我还为启动画面制作了一个屏幕(应用程序中的入口点)。

https://images.ctfassets.net/ooa29xqb8tix/5d3QlJxjuUDF91qz8NO5xJ/813056529b1a9a6a63012718afd7c3c3/6.jpg

开始设计“用户名、密码”框。还可以制作“登录、使用 Facebook 登录和使用 Twitter 登录”的按钮。您可以自己设计这些,也可以从 Adobe XD 的免费线框工具包中复制它们。(从 Adobe Xd Menu → File → Get Ui Kits → Wireframes 获取那些)

https://images.ctfassets.net/ooa29xqb8tix/2rc6UAvluHTbOcd7lVPYu3/2701489a853143bd876f2d879d0cea84/7.jpg

为“登录”设计第二个屏幕,其中用户名和密码已由用户填写。为用户“登录”成功时发生的情况设计第四个屏幕。在这种情况下,用户最终会出现在帐户屏幕上。

https://images.ctfassets.net/ooa29xqb8tix/6MKuAf1579bCuEEt6CsN4N/ff032dc2ecf6111382d48959a70a6a90/8.jpg