Продуктовая иллюстрация и чем она отличается от других направлений

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

Что такое продуктовая иллюстрация

Рассказать о том, как вырастить свои инвестиции или почему важно вкладывать деньги в развитие собственного бизнеса, можно и текстом со схемами. Но чем сложнее его ниша или тематика, тем ниже шанс донести мысли так, чтобы их воспринимали адекватно. Здесь на помощь приходит иллюстрация: через метафоры и образы, она помогает упрощать восприятие смысла, транслируемого через тексты.

Стиль и подача подчиняются функции иллюстрации: она не должна выступать в качестве самостоятельного объекта и привлекать внимание только на себя. Наоборот, сначала человек должен прочитать текст, а картинка поможет ему в понимании.

Отличия продуктовой иллюстрации от редакционной

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

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

Когда использовать продуктовую иллюстрацию

Никогда не используйте иллюстрацию ради украшения. Как и при работе с книгами, она должна быть к месте, помогать расшифровать непонятные для понимания вещи, ситуации.

Например, иллюстрировать следует сложные заголовки, насыщенные специальными терминами. Потому что читая их, пользователь не всегда понимает стоящего за ними смысла, видит лишь что-то трудное и расстраивается.

Как работать с продуктовой иллюстрацией

Следите за стилем

Иллюстрации для приложений и сайтов насыщены деталями и любая закорючка или изменение в форме, цвете, влияет на восприятие и человек замечает, что что-то пошло не так. Хороший пример: если три картинки сделаны со скругленными углами и решены в пастельной, ненасыщенной цветовой гамме, а четвертая — яркая и колючая, то вы разобьете общность стиля.

Это критично, потому что подобный подход нарушает доверие к продукту, и если иллюстрация некачественная — таким же человек видит и сам продукт.

Не вдавайтесь в детали при создании иллюстрации для маленьких экранов

Детализированные иллюстрации позволяют заключить в себе больше смысла и информации, но при уменьшении размера выглядят нелепо и бессмысленно: общая форма продолжает читаться, но важные детали стираются.

Поэтому при разработке иллюстраций важно соблюдать баланс между их детальной проработкой, стараться сделать так, чтобы картинка хорошо смотрелась как на большом экране, так и на маленьком.

Используйте метафоры для трансляции абстрактных идей

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

Но изобразить процесс создания сайта так, будто он рисуется при помощи карандаша и линейки — хорошая идея.