2

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. – Steve Jones Jan 19 '18 at 10:58
  • 1
    nngroup.com/videos/fold-manifesto directly answers some of this. – Dwev Jan 19 '18 at 18:36
  • Is there anything preventing you from arranging these two fields side by side instead of stacked as shown? – JochenW Jul 3 at 3:51
9
  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 '18 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 '18 at 10:44
  • Actually, the ending is not random. You can write code for the % of the viewport which the div should occupy. – Kishan Jan 19 '18 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 '18 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 at 21:46
2

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 '18 at 10:59
-1

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, privacy policy and cookie policy

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