<aside> ℹ️ Примерное время на прочтение: 15 минут. Не забывайте о полезных ссылках для самостоятельного изучения темы.

</aside>

Термин «иконка» имеет широкое значение. Словарь Merriam-Webster предлагает два объяснения, которые каким-то образом отражают его движение от физического мира до цифрового дизайна:

1. Иконка — это знак (например, слово или графический символ), форма которого предаёт его значение;
2. Иконка — это графический символ на экране компьютера, который представляет объект (например, файл) или функцию (например, удалить).

Исходя из этого, иконки можно охарактеризовать как символические изображения, удовлетворяющие определённые потребности общения.

Иконки в дизайне интерфейсов должны помогать восприятию, передавать чёткие образы. Использовать иконки следует только там, где это уместно. Если образ чёткий, а иконка не подходит, возможно текст сформулирован недостаточно точно. Ещё иконки помогают экономить место на экране, направляют пользователя и подсказывают ему при работе с интерфейсом.

Иконки могут применяться, например, в навигации, каталоге и категориях, для иллюстрации уникальных торговых предложений, для настроек аккаунта, а также как элемент визуальной поддержи информации другого типа.

Иконка необязательно должна быть понятной без слов. Она может не являться главной, а использоваться как визуальный якорь, чтобы пользователю было проще ориентироваться. Однако существуют некоторые иконки, понятные большинству пользователей и без текста (например, корзина, меню, дом, поиск, настройки).

Основные преимущества использования иконок в интерфейсе

• Потенциал многоязычного восприятия — изображения с распознаваемыми физическими объектами могут быть понятны людям, говорящим на разных языках, поэтому иконки могут сделать интерфейс более гибким.
• Увеличение скорости взаимодействия — физически подавляющее большинство пользователей воспринимает иконки быстрее, чем слова.
• Более высокий уровень запоминаемости пользовательского интерфейса — у иконок больше потенциала остаться в памяти надолго, что может иметь решающее значение при запоминании моделей взаимодействия.
• Экономия места — в случае, если иконки хорошо распознаются и не вызывают двойного значения, они могут заменить текст и сохранить пространство для других элементов интерфейса. Это особенно полезно для мобильных интерфейсов.

Характеристики эффективных иконок

• Ясность — смысл понятен целевой аудитории.
• Значимость — передаётся информативное значение.
• Распознаваемый — визуальный символ может быть правильно декодирован пользователями.