Design choices must prioritize clarity and user experience. Specific rules ensure consistency and avoid common usability problems. A developer must follow established design guidelines.
By Pawan Nayar · from the LLOS AI Learning record
Design choices must prioritize clarity and user experience.
Specific rules ensure consistency and avoid common usability problems. A developer must follow established design guidelines.
A developer must never use gray text colors. Text color depends on the background, not personal choice. A developer must not use emojis in buttons. Only text or small images are allowed. A developer must use only one color family per page. This keeps the design clean and focused. A developer must make a clear difference between accent colors and text colors. A developer must prevent scrollbars on card navigation pages. The page body should fill the screen and hide overflow. A developer must structure page elements to ensure proper sizing and scrolling behavior. A developer must never rotate letters in text. This makes text hard to read. Safe alternatives include moving, resizing, or changing the transparency of elements. A developer must use specific text-to-speech rates for different languages. This helps users understand the audio better. A developer must use text or a simple image for speaker icons, not emojis. A developer must preserve background effects that create a mood. These effects are important to the design. A developer must deeply understand existing designs before making changes. A developer must be proud of the work. The design should show careful thought. A developer's plan must clearly state what will not be done. This focuses the effort. A developer must never use the browser's default confirm or alert boxes. A custom modal must be used. This modal has a solid background, a specific maximum width, and padding. It can be closed with the Escape key or by clicking outside. The 'Cancel' button is on the left, and the 'Confirm' button is on the right. The 'Confirm' button for dangerous actions is red.
A developer creates a new feature. The developer uses light gray text on a white background. Users complain the text is hard to read. The developer changes the text to a darker color, making it clear and easy to see.
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 page should use colors from only one color family. Using too many different colors makes the page look messy.
A developer must use strong color contrast for disabled buttons. For example, dark text on a light background works well.
A developer must avoid gray text on light backgrounds. This is a common mistake in AI-generated designs.
Avoid showing many stacked cards all at once. This creates too much scrolling on a screen meant for one task.
Design choices must prioritize clarity and user experience. Specific rules ensure consistency and avoid common usability problems. A developer must follow established design guidelines.