Desktop interface cutoff to represent "below the fold"
Communicate Hidden Sections of Interfaces
UX Guidelines

Communicate Hidden Sections of Interfaces

Extend elements beyond the screen to communicate that more information exists.

by Nick Kolenda
Last Updated November 14, 2024

Screens are getting smaller.

Content will inevitable exist outside viewports, and users should be able to recognize this existence.

How to Apply

  • Avoid a Self-Contained Viewport. Visible breaks can imply that more content exists.
  • Convey Depth Through Fades or Shadows. Users should perceive more rows or columns in a table.
A table that you can tell has more data hidden toward the right because there is a shadow toward that side

Want more tactics?

Get all my free user experience tactics