Hello!
Today I'm thinking about a line from Elon Musk that people are buying Full Self-Driving with a car attached, not the other way around. People buying the outcome (it drives me places) instead of the tool (a car) is going to impact a lot more products, especially software. At a high level, this is how AI upends existing companies. Why does this matter so much for software? Because software teams spent decades making tools people use to get the outcomes they want. Photoshop is a good example. It has thirty-plus years of interface built around manipulating pixels, but when you want to edit a photo you're thinking "make her hair flow to the left," not "select these pixels and apply a transform." The tool sits between you and what you actually want. I've been chasing this idea for a while. Back in 2024, I wrote about how the continuous march of "more features, more UI" leaves people with more functions they don't know about and don't use, and how AI lets you control software with hundreds of features by just telling it what you want to do. Last month I pushed it further: start from the outcome ("here's the news you asked for") and let people engage with the tools later if they want to. Outcome first, tool second. The car example just makes it really concrete. Nobody wants a steering wheel, they want to get somewhere. As we've said for years, we don't call carpenters "hammer users." So if you're building software today, ask yourself: what's the "it drives me places" version of your product? Because if you don't ship that, someone else will, with your tool attached as an afterthought.
Why top-aligned labels in forms?
Top-aligned labels win on a few important fronts, and the reason comes down to how our eyes move.
The big one is speed. Top-aligned labels tend to reduce completion times the most for familiar data (things like your address or credit card) because they only require a single eye fixation to take in both the input label and the field. In eye-tracking work from Matteo Penzo's 2006 study, top-aligned labels permitted users to capture both labels and inputs with a single eye movement, resulting in the fastest completion times.
They're also flexible. Top-aligned labels work well for forms that require localization or long labels because there's plenty of horizontal real estate to expand or contract the label without messing up the page layout. That matters when you remember languages like German or French can be twice as long as English.
And there's a whole set of practical wins beyond speed. Top-aligned labels are easier to code (no floats or tables), better for accessibility since the label and field come in order, a better format for mobile screens, and they leave room for a help or error messaging column. On mobile in particular, they're the clear choice because they support multiple screen resolutions and just fit small screens better.
The one trade-off? They take up a lot of vertical space. So if vertical screen real estate is tight, that's when you might reach for right-aligned labels instead, and left-aligned for unfamiliar or advanced data entry where you actually want people to slow down.
So the short version: for familiar data that you want people to fill in fast, go top-aligned. Just be ready to spend some pixels going down the page.