The first content a user sees on a page must be useful. If the user sees nothing important in the first view, the user will leave the page.
By Pawan Nayar · from the LLOS AI Learning record
The first content a user sees on a page must be useful.
If the user sees nothing important in the first view, the user will leave the page.
A developer must place key content in the first viewport. This includes a badge, title, subtitle, search bar, and themes. All these elements must be visible without scrolling. The page should not have large empty spaces that push content down. Use compact spacing for the top section.
A developer creates a hub page. The page has a large empty space at the top. Users open the page and see only a blank area. Many users close the page immediately because they do not see any content.
More from the same record, pulled by shared topic — not written new for this page.
A developer must put important content at the top of the page. This content should be visible without scrolling.
A developer must make sure the main image, title, subtitle, and call to action are all seen in the first view. This is true for all screen sizes.
The first view of any landing page must include four key parts. These are the main image or illustration, called the hero image.
Each visual element must have a specific reason for its placement. Do not scatter the same decorative items everywhere.
The first content a user sees on a page must be useful. If the user sees nothing important in the first view, the user will leave the page.