手机网站的悬浮按钮要遵循哪些原则

资料来源：网络整理时间：2023/3/22 9:50:50 共计：3570 浏览

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

　　靠前、执行关键操作。悬浮按钮承载的必须是主要的、有代表性的操作。通常是偏积极的交互，例如创建、分享等。除了是关键操作，还要与网站页面有同类相关性。例如image图片展现展示网站页面中的悬浮按钮，配置设置检索搜索功能或者分享功能，二选一的情况下，选择分享功能会更适合用户使用者目前的使用习惯。日常常见的悬浮按钮，一般是一个操作，但也会有将悬浮按钮扩展成一系列操作。但要注意，扩展之后的操作要与总悬浮按钮的操作同类相关，两者是一体的关系。而且扩展开来的按钮不应过多，一般不要多于6个，否则就违反了悬浮按钮高效便捷的原则。第二、一屏只使用一个悬浮按钮。悬浮按钮在界面中，其色彩、设计规划都是具有侵略性的，以达到用户使用者不得不注意的母的。所以，自己网站建设网站制作时一屏只适合使用一个悬浮按钮，否则容易分散用户使用者的关注度，降低用户体验用户评价。而且，如靠前点提及的，悬浮按钮为用户使用者供应提供的是与网站页面同类相关的关键操作，因此不是每个网站页面都需要配置设置悬浮按钮。第三、不要阻挡同类相关信息。这一点是设计规划悬浮按钮时易犯的失误。移动网站手机网站的网站页面小，承载的信息内容多。一般的悬浮按钮是设计规划在网站页面的左下角或者右下角，移动网站手机网站即使是角落位都是承担展现展示信息内容的作用。所以，悬浮按钮很容易阻挡网站页面中原有的信息、功能。虽然可以滚动网站页面，移动位置，但网站内容页面底部由于无法进行滚动，若有信息展现就必定会被遮挡。为了应对这种情况，可以配置设置滚动时隐藏按钮。为了方便用户使用者在滚动过程中阅读信息内容，可以将按钮进行隐藏，待用户使用者停止滚动时再重新展现展示，可以待用户使用者停止滚动网站页面3-5秒后，再重新展现展示，为用户使用者观看完整信息内容供应提供充足时间。移动端手机网站建设悬浮按钮看起来很简单，但只有充分注意用户使用者、场景需求，才能保证良好的用户体验用户评价。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：浅谈企业建站的作用 | ·下一条：网站模板首页如何设计才符合搜索引擎要求