摘要:对于新用户引导流程,不同的设计师有不同的理解。今天这篇文章的作者 Elizabeth Alli 研究了 200 多个案例之后,总结了一套新用户引导流程的设计要点,也非常值得看看。
原文地址:https://www.uisdc.com/200-onboarding-flows
作者:陈子木
编者按:对于新用户引导流程,不同的设计师有不同的理解。今天这篇文章的作者 Elizabeth Alli 研究了 200 多个案例之后,总结了一套新用户引导流程的设计要点,也非常值得看看。
当你打开一个全新的 APP 或首次登录某项服务时,会经历这样的时刻:你既不确定这个产品是否适合自己,也不清楚各个功能的所在位置……
在你的脑海深处,有个细微的声音已经开始判断:这值得我花费时间吗?
我研究了200多个或成功或欠佳的数字产品的新用户引导流程,发现了重复出现的模式、常见错误,以及将彻底改变你对新用户引导流程UX认知的重要特征。
首先让我们明确概念:新用户引导流程不是登录界面(身份认证),甚至不是填写账户信息的界面(账户设置)。虽然这些可能属于「新用户引导流程」的组成部分,但真正的「新用户引导流程」是通过结构化 UX 流程的界面、交互与提示,向用户介绍产品或功能。
对许多人来说这常是事后补充的信息,但它却是产品防止被用户删除的第一道防线。关于新用户引导流程的最大误解在于,认为它仅适用于首次使用者或首次注册/登录场景。实际情况更为复杂,或者说优秀的新用户引导流程应该具备这种复杂性。
糟糕的新用户引导体验可能导致高达80%的用户在使用前就放弃 APP 。
这就像是开了一家餐厅,100位顾客光临后仅有10人留下用餐,其余90人看完菜单就转身离开。这种情况非常糟糕——尤其是当你投入大量心血打造优秀产品却无人体验时。我们都知道第一印象的重要性,也清楚挽回用户的难度。
但掌握新用户引导流程精髓的产品,它们能将用户留存率提升50%,并培养出真正忠诚的长期用户。
因此核心问题是:成功与失败的新用户引导流程差异何在?我们该如何优化设计?
在研究了大量案例之后,我发现了包含反直觉要素的成功公式。
你无法引导自己不了解的人。
再精美的插画、完美布局的界面或工具提示,都无法弥补对用户认知的缺失。
因为成功引导的关键在于:在用户当前所处阶段与其相遇,并规划通往 ta 目标的有效路径。新用户引导流程不仅是展示产品功能——更是帮助用户获得他们关心的结果。
为此你需要知道:用户是谁?他们在意什么?以及如何引导他们达成目标。
优秀的新用户引导流程关乎有策略的设计,而多数设计师对此考虑不足。很多设计师仅仅只是堆砌轮播说明页,寄希望于用户不跳过内容。但若想正确实施,以下是制定策略的必要步骤。
因此研究并理解理想用户画像至关重要——同时需要明确产品不适合哪些人群。
Notion网页 APP 是绝佳范例。初次注册时会询问使用场景:个人使用、团队协作、学生群体、企业需求。
这意味着用户通过自我定位选择用例类型。随后通过有限选项的下拉菜单收集基础信息:
工作性质(如产品管理)团队角色主要用例(知识库/项目管理/公司目标)优秀 APP 认识到不同用户类型存在差异化的目标、动机和经验水平,这些差异会影响到每个用户旅程阶段。
他们追求的终极目标是什么?达成目标必须经历哪些步骤?引导完成这些步骤的最快方式是什么?或者说如何帮助他们获得「首次成功」Acorns 这款金融 APP 是典型案例。由于涉及财务领域,需要解答大量问题以正确分类用户。
流程始于允许多选答案的开关按钮,核心步骤是关联银行账户(这是不可跳过的必要环节)。 APP 向用户保证流程安全加密,提供自动关联与手动输入两种方式。
通过第三方服务 Plaid 完成银行验证(包括双重认证等安全检查)后,用户将看到订阅相关的说明,展示不同价格层级(个人版/家庭版等)。尽管流程较长,但对金融产品而言合乎逻辑。但缺陷在于无法中途暂停,建议提前告知需要一次性完成。
这是设计师最常忽视的步骤。新用户引导流程不仅要帮助用户理解产品,还需与盈利模式和长期商业目标保持一致。过度强调变现会导致用户流失,过于被动则难以转化付费。
我们都经历过这种「照骗」场景:满心期待打开 APP ,却在体验功能前就被付费墙拦截。
因此平衡用户体验与商业目标至关重要,无论是:
推动订阅增长提升广告收益增强用户参与吸引投资注意是的,有时 APP 中需要插入广告——但应经过精心设计而非随意堆砌。
示例:VSCO新用户引导流程截图(欠佳案例)
我对这款 APP 感受复杂。注册后立即遭遇付费墙:
虽然采用高级订阅模式,但允许体验部分基础功能免费/付费功能边界模糊未告知可探索功能范围,容易导致用户盲目点击示例:Fotor新用户引导流程截图(优秀案例)
相比之下,这款图片编辑 APP 表现出色。初始阶段通过精美弹窗分类用户:
选择内容创作经验水平设定使用场景(如社交媒体内容)声明内容编辑频率这种设计实现了即时个性化的体验。进入 APP 后所有付费功能均带有钻石图标明确标注。
启示:优秀的新用户引导流程不是困住用户,而是展示不可替代的价值。
用户在特定步骤流失不代表全盘错误。应逐个调整变量(减少点击次数/优化文案/新增视觉提示)并测量效果。经验表明细微调整可能带来显著提升。
启示:恐慌与猜测无法解决问题,循序渐进测试才是改进之道。
在多年设计经验与200+案例研究后,我发现错误模式不断重复。但在此之前...
Mobbin新用户引导流程库截图
通过搜索「新用户引导流程」即可分析海量案例。UX/UI设计师的宝藏工具,支持将界面流程与屏幕录像直接导入Figma。
常见错误避坑指南现在了解成功要素后,让我们聚焦致命错误——这些可修复的失误正导致企业损失百万用户与收入!
在展示产品价值前就要求用户填写姓名、职位、喜好颜色甚至祖母姓氏?
这必然引发反感。优秀 APP 会尽快带用户抵达「首次成功」。
说明书式的新用户引导流程注定会被跳过。应采用视觉叙事、即时提示和真实用户反馈,创造自然体验。经验表明故事板式流程更具吸引力。
渴望用户全面理解产品可以理解,但强迫完成12步教程才允许自由操作?
这绝对引发用户抵触。应提供跳过选项并在适当时机鼓励自主探索。「自定义旅程」或「全程指导」的选择取决于用户类型。
核心在于灵活性——优秀的新用户引导流程应像贴心向导,而非需要挣扎逃脱的密室。
最好的 APP 不会对每个用户一视同仁的。
示例:Numo个性化引导界面截图
启示:通用型引导流程必然存在优化空间。
良好的新用户引导流程,只有在用户需要的时候才会展现必要的信息。
示例:Siimple适时提示案例
推荐使用基于行为的触发机制,可通过Intercom等工具实现。
启示:过早过量信息造成压力,过少支持导致迷失。
使用微奖励、进度条甚至微妙动画的 APP ,可以与用户快速建立情感联系,让他们保持参与、情绪亢奋,并可能再次使用这个 APP。
示例:Siimple发布成功动效微奖励/进度条/细腻动画创造情感纽带——保持用户参与度与回访意愿。
启示:这不仅是可爱的设计,更是心理战术。细微多巴胺刺激强化使用愉悦感。
来源:梦想精通设计