Ten levels of UX/UI suffering

Forms From Hell

A game of ten forms. Each looks innocent — and each hides one usability nightmare. Can you get through them all?

10 levels

What it is

You go through ten pages, one short form on each. Filling it in sounds trivial, but every level is deliberately built against you — with wrong labels, aggressive validation, dark patterns and the other sins we frontend developers commit on our users.

Why it exists

This project is meant to educate. It collects in one place the biggest mistakes we use to make people miserable — from placeholders instead of labels to a button that runs away from your cursor. Once you feel them first-hand, they are far easier to avoid in your own work.

Rules

Every level has its own page and its own form.
The brief is often hidden — reading carefully is part of the game.
Fill the form in correctly to unlock the next level.
Difficulty ramps up. Level ten is pure hell.

Before you start

Everything you see here is an anti-pattern on purpose. Never do this in your own app. After each level we explain what was wrong and how to do it right.

Start the game →