Short, numbered UI and UX tips. Each one shows the mistake, then the fix, as a small animated drawing. A new one every day.https://ui.praveenjuge.comen-ushttps://ui.praveenjuge.com/10/instant-feedbackhttps://ui.praveenjuge.com/10/instant-feedbackRespond within 100ms of a tap or click, even when the work takes longer. Change the button's state, show progress, then confirm the result.Mon, 12 Oct 2026 00:00:00 GMTUX & accessibilityhttps://ui.praveenjuge.com/9/dont-rely-on-colorhttps://ui.praveenjuge.com/9/dont-rely-on-colorAbout 1 in 12 men has some color blindness. Pair color with a second cue, like an icon, a label, a pattern or a position, so the state still reads in grayscale.Mon, 12 Oct 2026 00:00:00 GMTUX & accessibilityhttps://ui.praveenjuge.com/8/line-lengthhttps://ui.praveenjuge.com/8/line-lengthLong lines make the eye lose its place on the way back, and short ones break the rhythm. Give body text a max-width around 65ch and let the margins grow.Mon, 12 Oct 2026 00:00:00 GMTTypography & colorhttps://ui.praveenjuge.com/7/inline-form-errorshttps://ui.praveenjuge.com/7/inline-form-errorsA message at the top of a long form makes people hunt. Put the error by the field, say what went wrong and how to fix it, and keep what they typed.Mon, 12 Oct 2026 00:00:00 GMTForms & componentshttps://ui.praveenjuge.com/6/align-to-one-edgehttps://ui.praveenjuge.com/6/align-to-one-edgeEvery new alignment line adds noise. Pick one edge for a block of content, usually the left, and hang the text, inputs and buttons from it.Mon, 12 Oct 2026 00:00:00 GMTLayout & spacinghttps://ui.praveenjuge.com/5/button-labelshttps://ui.praveenjuge.com/5/button-labelsA button should say what happens when you press it: Save draft, Delete 3 files, Send invite. Then nobody has to reread the dialog to find the safe one.Mon, 12 Oct 2026 00:00:00 GMTForms & componentshttps://ui.praveenjuge.com/4/text-contrasthttps://ui.praveenjuge.com/4/text-contrastBody text needs a contrast ratio of at least 4.5:1 against its background, and large text 3:1. Light grey on white looks calm in a mockup and fails in sunlight.Mon, 12 Oct 2026 00:00:00 GMTUX & accessibilityhttps://ui.praveenjuge.com/3/type-scalehttps://ui.praveenjuge.com/3/type-scalePick a handful of sizes from one ratio and use only those. Fewer sizes make the hierarchy easy to read, and 15px next to 16px just looks like a mistake.Mon, 12 Oct 2026 00:00:00 GMTTypography & colorhttps://ui.praveenjuge.com/2/spacing-by-proximityhttps://ui.praveenjuge.com/2/spacing-by-proximityPeople read distance as meaning. Keep a label close to its field, and put more space between groups than inside them, so the structure shows before anyone reads.Mon, 12 Oct 2026 00:00:00 GMTLayout & spacinghttps://ui.praveenjuge.com/1/touch-target-sizehttps://ui.praveenjuge.com/1/touch-target-sizeFingers are blunt. Give anything tappable a hit area of at least 44×44pt, even when the icon inside it is smaller. Pad the target, not the glyph.Mon, 12 Oct 2026 00:00:00 GMTForms & components