Collection of UI and UX tips to improve your designs

Bite-size improvements you can ship this week. Find patterns for CTAs, forms, navigation, onboarding, feedback, checkout, and more.

Ctrl K

UX tip graphic titled 'Display relevant upsells on the thank-you page.' The left panel marked with a red X shows a bare 'Thank you! Your order has been completed!' message with only a 'Continue shopping' button and nothing else on the page. The right panel marked with a green checkmark shows a 'Thank you, your order has been placed' confirmation with a 'Review or edit your order' link, followed by two relevant post-purchase recommendations — a 64GB SD Card and Headphones XM6 — each with a star rating, review count, and a discounted price. BRIX Templates branding at the bottom.

Checkout & payments

Jul 10, 2026

The moment right after purchase is the most receptive one you get — most thank-you pages waste it

Buyers are most receptive right after purchase. Add relevant recommendations to the thank-you page to lift revenue without needing new traffic.

Status & feedback

Jul 9, 2026

You can't fix a conversion problem you can't see — and broken tracking is why you can't see it

Hard-coded, scattered tracking tags break silently and hide conversion problems. Manage them in one container so tracking stays reliable and easy to update.

UX tip graphic titled 'Display progress toward rewards or goals.' Both panels show a shopping cart listing the same items — Running Shoes and a DSLR Camera. The left panel marked with a red X shows only the line items and a $355 total with a Checkout button, giving the shopper no sense of any reward within reach. The right panel marked with a green checkmark adds a progress bar reading '$12 away from free shipping' with a partly filled meter above the shipping cost and total, nudging the shopper toward the threshold. BRIX Templates branding at the bottom.

Checkout & payments

Jul 8, 2026

A bar that shows how close a reward is turns 'good enough' into 'just a little more'

A visible progress bar toward a reward — like '$12 from free shipping' — pulls users to complete the goal and often lifts average order value.

UX tip graphic titled 'Use real deadlines, not fake timers.' The top panel marked with a red X shows a 'Flash sale — Claim your discount!' banner with a generic one-hour countdown reading 01:00:00, the kind of fake timer that simply resets on reload. The bottom panel marked with a green checkmark shows a 'Hurry! Offer ends on April 26, 2026' banner with a genuine countdown to that fixed date — 24 days, 18 hours, 59 minutes, 13 seconds — and a line reading 'Don't miss your discount, complete your purchase today before it expires.' BRIX Templates branding at the bottom.

Status & feedback

Jul 7, 2026

Urgency only works while it's believed — a timer that resets on reload stops being believed fast

Fake countdown timers that reset on reload erode trust. Tie urgency to a real, fixed deadline so it drives action without costing credibility.

UX tip graphic titled 'Explain why you need required fields.' Both panels show a mobile lead form ending in a 'Schedule a demo' button. The left panel marked with a red X asks for Full name, Email address, Phone number, and Company name with no explanation of why any of it is needed. The right panel marked with a green checkmark shows the phone number field with a short reassurance line beneath it — 'Only used for delivery issues' next to a small info icon — so the user understands why the sensitive field is required before filling it in. BRIX Templates branding at the bottom.

Forms & inputs

Jul 6, 2026

A one-line reason beside a sensitive field turns reluctance into a filled-in answer

Users hesitate to share a phone number without a reason. Add a short line explaining why each sensitive field is needed to build trust and completion.

UX tip graphic titled 'Show only relevant products as upsells.' The left panel marked with a red X shows a 'Related products' section suggesting a scattered, unrelated mix — Basic Sneakers, a Mouse G503, a potted plant, and a glass — none of which relate to each other or to the cart. The right panel marked with a green checkmark shows a 'My cart' panel with a 'Frequently bought together' bundle that complements the main item — a DSLR Camera paired with a Basic Tripod and a 64GB SD Card — under a single 'Add all products to cart' button. BRIX Templates branding at the bottom.

Checkout & payments

Jul 5, 2026

A few genuinely related add-ons lift the order; a wall of random products just gets ignored

Random suggestions distract buyers. Show a few genuinely complementary upsells — accessories for the item already in the cart — to raise order value.

Readability

Jul 4, 2026

A relevant icon lets the eye recognize an action before it finishes reading the words

A small icon lets users grasp meaning before they read the label. Pair each menu item or feature with a relevant icon to make text faster to scan.

UX tip graphic titled 'Show security signals on payment pages.' Both panels show a mobile payment screen with card number, expiry, and CVC fields and a purple 'Start a free trial' button. The left panel marked with a red X shows the form alone, with no payment logos, guarantee, or security cues beneath the button. The right panel marked with a green checkmark shows the same form with recognizable payment badges (Visa, Mastercard, PayPal, Google Pay) plus a '30-day money-back guarantee' line and an 'SSL secured' padlock label directly under the button. BRIX Templates branding at the bottom.

Checkout & payments

Jul 3, 2026

At the payment step, a few familiar security cues answer the question every buyer is asking

The payment step is where doubt peaks. Show recognizable card logos, an SSL padlock, and a money-back guarantee near the button to reassure buyers.