The first view of a webpage must show the main image, title, subtitle, and a call to action. If any part is missing or cut off, users will leave the page. This rule applies to all screen sizes.
By Pawan Nayar · from the LLOS AI Learning record
The first view of a webpage must show the main image, title, subtitle, and a call to action.
If any part is missing or cut off, users will leave the page. This rule applies to all screen sizes.
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. If these elements are not fully visible, many users will leave the page quickly. A developer should avoid using very large text sizes for titles that change with screen width. Large text can become too big on wide screens. Test the page on different screen sizes before it goes live. Check sizes like 1920, 1440, 768, and 375 pixels wide.
A developer creates a new product page. On a large computer screen, the main image and title are visible. But on a small phone screen, the call to action button is cut off. Many users on phones cannot see how to buy the product. The page fails to meet the rule, and sales are lost.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
The first view of any landing page must include four key parts. These are the main image or illustration, called the hero image.
A developer must use plain language and avoid technical jargon. This applies to all communication and code comments.
A developer must put important content at the top of the page. This content should be visible without scrolling.
A developer must place key content in the first viewport. This includes a badge, title, subtitle, search bar, and themes.
The first view of a webpage must show the main image, title, subtitle, and a call to action. If any part is missing or cut off, users will leave the page. This rule applies to all screen sizes.