<aside>
ℹ️ Примерное время на прочтение: 10 минут.
Не забывайте о полезных ссылках для самостоятельного изучения темы.
</aside>
Большая часть нашего мозга предназначена для обработки визуальной информации.
Иллюстрация, как и любой другой элемент интерфейса, должна быть функциональной и служить чётко определенной цели. Важно понимать, когда и зачем использовать иллюстрации.
Три основные функции, которые могут выполнять иллюстрации
1. Повышают информативность
- Описание концепции. Когда сложно описать концепцию, особенно, если она абстрактная.
- **Создание контекста. «**Встречают по одёжке...», в том числе и продукт. Учитывая, что люди крайне редко читают текст и просто сканируют глазами содержимое экрана, иллюстрации помогают быстрее погружать пользователя в контекст, познакомить с продуктом и показать как он работает.
- Побуждают к действию. Правильно подобранная иллюстрация может заставить действовать пользователя.
2. Играют с эмоциями
Ежедневно пользователи взаимодействуют с десятками продуктов, но запоминаются в основном те, которыми приятно пользоваться. И найдя такой продукт, велика вероятность его использования в дальнейшем.
- Пользователь достиг цели. Анимированная иллюстрация на экране успеха, который видит пользователь при достижении какой-либо цели, создаёт у него ощущение, что он добился чего-то значимого.
- Пользователь запутался или чем-то раздражён. Когда пользователь не понимает что-либо в интерфейсе, он начинает нервничать. Его можно успокоить с помощью изображений. Иллюстрации помогают уменьшить беспокойство или скрасить неприятный эффект, когда пользователь сталкивается с ошибкой. Иногда с помощью иллюстраций удаётся перевести ситуацию в положительную сторону, развеселив пользователя.
3. Создают характер продукта
С помощью иллюстраций можно придать продукту уникальности, выделиться на фоне других.
- Иллюстрация как часть идентичности бренда. Иллюстрации, выдержанные в стилистике бренда, отлично повышают его узнаваемость. Увидев такую картинку, пользователь вспомнит о вашем продукт.
- Маскоты. Маскот — это нарисованный персонаж или объект, который пользователи сопоставляют с продуктом или брендом. Хорошо продуманный маскот может создать эмоциональную связь между пользователем и продуктом. Маскот оживляет продукт и придаёт ему характер. Юзеры чувствуют с ним связь, а опыт взаимодействия становится ярче и лучше запоминается.
- Настроение. Иллюстрации могут помочь придать продукту любое настроение. Важно, чтобы они гармонично вписывались в интерфейс и были выдержаны в общей стилистике. С помощью иллюстраций можно добавить красоты, эмоций и даже рассказать историю.