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 with the title 'Choose familiar words for users, not organizational terminology.' Two dropdown menus side by side: the left marked with a red X shows internal jargon labels 'Solutions' with sub-items 'Enablement,' 'Optimization,' and 'Conversion.' The right marked with a green checkmark shows user-friendly labels 'Use cases' with sub-items 'Design teams,' 'Marketing teams,' and 'Support teams.' BRIX Templates branding at the bottom.

Navigation

Apr 20, 2026

Users don't click labels that sound like internal meeting jargon

Internal labels like 'Solutions' or 'Enablement' confuse users. Use familiar, outcome-oriented words that match how customers think about their goals.

UX tip graphic with the title 'Use readable text sizes and sufficient contrast for clarity.' Two text blocks side by side: the left block marked with a red X shows small, low-contrast light gray text that is difficult to read, the right block marked with a green checkmark shows larger, higher-contrast dark text that is easy to scan and read. BRIX Templates branding at the bottom.

Readability

Apr 12, 2026

Text that's hard to read is text that won't be read

Small text and low contrast make users stop reading. Use clear sizing and sufficient contrast so content is easy to scan and understand.

UX tip graphic with the title 'Use a feature comparison table for pricing plans.' Top section marked with a red X shows three stacked pricing cards (Basic $19, Pro $49, Business $119) with truncated feature lists. Bottom section marked with a green checkmark shows a feature comparison table with plans as columns and features as rows, with checkmarks showing what each tier includes. BRIX Templates branding at the bottom.

Checkout & payments

Apr 11, 2026

Pricing cards that hide half the features make every plan look the same

When plans differ across multiple features, card layouts force users to scroll and remember. Comparison tables make differences scannable at a glance.

UX tip graphic with the title 'Show plan savings directly in the pricing UI at a glance.' Two pricing cards side by side with a Monthly/Annually toggle: the left card marked with a red X shows just '$23/month' with no savings context, the right card marked with a green checkmark shows '$23' with a strikethrough '$29', a 'Save 20% · $72/year' badge, and 'per month, billed annually' text. BRIX Templates branding at the bottom.

Checkout & payments

Apr 10, 2026

A price without context is just a number — show the savings to make it a deal

A bare price with no context gives users nothing to compare. Show savings badges, crossed-out prices, and annual totals so the value is obvious at a glance.

Navigation

Apr 9, 2026

Navigation your thumb can't reach is navigation that slows every interaction

Navigation at the top of a mobile screen is hard to reach one-handed. Move key actions to the bottom bar where thumbs can reach them easily.

UX tip graphic with the title 'Match input fields with the appropriate keyboard type.' Two mobile form views side by side showing Phone and Email fields: the left view marked with a red X shows a QWERTY text keyboard for a phone number field, the right view marked with a green checkmark shows a numeric keypad for the same phone number field. BRIX Templates branding at the bottom.

Forms & inputs

Apr 8, 2026

The right keyboard for each field is the kind of detail users notice when it's wrong

Showing a text keyboard for number fields forces users to switch modes. Set the right input type so the correct keyboard appears automatically.

Navigation

Apr 7, 2026

If users can't tell there are more slides, those slides don't exist

Users miss carousel content when navigation cues are too subtle. Clear arrows and active dot indicators make it obvious how to interact.

UX tip graphic with the title 'Draw attention to the plan you want users to choose.' Top section marked with a red X shows three equal-weight pricing cards (Basic $19, Pro $49, Business $119) with identical styling and outline buttons. Bottom section marked with a green checkmark shows the same three plans with the Pro plan elevated, featuring a 'MOST POPULAR' badge, larger card, and a purple filled CTA button while the other plans have outline buttons. BRIX Templates branding at the bottom.

Checkout & payments

Apr 6, 2026

Equal-weight pricing cards turn a simple choice into an exhausting comparison

When all pricing plans look the same, users stall. Draw attention to the recommended option with visual emphasis to reduce comparison time.