欢迎光临
我们一直在努力

小程序悬浮按钮设计指南—悬浮按钮的作用

小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第1张这是路灯的第4篇文章

悬浮按钮,英文为Floating Action Button,简称FAB。它位于整个页面的最上层,可以将重要的操作与页面其他内容区分,同时也能为页面承载更多的内容和操作。由于微信小程序设计规范的限制,悬浮按钮可以说是一种比较好的解决方案。

 

在设计小程序时要预留右上角的操作区域,原本APP里面经常在这个位置放置的分享、菜单、消息等按钮,就需要规划新的位置了。再加上小程序的设计不建议进行过深层的跳转,尽量减少页面跳转,或者放置常用操作的快速入口,也成了一种常规的设计方式。

 

悬浮按钮无论是在APP、移动端网页,还是小程序中使用,作用都是相似的。抛开运营活动需求的特殊作用,单从产品本身的功能来看,我总结了三种:

 

引导或强调重要操作


引导用户进行产品的核心操作时,可以使用一个对比明显的悬浮按钮,比如:

社区类产品的发布内容功能 

小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第2张

名片类产品的沟通功能 


小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第3张

阅读类产品的分享收藏功能 


小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第4张

购物类产品的购买结算功能 


小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第5张

这些操作都是让用户尽快完成业务核心流程的闭环,醒目的悬浮按钮能够减少用户的决策时间。

 

集中承载多项操作


有些产品在一个页面需要很多种操作,就可以将悬浮按钮当作一个菜单,将这些操作收起来。如果有非常重要的操作,也可以单独拿出来。

小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第6张

 

全局操作的快速入口


像联系客服、回到首页这样的操作,用户可能会在很多操作节点都会使用。但这样的按钮在设计时要注意大小及是否有必要做的很明显。

小程序悬浮按钮设计指南—悬浮按钮的作用 小程序营销 第7张

 

这些是我目前遇到的几种小程序悬浮按钮的类型,后面遇到新的还会继续补充。

下一篇我会分享我总结的悬浮按钮的设计细节


赞(0) 打赏
未经允许不得转载:小程序营销 » 小程序悬浮按钮设计指南—悬浮按钮的作用
分享到: 更多 (0)

小程序营销

联系我们联系我们