掌握个人财务状况并不容易--账单、账户、信用卡和预算分散在几十家不同的银行和服务中，这使得您很难掌握自己的资金情况。Intuit的个人理财服务Mint（桌面版、iOS版、Android版）将您的所有财务信息集中在一个地方，帮助您理清您的钱财。

网站体验

在他们的网页应用中，Mint的用户入门流程从一个简单的定制问题开始--用户被要求选择他们的国家，并输入他们的邮政编码--同时还有一小段漂亮的建立信任的文案，重申了主要的价值主张。

接下来，会提示用户连接第一个银行账户。右侧有更多建立信任的文案，通过以下方式进一步让用户放心。

· 描述即将到来的过程中的3个步骤，有助于设定用户的期望值，并让他们感觉到自己是知情的。

· 使用像诺顿这样的知名品牌，以及包括流行银行的可识别标识，有助于减轻人们对账户安全的普遍担忧。

· 列出新增账号数量（超过3亿），为应用建立社会证明。

当用户等待Mint连接银行账户时，一个动画加载屏幕会让他们了解后台的最新情况。等待从来都不是一件有趣的事情，但像Mint这样的加载页面会使它更容易接受。

添加第一个账户后，会出现一个模态对话框，邀请用户浏览体验应用程序。综合导览的每一步都包含一个工具提示，教用户如何使用每个功能。每个工具提示中的文案更多关注的是优点而不是功能，教导用户该功能如何帮助他们提高财务健康水平。

深色的背景和生动的蓝色CTA（行为召唤）按钮帮助工具提示从UI的其他部分中脱颖而出。每个工具提示还包括一个设置功能的直接链接，帮助用户更快地从该功能中获得价值。例如，在下面的工具提示中，用户可以点击所包含的链接来快速添加一个经纪账户，或者查看自己的财务状况与他人相比如何。

每个工具提示都包含一个微妙的动画，并且看起来会轻微地上下浮动。这是一个很好的触感，并使整个体验感觉更友好。

每次用户点击 "下一个提示 "按钮，页面就会滚动到下一个功能。滚动有助于建立导航意识，告诉用户每个功能在哪里可以找到，并确保他们可以在游览完成后再次找到每个功能。

这个教学旅程很长，所以Mint在他们的顶部导航菜单中包含了一个链接，使得用户在完成之前退出时可以很容易地重新拾起旅程，或者通过下拉菜单重新访问特定的步骤。这些额外的导航选项使用户能够控制自己的教学，并确保上下文帮助始终可用。

移动端体验

Mint同时提供桌面版和移动版的应用程序，而入门引导体验也很适合移动设备，但有一个明显的例外，我们马上就会讲到。欢迎屏幕与桌面应用程序的感觉相匹配，并包括几行简短的文字说明，并通过一个CTA(行为召唤按钮)重申了产品的核心价值主张。

不幸的是，由于该应用程序内置了本机屏幕截图安全性，我们无法对某些移动账户设置流程进行屏幕截图（对于Mint来说，添加了额外的安全性层表示赞誉）。请相信我们的话，流程几乎照搬了桌面版。

但当应用程序连接完第一个银行账户后，用户就会直接进入该应用程序。该应用程序没有指南，没有工具提示，也没有指导用户下一步应该做什么。事实上，第一屏的一半以上都是广告--总之，对于新用户来说，这不是友好的体验。

不过即使没有游览，Mint的移动应用也很容易浏览。桌面网络应用已经为移动端进行了简化，主要功能可以通过底部的导航标签进行访问。其他功能可以通过一系列 "卡片 "找到，这些 "卡片 "解释了每个功能的好处，还有一个简单的图标，使识别每个卡片更容易一些。总的来说，移动应用很直观，让新用户很容易上手。

为什么好的用户体验很重要:

Mint在整个用户入门引导过程中注重教学和建立信任，为新用户提供了积极的动力--他们可能有理由对将自己的财务信息交给第三方持谨慎态度--从应用中获得价值，并采取具体措施实现更好的财务管理。

文章整理翻译自：https://www.reallygoodux.io/blog/mint-user-onboarding-product-tour

欢迎关注我的微信公众号@小八设计杂记，与你一起学习交流一起成长。