悬浮按钮的使用(悬浮按钮怎么用）

最近很多应用都开始使用悬停按钮来吸引人们的注意力。也是最近的操作，一个活动需要做一个悬停图标，才发现其他互金产品已经做好了。感觉就像是春天的大风，在夜晚来临，到处都是盘旋的画面。其实我对浮动图标的应用场景，实现，应用案例都不是很了解。因为相比于套路，现在的悬浮除了系统自带的悬浮图标，其实都是按照微信抄袭的。我们也来和技术探讨一下这个活动是否有必要。我先从自己的角度了解一下。鉴于：什么是悬浮，悬浮的形式，悬浮的使用场景，悬浮的作用，悬浮的交互，我们来稍微了解一下。提示：判断一个界面的主要操作，其实没有看起来那么简单。为了简化任务，考虑是否需要悬停按钮，可以参考这个“五分钟法则”:如果5分钟还没有找到这个屏幕的主要操作，就说明这个屏幕不需要悬停按钮。

1.什么是悬浮？

浮动操作按钮(FAB)或浮动按钮是Android应用程序中最常见的控件。悬停按钮通常是圆形的，底部材质设计风格的阴影使其看起来悬停在整个UI上。悬停按钮是Android UI交互中最关键的元素之一，在用户过程中至关重要。

第二，悬挂的形状

浮动图标一般是原型，但也可以根据自己的风格设计成不同的形状。在UI上，它们往往是最大胆、最直观的页面元素；在功能上，它往往是代表用户在页面上的最高频率操作。不过一般的浮动图标不要太大，大小要固定在前端：https://www.jianshu.com/p/bfba98ec49b0.

三。悬停按钮的使用场景和功能

想象一下最常见的场景。当有一页很长的时候，当你把这一页翻到最下面的时候，你发现前几行的字和它有关。你想回头看看。拥有这个返回顶部的悬浮按钮是一件多么幸福的事情。你最常用的Tik Tok有浮动按钮，比如，分享和点击音乐，你喜欢的东西给你最直观的表达。充分给你表达自己喜欢的目的地，看到自己创作的类似音乐的便利。

音乐app的界面由播放暂停功能触发。

最近网上有个活动，但是没有明显的位置让用户查看。我该怎么办？怎样才能达到我想要的推广目的？

活动期间暂停来解决：

所以悬停按钮实际上扮演了以下角色：

航行

向导

核心

1.导航工具栏

当点击或滚动时，悬停按钮可以转换成工具栏。工具栏可以包含相关操作、文本和搜索字段等。当用户通过滚动发出有兴趣继续浏览内容的信号时，通过滚动消失的工具栏会大大节省屏幕空间，整体体验会非常流畅。但到目前为止，我很少看到这种情况。

指南

当你想推广你想要的展览时，悬浮是一个非常吸引眼球的操作。他通常用一些大胆的颜色来告知用户。听着，我有你感兴趣的东西。

悬停按钮可以简单地触发一个动作或导航到某个地方，通常用于触发功能、菜单或导航。

3.核心功能

一般一直存在的按键功能也会使用悬停键，悬停键一直存在于界面中，时刻告诉用户我们要做什么，我能为你提供什么。

4.引发并展开一系列操作

除了单一功能触发，悬停按钮更常用于触发一系列操作。推而广之，原来单一的交互被一组相关的、常用的悬停按钮所取代。常见的表单有扩展按钮、扩展表单等。

四。设计原理

1.选择悬停按钮的适当大小。

悬停按钮主要用于促进用户行为。它们由UI上浮动的圆形图标来区分，并具有包括变形、开始和传输锚点的移动行为。一般有两种尺寸：默认版和迷你版(仅用于与其他界面元素营造视觉连续性)。默认尺寸一般是56*56dp，迷你版是40*40dp。当接口宽度低于460dp时，需要从默认尺寸(56dp)调整为mini尺寸(40dp)。

2.浮动按钮只进行前进操作。

因为悬停按钮通常承载的是主要的、代表的操作，所以应该是一种正向的交互，比如创建、分享、探索等。唯一的悬停按钮不应该执行破坏性的操作。

例如删除和存档。它不应该是非特定的操作或不完整的交互。比如剪切和粘贴是一组组合的交互，它们应该存在于菜单栏而不是悬停按钮中。

3.大屏幕上的悬停按钮

在大屏幕上，悬停按钮可以放在扩展的应用程序栏、工具栏或结构元素(假设其他元素没有被阻止)和表单的边缘。注意：每个页面上只能出现一个悬停按钮，不要将悬停按钮与页面上的所有元素相关联。悬停按钮本身很显眼，能吸引人们的注意力，滥用悬停按钮会分散用户的注意力。

5.悬浮的相互作用

打开一个单独的页面，然后是一个单独的页面质询。

点按“展开”以显示更多浮动图标，通常不超过六个。

页面的简单交互动画展开，一页半展开。这时候就是前后逻辑变化了。

情况

我看到最近很多互金产品都开始使用app里的主动悬停按钮了。这样做的目的应该是为了吸引用户，但是使用的界面只在主页上有。没有其他页面，可能也是怕影响其他页面的核心功能，为了防止不好的影响。毕竟对于首页、投资、发现、我这四个主菜单栏来说，用户首先进入的就是首页。首页是最显眼的推荐功能，投资页最不合适，会影响用户的选择。

暂停的时机

悬浮位置

浮动的交互和动画效果

不及物动词结束语

使用悬挂时，考虑在哪里使用。在什么条件下？可以不用吗？使用带来了什么效果？如果不行呢？需要使用哪些接口？

每个界面都有需要展示的元素，比如浮动窗口的使用是否是影响这个界面的因素，与其他界面的相关性等等。

悬停按钮看起来很简单，但是在设计APP的时候要想正确使用，就要注意细节、场景和用户需求。正确使用悬停按钮，会事半功倍。

本文由@丑丑原创发布。每个人都是产品经理。未经许可，禁止复制。

题目来自Unsplash，基于CC0协议。