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 'Use real team photos to build trust.' The left panel marked with a red X shows a 'Get to know our team' section with only generic body text and a grey placeholder graphic where the team should be, showing no actual people. The right panel marked with a green checkmark shows a 'The people behind your results' section with real headshots of named team members — 'Ethan Collins, Founder & CEO', 'Valeria Soto, VP of Engineering', and another teammate — each with a photo, name, and role. BRIX Templates branding at the bottom.

Help & onboarding

Jun 27, 2026

Visitors buy from people — show them the faces, not a stock illustration

Generic graphics on your about and team pages signal nothing. Real faces with names and roles prove there are people behind the product and ease buyer doubt.

UX tip graphic titled 'Show complete business contact details.' The left panel marked with a red X shows a sparse 'Contact us' page offering only a single email address and a blank message form, with no other information about the company. The right panel marked with a green checkmark shows a 'Get in touch today' page with full details: a physical address 'BRIX Templates HQ, 1587 Meadowlark Ln, Sunnyvale, CA', a phone number with hours 'Mon–Fri, 9 AM–6 PM CST', an email noting 'We reply within 2 hours', an embedded location map, and a 'Contact us' button. BRIX Templates branding at the bottom.

Help & onboarding

Jun 26, 2026

A lone email address asks the buyer to trust a company that won't say where it is

A form and an email aren't enough for cautious buyers. Show a real address, phone, hours, and response time so people trust there's a business behind the page.

Navigation

Jun 25, 2026

A header earns its full size once — after that, it's just space the content needs

A tall header that never shrinks eats the screen as users scroll. Collapse it to a slim bar so navigation stays available without stealing room from content.

UX tip graphic titled 'Display plan limits visually and clearly.' The left panel marked with a red X shows a 'Plan limits' card with a dense paragraph listing 'up to 10 projects, 3 team seats, 5 integrations and 100 GB bandwidth per month' plus fine print about overage charges. The right panel marked with a green checkmark shows the same limits as visual usage meters with icons — 'Projects 8/10' with a near-full progress bar and an 'Upgrade' prompt, 'Seats 2/3', and 'Storage 3.2/50 GB' — making remaining capacity obvious at a glance. BRIX Templates branding at the bottom.

Checkout & payments

Jun 24, 2026

Limits written as a paragraph get skimmed; limits shown as a gauge get understood

Plan limits buried in dense text leave users unsure what they've used. Show usage as visual meters so people see what's left and when to upgrade.

UX tip graphic titled 'Use collapsible sections for long content.' The top panel marked with a red X shows a page where several feature sections — 'Visual page builder', 'Fast, managed hosting', 'Built-in tools to launch' — are all fully expanded at once, creating a long wall of text with a lengthy scrollbar. The bottom panel marked with a green checkmark shows the same content as an accordion: each section is a labeled row with a chevron, with only 'Visual page builder' expanded to show its description while the rest stay collapsed and scannable. BRIX Templates branding at the bottom.

Readability

Jun 23, 2026

Long pages aren't read top to bottom — they're scanned for the one part that matters

Walls of detail bury what each reader actually wants. Collapse sections behind clear labels so users scan the headings and expand only what's relevant.

UX tip graphic titled 'Make contact info tappable on mobile.' The left panel marked with a red X shows a mobile 'Contact details' screen where the phone number '(123) 456-7890', a mailing address, and an email are shown as plain, unstyled text with no indication they can be tapped. The right panel marked with a green checkmark shows a 'Get in touch' screen where each detail is a distinct tappable card with an icon and label — 'Call us (123) 456-7890', 'Visit us 1234 Elm St, Anytown, US', and 'Email us contact@company.com' — each launching the relevant action on tap. BRIX Templates branding at the bottom.

Help & onboarding

Jun 22, 2026

On a phone, a number you can't tap is a number the user has to copy by hand

Plain-text phone numbers and emails force fiddly copy-paste on mobile. Make them tappable so one touch starts a call, map, or email — and more people reach out.

Status & feedback

Jun 21, 2026

An anonymous quote is just a sentence — a name and title make it a person

Unattributed praise reads like copy you wrote. Add a real name, role, and company so the endorsement comes from someone the visitor can believe.

UX tip graphic titled 'Remember users recent search history.' The left panel marked with a red X shows a plain empty search box labeled 'Search for anything...' with no suggestions. The right panel marked with a green checkmark shows the same search box focused, with a dropdown of recent searches each marked by a clock icon — 'landing page design', 'website templates', 'figma to webflow', and 'dashboard' — letting the user re-run a past query in one tap. BRIX Templates branding at the bottom.

Navigation

Jun 20, 2026

People rarely search once — make the second search a tap, not a retype

Users often repeat or refine a search. Surface their recent queries in the search box so they pick up where they left off instead of typing it all again.