A user expects a screen to be mostly filled with meaningful content. A developer must design systems that expand without needing a rewrite. A designer must use consistent colors and navigation.
By Pawan Nayar · from the LLOS AI Learning record
A user expects a screen to be mostly filled with meaningful content.
A developer must design systems that expand without needing a rewrite. A designer must use consistent colors and navigation.
A user will leave a page if it looks empty. Every screen should be 70-90% full of content. The content should be meaningful. The experience of using the page is as important as the content itself. Navigation should lead to the next logical action. If there is no clear next step, navigation should go to the top of the page. Systems must be built to grow without being rewritten. Colors must be consistent. Use the correct colors for primary actions, saved items, success messages, and errors. Text length matters. If text is too short, a user finishes reading before an animation ends. Text that is 30-50 words is often ideal. Never waste space on lists. Avoid three-column layouts, as they can be confusing. Content should be dynamic and change. Always read all design documents completely. On mobile, use single-row navigation for quizzes or carousels.
A developer creates a new feature. The developer uses a three-column layout for displaying information. A user finds the layout confusing and leaves the page. The developer learns that three-column asymmetry is a design problem.
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.
A developer should always check for an existing component first. If a component exists for the content type, the developer must use it.
A developer should never release an HTML page with basic, dark-themed styling. Even a temporary search tool must look good.
The companion page must use the same visual style as the main product. This means using the same colors, fonts, and layout.
Do not use standard browser pop-up boxes like `confirm()`, `alert()`, or `prompt()`. Instead, use custom modal windows that match the application's design.
A user expects a screen to be mostly filled with meaningful content. A developer must design systems that expand without needing a rewrite. A designer must use consistent colors and navigation.