Figma UI kit
Platforms

Kiosks

The shop-floor terminal: a wall-mounted screen, a gloved hand, glare, and an operator between two jobs. Everything is bigger, fewer and unmistakable.

A gloved finger pressing a welding machine's touchscreen controls on the shop floor
Photo: Shixart1985, via Wikimedia Commons. CC BY 2.0.

Touch floors

44pxMinimum hit target, every control
56pxPIN pad keys and the PIN field

On the kiosk the 44px boundary is the floor, not an invisible extension: visible controls are 44px or taller, so a glove lands on what it can see.

High-contrast states

Glare washes out a 16% tint. On the kiosk a state is carried by a status hue on the label and an icon as well as the tint, so it survives a screen at an angle in full sun.

Source credit goes here with the photo.
Do
Clocked in, Weld bay 2
Do: state the condition in bright ink and words, not colour alone.
Avoid
In
Avoid: a muted one-word pill. Under glare it disappears, and the operator clocks in twice.

One job per screen

Clock in, pick a task, mark it done. Each screen asks one question with one primary action, and the way back is always in the same corner.

More in Foundations and concepts