用超多案例,帮你掌握移动端的引导功能设计

2023-02-10 0 4,577

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

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

用超多案例,帮你掌握移动端的引导功能设计

用超多案例,帮你掌握移动端的引导功能设计

特点:

  1. 常驻,在满足条件(如发布内容)后消失
  2. 视觉亮眼,体现产品风格调性(可融入动效,进一步提升视觉感知)

使用场景:

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

用超多案例,帮你掌握移动端的引导功能设计

区别:

  1. 有蒙版情况:引导性强,用户容易注意到,同时阻断感也强,连续多步通知容易让用户产生认知惯性,难以集中注意力。
  2. 无蒙版情况:更轻量,不打断使用流程,不容易引起用户反感。

使用场景:

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

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

用超多案例,帮你掌握移动端的引导功能设计

用超多案例,帮你掌握移动端的引导功能设计

特点:

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

意义:

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

用超多案例,帮你掌握移动端的引导功能设计

特点:

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

使用场景:

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

用超多案例,帮你掌握移动端的引导功能设计

特点:

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

使用场景:

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

用超多案例,帮你掌握移动端的引导功能设计

特点:

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

使用场景:

  1. 快捷操作:如引导登录、快速分享
  2. 智能服务:当用户界面停留时间较长,疑似遇到问题,提供帮助入口
  3. 运营需求:引导用户参与活动、领红包等
  4. 兴趣引导:引导进入热搜榜单

……

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

用超多案例,帮你掌握移动端的引导功能设计

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

欢迎关注作者微信公众号:Change Design

用超多案例,帮你掌握移动端的引导功能设计

:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可, 转载请附上原文出处链接。
1、本站提供的源码不保证资源的完整性以及安全性,不附带任何技术服务!
2、本站提供的模板、软件工具等其他资源,均不包含技术服务,请大家谅解!
3、本站提供的资源仅供下载者参考学习,请勿用于任何商业用途,请24小时内删除!
4、如需商用,请购买正版,由于未及时购买正版发生的侵权行为,与本站无关。
5、本站部分资源存放于百度网盘或其他网盘中,请提前注册好百度网盘账号,下载安装百度网盘客户端或其他网盘客户端进行下载;
6、本站部分资源文件是经压缩后的,请下载后安装解压软件,推荐使用WinRAR和7-Zip解压软件。
7、如果本站提供的资源侵犯到了您的权益,请邮件联系: 442469558@qq.com 进行处理!

猪小侠源码-最新源码下载平台 设计教程 用超多案例,帮你掌握移动端的引导功能设计 http://www.20zxx.cn/560203/xuexijiaocheng/design.html

提供海量高端优质资源下载

常见问题
  • 本站所有资源版权均属于原作者所有,均只能用于参考学习,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,建议提前注册好百度网盘账号,使用百度网盘客户端下载
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务