悬浮操作按钮（FloatingActionButton，FAB），一般为圆形，是手机网站、app中很常见的一种控件。悬浮按钮非常易用，是UI交互中的重要元素。但是由于设计不当的原因，其受到的争议也不少。因此，如何正确使用悬浮按钮，必须遵循一些原则。

　　第一、执行关键操作。悬浮按钮承载的必须是主要的、有代表性的操作。通常是偏积极的交互，例如创建、分享等。除了是关键操作，还要与页面有相关性。例如图片展示页面中的悬浮按钮，设置搜索功能或者分享功能，二选一的情况下，选择分享功能会更适合用户目前的使用习惯。

　　日常常见的悬浮按钮，一般是一个操作，但也会有将悬浮按钮扩展成一系列操作。但要注意，扩展之后的操作要与总悬浮按钮的操作相关，两者是一体的关系。而且扩展开来的按钮不应过多，一般不要多于6个，否则就违反了悬浮按钮高效便捷的原则。

　　第二、一屏只使用一个悬浮按钮。悬浮按钮在界面中，其色彩、设计都是具有侵略性的，以达到用户不得不注意的母的。所以，自己建网站时一屏只适合使用一个悬浮按钮，否则容易分散用户的关注度，降低用户体验。而且，如第一点提及的，悬浮按钮为用户提供的是与页面相关的关键操作，因此不是每个页面都需要设置悬浮按钮。

　　第三、不要阻挡相关信息。这一点是设计悬浮按钮时最易犯的失误。手机网站的页面小，承载的内容多。一般的悬浮按钮是设计在页面的左下角或者右下角，手机网站即使是角落位都是承担展示内容的作用。所以，悬浮按钮很容易阻挡页面中原有的信息、功能。虽然可以滚动页面，移动位置，但网站页面底部由于无法进行滚动，若有信息展现就必定会被遮挡。

　　为了应对这种情况，可以设置滚动时隐藏按钮。为了方便用户在滚动过程中阅读内容，可以将按钮进行隐藏，待用户停止滚动时再重新展示，可以待用户停止滚动页面3-5秒后，再重新展示，为用户观看完整内容提供充足时间。

　　手机网站建设悬浮按钮看起来很简单，但只有充分注意用户、场景需求，才能保证良好的用户体验。