what is the best way to tell users to scroll down in browsers?

Tests showed, that users do not scroll to the original message (which they need to answer questions):

enter image description here

  • Scroll bars are the canonical answer here. Additionally, you can put an end marker at the end, as a hint, so that the users learn that the absence of the marker (with the presence of the scroll bar) means there's more to see. An ellipsis might also be useful, although you could argue that the convention of using an ellipsis in software to indicate something more follows is the opposite of the original intention. Jan 19, 2018 at 10:58
  • 1
    nngroup.com/videos/fold-manifesto directly answers some of this.
    – Dwev
    Jan 19, 2018 at 18:36
  • Is there anything preventing you from arranging these two fields side by side instead of stacked as shown?
    – JochenW
    Jul 3, 2019 at 3:51
  • I have same general question as OP. Scroll bars cannot be shown manually, in FireFox for example so this is not the answer. How do I indicate that a user should scroll when it's not obvious?
    – Mote Zart
    May 14, 2022 at 15:16

3 Answers 3

  1. First of all, you should not end a page at blank spaces. You should end them at the top portion of the next page's first section.
    enter image description here

  2. Use scroll icons such as this:
    enter image description here
    to inform the user about the available action.

  • Thanks :-) The ending of page is pretty random, due to different screen and browser window sizes. So this problem affects not all users.
    – Stef
    Jan 19, 2018 at 10:43
  • I will check, if it is possible to scroll to an anchor, which brings the answer part to the visible screen section.
    – Stef
    Jan 19, 2018 at 10:44
  • Actually, the ending is not random. You can write code for the % of the viewport which the div should occupy.
    – Kish
    Jan 19, 2018 at 10:48
  • Ok, I will ask the developer, what is the best way to show the beginning of the "below the fold" div, without leaving content away/let the page jump.
    – Stef
    Jan 19, 2018 at 11:00
  • 1
    Use a graphical element ( a thick line will do) which runs down the page and across the fold.
    – PhillipW
    Jul 1, 2019 at 21:46

There's multiple ways to tell users to scroll, but the key is to prevent people from thinking it's the end of the page in the first place. Prevent a false bottom. Show a hint of the next segment, especially since you have a send action within the visible space. A lot of people will click here without checking the rest of the page, even if you do show a hint of the next segment. You may want to evaluate if you can change the hierarchy of the page.

If your design doesn't allow you to redo the layout so it's more obvious you can scroll, you can add an animated 'scroll' icon or pulsing arrow that points downward. These are more band aids than that they actually fix the issue though.

  • Thank you for the detailled answer and the example link. :-)
    – Stef
    Jan 19, 2018 at 10:59

Either place the drop-down icon to let users that there is something below the page or just add continue reading box after some text of the article.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.