<?xml version="1.0" encoding="utf-8"?>

Ensure labels are easier to read

Ensure labels are easier to read Bad Practice
Ensure labels are easier to read Best Practice

Input labels need to be easy to find and read but shouldn't draw attention to themselves. Like captions, labels represent secondary text and should be at least two sizes smaller than the body text to indicate a difference. So, if your body text is 16px, the size of labels should be 13px or 14px.

Pro Tip: When designing for mobile, find a way to view your designs on an actual device and check the font legibility.

Improve your UX & Product skills with interactive courses that actually work