A developer must follow strict rules for user interface design. These rules ensure a good user experience. They also make the interface easy to use and understand.
By Pawan Nayar · from the LLOS AI Learning record
A developer must follow strict rules for user interface design.
These rules ensure a good user experience. They also make the interface easy to use and understand.
Every sentence in the interface must be direct. Do not start sentences with 'This', 'It', or 'There'. Each line must give new information. Avoid filler words. When giving feedback, explain why an answer is right or wrong. Do not just say 'Correct'. Provide a short explanation. The design must work well on mobile phones. There should be no horizontal scrolling. All content must fit on the screen. Margins should be small. Text color must have enough contrast. This helps people read easily. Use a color like `#475569` for body text. This meets accessibility standards. Do not use `100vw` for width. Use percentages, `fr` units, or `dvh`. This prevents scrollbar issues on Windows computers. Use `position:fixed` for pop-up windows. Never use `position:absolute` inside flexible containers. This is an important rule for stable layouts. Search functions need a small delay. Wait 200 milliseconds after a user types. Load search results only when a full row can be shown.
A developer builds a new AI tool. The developer ensures all text feedback explains concepts, not just 'Right answer'. The developer also checks the tool on a phone. The tool works without sideways scrolling. This makes the tool easy for all users.
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 must give the AI model clear rules for page layout. The AI model must use CSS properties like `flex-1`, `min-h-0`, and `overflow-y-auto`.
A developer must treat mobile and desktop as two separate apps. They should use media queries to define distinct CSS layouts for each.
A new design must use the exact layout proportions of a proven design. The proven design has been refined over many hours.
All web pages must use the same brand colors. Do not create new color schemes.
A developer must follow strict rules for user interface design. These rules ensure a good user experience. They also make the interface easy to use and understand.