移动端“引导”功能设计拆解

用户头像
杭州/UX设计师/5年前/848浏览
移动端“引导”功能设计拆解

关于“引导”功能在设计细节上的拆解和梳理

从目标的角度出发,“引导”的作用可以是帮助用户快速认识产品新功能、提示用户下一步操作、提供快捷跳转等。承载了不同目标的“引导”,有着不同的视觉表现方式,本文意在梳理常见的移动端“引导”类型,以更好理解如何通过视觉方式更恰如其分地完成产品需求。





特点:

1、常驻,在满足条件(如发布内容)后消失

2、视觉亮眼,体现产品风格调性(可融入动效,进一步提升视觉感知)


使用场景:

核心功能引导,常见于UGC产品,平台强力引导用户生产内容,以提升产品活跃度。




区别:

1、有蒙版情况:引导性强,用户容易注意到,同时阻断感也强,连续多步通知容易让用户产生认知惯性,难以集中注意力。

2、无蒙版情况:更轻量,不打断使用流程,不容易引起用户反感。


使用场景:

有蒙版情况:上线了重要新功能,希望用户第一时间注意并了解用法、新用户手势提示等。

无蒙版情况:使用场景更广,能承载更多功能。








特点:

有行动点,将“通知”和“操作”相结合,提供快捷操作,减少交互步长。


意义:

根据用户的使用场景,如地理位置之于外卖产品,对用户动机进行预判,同时规避部分错误。




特点:

有生动的视觉指引(小手),通过拟物或动效的表现方式,吸引用户注意,引导点击。


使用场景:

对于某个关键行为的强烈引导,对于提升某个按钮的点击率有积极影响。同时也常被用于运营需求中。




特点:

通常与蒙版搭配出现,适用于全屏幕而不仅局限于某个具体功能或控件。


使用场景:

常出现在新手引导中,以防某些用户因为不熟悉手势而造成误触或无法正常使用。




特点:

不针对于界面中的具体控件,不带有指向性。


使用场景:

1、快捷操作:如引导登录、快速分享

2、智能服务:当用户界面停留时间较长,疑似遇到问题,提供帮助入口

3、运营需求:引导用户参与活动、领红包等

4、兴趣引导:引导进入热搜榜单

……

此类形式能承载的内容多样(图标、文案、行动点),许多产品需求都可以采用此种方式满足,性质类似于轻量弹窗。




与上文“底部浮层”类似,不多做赘述。


8
举报
|
20
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】珠宝icon
新拟态风格 UI设计组件库
Security Camera UI kit
我的钱包-UI界面设计-app
【新年UI图标】优惠券icon
3D卡通UI界面图标可爱插画免扣素
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
新能源APP应用UIKit
UI应用平面图标
拟物风质感写实UI卡片合集源文件
手表表盘UI系列
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
科技医疗透明柜UI界面设计
【新年UI图标】游戏/娱乐icon
高级表盘系列UI源文件
UI界面 组件
【新年UI图标】汽车icon
【新年UI图标】影音icon
高级感金属拟物 UI设计组件库
【新年UI图标】30个图标
抽象液态渐变UI背景模版
你可能喜欢
相关收藏夹
大家都在看
登录注册