关于在带有页脚的网页上放置返回顶部按钮的准则/最佳做法是什么？

Question

我愿意在包含大量内容的网页的右下角添加一个返回顶部按钮。考虑到用户体验，我计划将我的返回顶部按钮的设计与NN/g blog post 中提供的指南保持一致。

然而，这篇博文没有提到当网页有页脚时，返回顶部按钮应该放在哪里。

• 此按钮是否应与页脚重叠？
• 或者该按钮是否应该保留在右下角直到页脚可见（在这种情况下，按钮将停止在页脚上方），正如 Stackoverflow 帖子中的其他人所调查的那样（例如 related post 1、related post 2）？

我希望获得 UX 设计师/专家在这方面的意见。

谢谢！

Answer 1

我认为没有明确的指导方针，因为这应该遵循您网页的整体设计。但您当然可以识别出这样的良好做法：

1. 仅当用户将页面滚动到第二个屏幕之外时，该按钮才可见，因为在那之前该按钮是无用的。
2. 按钮不应与内容重叠并干扰阅读，为此它应位于左下角。 通常这不是问题，因为屏幕阅读区域高于按钮可以定位的位置。真正需要注意的是该按钮不会与移动视图中的页脚区域重叠。
3. 该按钮应始终可见，否则对用户来说可能是奇怪的行为。用户可能不明白为什么按钮在页面末尾消失了，因为他需要它。

4. 最好将按钮放在左下角，因为这样可以防止滚动时意外点击移动设备。当用户想要按下按钮时，他不必弯曲拇指来点击按钮。

5. 为防止按钮与页脚内容重叠，您可以从底部添加一个与按钮高度相等的缩进。