手机网站的悬浮按钮是一种常见的设计元素，它可以在页面上悬浮显示，方便用户进行一些常用操作。但是，如果悬浮按钮设计不合理，可能会给用户带来不便，甚至影响用户体验。因此，在设计手机网站的悬浮按钮时，应遵循以下原则：

一、明确悬浮按钮的功能 悬浮按钮应设计为具有明确功能的按钮，而不是仅仅为了美观而添加的装饰元素。用户一看到悬浮按钮就应该能够知道它的用途，这样可以增加用户使用的效率。

二、关注用户体验 手机网站的悬浮按钮要设计得易于操作，尽量不影响用户浏览内容。悬浮按钮的位置应在页面的边缘，而不是遮挡重要的信息。另外，悬浮按钮的大小和形状应根据用户触摸操作的习惯，如人们习惯用拇指操作手机，因此悬浮按钮设计在屏幕下方，并且大小适中。

三、合理安排悬浮按钮的布局 手机网站的悬浮按钮数量不宜过多，一般不超过5个，以免给用户造成困惑。如果需要添加更多的功能按钮，可以考虑使用弹出菜单或者分组显示的方式，以保持整体布局的简洁性。

四、考虑悬浮按钮的可见性 悬浮按钮应设计为一直在屏幕上悬浮显示，以便用户可以随时看到和使用。但是，如果悬浮按钮过于显眼，可能会给用户带来干扰和视觉疲劳。因此，悬浮按钮的颜色和样式应与页面整体风格相一致，避免过分突出。

五、合理设置悬浮按钮的动画效果 悬浮按钮的动画效果可以为用户带来良好的视觉体验。但是，动画效果过于繁琐或者频繁可能会分散用户的注意力，影响用户的使用体验。因此，悬浮按钮的动画效果应简洁大方，不能过于花哨。

六、支持用户自定义悬浮按钮 为了满足不同用户的需求，可以考虑支持用户自定义悬浮按钮的功能。用户可以选择自己常用的功能按钮，并自定义按钮的样式和位置，以提高用户的个性化体验。

七、考虑悬浮按钮在不同屏幕尺寸上的显示效果 手机屏幕尺寸各异，为了确保悬浮按钮在各种屏幕上都能正常显示和操作，设计时应进行不同尺寸屏幕的适配。例如，可以使用自适应布局或者响应式设计的方式，确保悬浮按钮的显示效果良好。

八、测试和优化悬浮按钮的设计 在设计悬浮按钮后，应进行充分的测试和优化。通过用户测试和反馈，了解用户对悬浮按钮的使用习惯和体验，根据反馈结果进行调整和改进，以提高悬浮按钮的使用效果。

总结起来，手机网站的悬浮按钮要遵循明确功能、关注用户体验、合理安排布局、考虑可见性、设置合理动画效果、支持用户自定义、考虑不同屏幕尺寸和进行测试与优化等原则，以提高用户的使用效率和体验。