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

Use familiar icons to indicate menu selections

Use familiar icons to indicate menu selections Bad Practice
Use familiar icons to indicate menu selections Best Practice

The selection state icon is the mark that indicates what item or items users have chosen in a single-select or multiselect menu.

Most commonly it's either a checkmark or an "X." These symbols feel intuitive to users as that's what we use when we fill out paper forms. Avoid using unconventional marks for selection state icons to not confuse users.

Pro Tip: The selected option can also be indicated with color overlay.

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