Button 关于在带有页脚的网页上放置“返回顶部”按钮,有哪些指导原则/最佳做法?

Button 关于在带有页脚的网页上放置“返回顶部”按钮,有哪些指导原则/最佳做法?,button,user-experience,placement,Button,User Experience,Placement,我愿意在包含大量内容的网页右下角添加一个返回顶部按钮。考虑到用户体验,我计划将我的返回顶部按钮的设计与 然而,在这篇博文中没有提到当网页有页脚时,返回顶部按钮应该放在哪里 此按钮是否应重叠在页脚上 或者,该按钮是否应该保持在右下角,直到页脚可见(在这种情况下,该按钮将停止在页脚上方),如Stackoverflow Post(例如)中的其他人所调查的那样 我想听听用户体验设计师/专家在这方面的意见 谢谢 我认为没有明确的指导原则,因为这应该遵循页面的总体设计。但您肯定可以确定此类良好做法: 只

我愿意在包含大量内容的网页右下角添加一个返回顶部按钮。考虑到用户体验,我计划将我的返回顶部按钮的设计与

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

  • 此按钮是否应重叠在页脚上
  • 或者,该按钮是否应该保持在右下角,直到页脚可见(在这种情况下,该按钮将停止在页脚上方),如Stackoverflow Post(例如)中的其他人所调查的那样
我想听听用户体验设计师/专家在这方面的意见


谢谢

我认为没有明确的指导原则,因为这应该遵循页面的总体设计。但您肯定可以确定此类良好做法:

  • 只有当用户滚动页面超过第二个屏幕时,按钮才可见,因为在此之前,此按钮是无用的
  • 按钮不应与内容重叠并干扰阅读,因此应位于左下角。 通常这不是问题,因为屏幕读取区域高于按钮的位置。真正需要注意的是,按钮在移动视图中不会与页脚区域重叠
  • 按钮应始终可见,否则用户可能会有奇怪的行为。用户可能不理解为什么按钮在页面末尾消失了,因为他需要它
  • 最好将按钮放在左下角,因为这样可以防止在滚动时意外点击移动设备。当用户想要按下按钮时,他不必弯曲拇指来点击按钮
  • 为了防止按钮与页脚内容重叠,可以从底部添加与按钮高度相等的缩进