Monday的Onboarding设计,是如何把用户体验做到极致的

用户头像
北京/产品设计师/5年前/122浏览
Monday的Onboarding设计,是如何把用户体验做到极致的
用户头像
lkx1024

今天来跟大家分享一个Good Design,就是Monday的Onboarding设计。可能有些同学不了解Onboarding是什么,先给大家快速科普一下:

Onboarding指的是新用户引导流程。其中的文案,设计,体验,易用性,很大程度上决定了用户对产品的第一印象,以及是否会再次、持续地使用这个产品。一个好的Onboarding设计可以帮助产品获取更多的用户增长,传递产品价值。

今天要分享的Monday是一个B端项目管理类网站,它能够帮助个人/企业开展高效的团队协作。下面我们就一起看看它的Onboarding流程吧!


Step1:填写基础信息

新用户注册后,页面中会出现一个弹窗,引导用户填写一些基础信息

这一步主要是为了采集用户需求,从而精准地为他们推荐模版。通常处理这种信息采集的场景时,表单会成为设计的首选,但是Monday就采取了一个很巧妙的设计,将Form内容提炼成了一句话。

这样做的好处有:

1、使页面内容变得生动,不死板

2、提高用户的理解效率,降低操作难度

3、避免用户产生不耐烦等负面情绪 

同时,表单里还有一些很好的设计,例如:

当多选框中选择2个以上的选项时,横线处会显示“multiple things”而不是把所有内容展示出来,这样就可以避免弹窗中内容超长需要垂直滚动,同时也保证了弹窗在视觉上的整洁美观:

当选择多个选项后,再次点击“multiple things”,所有已选选项会排列在list最上方:


Step2:邀请团队成员

创建好一个项目后,会引导用户邀请团队,用户可也以选择暂不邀请。

在这个弹窗中,也有一些不错的设计,例如:

1、标题的文案很贴心,用户完成了前面的几步操作,很可能会没有耐心继续下去,这样的文案可以有效缓解用户浮躁的情绪。

2、右侧插图形象地描绘出团队协作的场景,与当前弹窗所执行的操作相互呼应。


Step3:选择模版

点击稍后再做,进入下一步,页面中出现一个弹窗,用户可以选择一个模版,很惊喜的一个小细节是,这里面还可以“抽盲盒”,点击「Start from Scratch」系统会自动生成一个模版:


Step4:核心功能介绍

选择模版后,页面中会展示核心功能的介绍,在每一个介绍文案中,都会附有案例,可谓是每一个细节都做得很贴心,很精致:

最后的最后,Monday向用户提示了帮助文档的位置:

好的,以上就是Kexin为大家整理的Monday的Onboarding流程中体验感很棒的设计细节。

如果你喜欢我的文章,就来关注我吧!


0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI_3D图标炮仗<新春促销>
【新年UI图标】影音icon
【新年UI图标】游戏/娱乐icon
高级感金属拟物 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
我的钱包-UI界面设计-app
科技医疗透明柜UI界面设计
盲盒APP UI设计
新拟态风格 UI设计组件库
UI通用设计素材1
UI 登录界面设计模板包
钱包ui模板
【新年UI图标】珠宝icon
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】汽车icon
UI界面 组件
【新年UI图标】秒杀icon
森系3D渐变流体抽象矢量UI背景图
Security Camera UI kit
高级表盘系列UI源文件
智能家居中心 简约 UI设计组件库
【新年UI图标】30个图标
你可能喜欢
相关收藏夹
大家都在看
登录注册