guidelines/best 关于在带页脚的网页上放置返回页首按钮的做法是什么?

What are the guidelines/best practices regarding the placement of the back-to-top button on a webpage with a footer?

我愿意在内容很多的网页右下角加一个返回页首按钮。考虑到用户体验,我计划将返回顶部按钮的设计与 NN/g blog post.

中提供的指南保持一致

但是,这个博客 post 没有提到当网页有页脚时返回顶部按钮应该放在哪里。

我想听取 UX designers/experts 对此事的意见。

谢谢!

我认为没有明确的指南,因为这应该遵循您页面的整体设计。但是您当然可以识别出这样的良好做法:

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

  1. 最好将按钮放在 的下角,因为这样可以防止滚动时移动设备误点击。并且当用户想要按下按钮时,他将不必弯曲拇指来点击按钮。

  1. 要防止按钮与页脚内容重叠,您可以从底部添加一个等于按钮高度的缩进。