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

用户头像
北京/产品设计师/4年前/121浏览
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图标】钱包icon
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
钱包ui模板
【新年UI图标】影音icon
高级感金属拟物 UI设计组件库
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
【新年UI图标】30个图标
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级表盘系列UI源文件
UI 登录界面设计模板包
我的钱包-UI界面设计-app
新能源APP应用UIKit
【新年UI图标】珠宝icon
【新年UI图标】秒杀icon
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】汽车icon
【新年UI图标】游戏/娱乐icon
UI_3D图标“一本秘籍”(源文件
矢量立体简约UI蓝白图标
UI通用设计素材1
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册