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

Use icons for visual guidance

Use icons for visual guidance Bad Practice
Use icons for visual guidance Best Practice

Icons can be more intuitive than text for quick visual guidance, especially in forms where users might not know certain information, like the CVV/CVC code on a credit card. Tooltips can be helpful but require an extra mouse action and may not work smoothly on mobile devices. Using an icon—a graphic of a credit card showing the code location, for example—can immediately clarify what's needed. If there's still potential for confusion among your audience, consider pairing the icon with a tooltip for extra clarification.[1]

Pro Tip: Don't include information that is vital for task completion (like password requirements) in tooltips.

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