Design the system, not the screen
1 July 20268 min read

A screen is a symptom. The thing you are really designing is the system behind it, and that is where the leverage lives.
A designer is handed a screen and a problem. The checkout is losing people, make it convert. You could redraw the button, tighten the copy, remove a field, and you might win a percentage point. But the screen was never really the problem. It sits at the end of a long chain of decisions: a price set elsewhere, a stock system that does not quite tell the truth, trust that was won or lost ten pages earlier, an email that arrives afterwards and either keeps the promise or breaks it. The screen is a symptom. The system is the cause.
Systems thinking is the habit of looking past the part in front of you to the web of parts it belongs to, and to the relationships between them. A checkout is not a page. It is pricing, and inventory, and the confidence a customer built while browsing, and the returns policy waiting quietly in the footer. Pull one thread and the others move. The discipline is to see the threads before you start cutting.
This runs against most of our training. We are taught to break a problem into parts and fix the parts, and for machines that works. But anything with people in it behaves differently, because the behaviour lives in the connections, not the components. A team of brilliant individuals with a broken hand-off will lose to an ordinary team with a good one. The same is true of screens. It is usually the joins, not the parts, that fail.
The first move in practice is to ask what the system is actually for. Not what the screen does, but what outcome the whole thing exists to produce. This is harder than it sounds, because the honest answer is written in behaviour, not in mission statements. The purpose of a system is revealed by what it does, not by what it says it does. A signup flow that quietly optimises for volume over fit has a real goal, whatever the strategy deck claims, and the design will serve that real goal until someone changes it.
Then map how things move through the system, and where they loop back on themselves. Feedback loops are the part teams most often miss. A reinforcing loop compounds: success breeds success, or a small annoyance breeds the support ticket that breeds the delay that breeds the next annoyance. A balancing loop pushes back and holds things in place, which is why some problems refuse to move no matter how hard you shove. Most stubborn problems are a loop nobody drew. Find the loop and you find the thing worth changing.
Fix the screen and you fix today. Fix the system and you fix every screen you have not drawn yet.
Not all changes are equal, and this is where judgement earns its keep. The weakest place to intervene is the numbers, a bigger button or a deeper discount, because the system simply absorbs it. The strongest places are the rules, the flows of information, the goal itself. The art is to spend your effort where a small push moves the whole system, rather than where it is merely easy to push. Teams gravitate to the easy end because it is visible and quick. The leverage is usually at the quiet end, in a rule or an assumption nobody thought to question.
The value of all this is that you stop paying for the same problem twice. Fix the screen and you fix today. The next screen inherits the same broken assumption and the same designer gets handed the same brief a quarter later. Fix the system and every screen after it is easier, because the thing that was making them hard is gone. This is most of what senior design leadership is actually for: not drawing more screens, but removing the reasons so many were needed.
Systems bite back, so a little humility is wise. They are full of delay. You change something and nothing happens for weeks, then everything happens at once, and the temptation is to declare victory or panic long before the system has finished responding. Move deliberately, watch the loops, and give the thing time to settle before you judge it. The fastest way to make a system worse is to keep yanking on it because the first pull seemed to do nothing.
This only gets more important as products grow more automated and personalised. More parts talk to more parts, and the instinct is to optimise each part on its own. A model tuned to maximise clicks will happily degrade the whole experience to win its corner of the metric. The scarce skill, the one that does not automate, is holding the whole in mind while everyone else optimises a fragment of it, and noticing when a local win is a global loss.
So when you are handed a screen, take the screen seriously, and then look straight past it. Ask what system it belongs to, what that system is really for, and where the single change sits that would make a dozen screens unnecessary. That question is the difference between decoration and design, and it is the one a screen will never ask on your behalf.
UX Companion
The UX dictionary in your pocket.
UX Companion is our UX-dedicated app. A carefully written glossary of the tools, terms and theories every UX professional should know. Each entry pairs a plain-language definition with practical implications you can apply in your work.
Have a project in mind?
We take on a small number of partners at a time. Tell us what you're building.
