Skip to main content
UI Coach Logo

Learn the principles behind the interface

UX laws, made visual

Explore all UX laws
An input pulse receives a nearby response pulse before a waiting gap opens.

heuristic

Doherty Threshold

Progress steps become closer together and more frequent near the finish marker.

effect

Goal-Gradient Effect

A pointer has a short path to a large nearby target and a longer path to a small distant target.

law

Fitts’s Law

From design to website

Turn your UI designs into live websites.

Build visually in Webflow, just like you design. Fine-tune typography, spacing, layout, and interactions until everything looks right, then publish your site live.

Explore Webflow

Design to website

From Figma to Webflow

Build your Figma layout as a responsive website, step by step.

Compare builders

Webflow vs Framer

Explore the workflows and tradeoffs to find the right fit for your designs.

Latest from the design community

Smashing Magazine · hello@smashingmagazine.com (Anastasia Sycheva) · Jul 10, 2026

From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction

The strongest visual concepts don’t start in Figma. They start with the right questions. Explore the pre-concept phase of brand identity design, where teams research brand context, uncover hidden assumptions with stakeholders, and turn shared direction into a visual foundation before a single concept is created.

Read

Adrian Roselli · Adrian Roselli · Jul 9, 2026

Link + Popover Navigation

This is a redress of my 2019 post Link + Disclosure Widget Navigation, except (as the title implies), I’ve modified it to use native HTML popovers instead of ARIA or HTML disclosure widgets. Popover has the benefit of using appropriate HTML structure and semantics while removing the need for scripting…

Read

Unbounce · Danielle Torrie · Jul 9, 2026

Why your SaaS demo landing page isn’t converting (7 mistakes to fix)

Getting a buyer to submit a demo request form means asking them to raise their hand, share their information, and enter a sales conversation. That’s why buyers need to feel confident your solution belongs on their shortlist before they’ll submit the form. It’s also why the success of your demo landing page starts befo.

Read

MeasuringU · Jim Lewis, PhD and Jeff Sauro, PhD · Jul 7, 2026

UX Benchmarks for AI-Based Chat Software (2026)

AI may be rapidly increasing the speed at which we can generate software and find answers, but where there’s an interface for a human, interactions aren’t always smooth. As AI providers compete for users, they add features. Although features add capabilities, they can also add complexity. Simple chat interfaces are gi.

Read

Unbounce · Josh Gallant · Jul 7, 2026

Sales and marketing alignment lessons from 500+ SMBs (2026 Report)

To find out what’s actually happening inside SMB go-to-market teams, Unbounce surveyed 500+ SMB GTM professionals. The headline? 87% of teams expect better sales and marketing alignment to lift performance, yet only 56% describe themselves as highly aligned. In this guide, we’ll unpack what the data reveals about wher.

Read

Jeffrey Zeldman · L. Jeffrey Zeldman · Jul 6, 2026

Memories Can’t Wait—or, How I Learned to Keep Worrying About the Web

The web is still the best hope we have for a durable, shared memory. But it requires us to be gardeners, not merely tenants. The post Memories Can’t Wait—or, How I Learned to Keep Worrying About the Web appeared first on Jeffrey Zeldman Presents .

Read

Adrian Roselli · Adrian Roselli · Jul 5, 2026

Focusgroup Tests

Chrome 150 has landed support for focusgroup, a feature proposed by Open-UI and not yet in WHATWG HTML as anything more than a feature request. Open-UI has outsized representation from Google and Microsoft folks, so it’s no surprise Chrome would implement it first. “FOCUS!” by Metro Centric, CC BY 2.0;…

Read

Smashing Magazine · hello@smashingmagazine.com (Vitaly Friedman) · Jul 3, 2026

Users Don’t Need More Tools: They Need Seamless Integrations

A closer look at why users don’t need more tools in their daily lives. What they need are seamless integrations of useful features to match already existing, established mental models. Brought to you by Design Patterns For AI Interfaces , **friendly video course on UX** and design patterns by Vitaly.

Read

Smashing Magazine · hello@smashingmagazine.com (Victor Yocco) · Jul 2, 2026

Matching AI Modality To User Intent: Designing The Right Interface

We’ve fallen into conversational tunnel vision, defaulting every AI capability into a chat-based interface simply because LLMs are trained on dialogue data. But great UX is about matching modality to users’ context, intent, and cognitive load, so the interface adapts to the user, not the other way around.

Read