Frontends Built for Operators, Not Designers
UIs for the plant floor live under different rules. Gloves, glare, and twelve-hour shifts change everything.
The operator is not your average user
Most web UX advice assumes a relaxed user on a 14-inch laptop. The operator I design for is wearing gloves, standing in front of a 24-inch industrial panel under fluorescent light, and has already been on their feet for nine hours. Every affordance has to survive that.
Rules I follow
- Touch targets start at 56 px. Gloves, again.
- No hover state carries meaning. On a touchscreen it doesn't exist.
- Color is always doubled with an icon. Red-green blindness + glare.
- State is loud. If the line is stopped, the screen says so in the largest element, not the smallest.
- Every action has an undo window, usually 3 seconds.
The stack
Next.js 16 with Server Components for the dashboards, plain Framer Motion for the few places that benefit from motion, and a hand-rolled component library tuned to the plant's palette. shadcn is lovely, but operators don't read tooltips.
Sit at the panel for a full shift before you design the UI. The decisions you make after that shift will be completely different from the ones you would have made in the office.