Какие UX-проблемы важно учитывать при использовании иконографии в интерфейсе?

Практический смысл

Иконки экономят место, но сами по себе часто неоднозначны: один и тот же символ разные люди читают по-разному.

На что смотреть

• Смысл без подписи — «карандаш», «три точки», «дискетка» могут означать разные действия.
• Культурный и возрастной контекст — метафоры устаревают или не универсальны.
• Контраст и размер — тонкие линии плохо видны при слабом зрении и на маленьких экранах.
• Цвет как единственный сигнал — красная/зелёная иконка без формы/текста недоступна дальтоникам.
• Состояние — disabled, active, selected должны отличаться не только цветом.
• Подписи и aria-label — видимый текст рядом или доступное имя для AT.

<button type="button" aria-label="Удалить черновик">
  <svg aria-hidden="true"><!-- иконка корзины --></svg>
</button>

Итог

Иконка — ускоритель, не замена смысла. Подпись, доступное имя и явные состояния важнее «красивого» глифа.