Евгений Демченко – руководитель отдела веб-дизайна «1+1 media», лектор школы Projector, бывший арт-директор Pоkupon и дизайнер MEGOGO.

Уже почти 18 лет профессиональной жизни посвятил психологии разработки дизайна. Для «1+1 media» разработал более 70 проектов.

Telegraf.Design узнал у Евгения об особенностях создания диджитал проектов, какие инструменты лучше использовать и как организовать работу гигантского штаба дизайнеров.

Что такое диджитал дизайн?

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

Чем именно ты занимаешься?

У меня кухня широкого профиля. Очень мало задач в диджитал отделе, в которые я не включен. Я организовываю эффективную работу по созданию диджитал продуктов для всех компаний группы. «1+1 media» – это не только канал и сайт. Это большой холдинг с множеством медиабизнесов, большинству которых нужны диджитал площадки.

К разработке каких проектов ты причастен?

Ко всем ключевым проектам «1+1 media»: 1+1, ТСН.ua, УНИАН, 2+2, «ПЛЮСПЛЮС», «Бигуди» и другие. Я ставлю на рельсы процесс разработки дизайна их диджитал проектов.

Ориентировались ли при создании новых проектов на какие-то зарубежные примеры?

У нас все сложнее. Под видение наших специалистов мы не могли подобрать нужные референсы. Потому мы не могли опереться на другой продукт. И если логично подумать, то копируя кого-то, никогда не станешь лидером. При разработке всех проектов мы опирались исключительно на мудборды. Собственно, при разработке сайта ТСН.ua я и придумал новую механику работы с этим инструментом.

Какие плюсы использования мудбордов?

Это инструмент широкого профиля и использоваться он может по-разному. У молодых дизайнеров прослеживается школьный баг. Когда они сдают проект, они воспринимают это как экзамен. Они думают, что перед ними сидят экзаменаторы и они должны свой проект, как сочинение по украинскому языку, красиво представить. На самом деле дизайнер должен написать себе кучу подсказок, написать на рукавах шпаргалки, собрать все ответы, разложить их перед заказчиком и доказать, что у его решений будет максимальная эффективность, предоставив доказательства. Тогда заказчик будет понимать логику вашего проекта. Мудборд закрывает целую серию задач этих шпаргалок. Это сумасшедший инструмент ухода от абстракции, который привязывает разработку проекта к конкретным изображениям и образам. Это также инструмент сопоставления различных элементов.

Его можно охватить сразу одним взглядом и выбрать нужное. Заказчику так легко определить настроение будущего проекта. Каждый мудборд решает одну задачу. По ТСН.ua у нас было 3 мудборда: по настроению, веб солюшенам и цветам. Мудборд также является сильным инструментом поддержания образа. В 90-е были популярны «плакаты желаний», куда вклеивали машины, дома, яхты. И вот ты составил этот плакат и дальше все твои действия, мысли и решения завязаны на этом прикрепленном образе. Когда ориентируешься на мудборд при создании проекта, каждый выбранный элемент работает в синергии и транслирует одно настроение. Это гораздо эффективнее, чем с потолка брать какие-то цветовые схемы или на Behance искать референсы.

У каждого проекта разное количество мудбордов?

Да. Каждый мудборд закрывает нам одну конкретную задачу. При каждой встрече мы определяемся с возможностями заказчика. Например, у УНИАН есть собственный шикарный фотобанк, на сайте 1+1 есть свои шрифты и много промоматериалов, но нет других вещей. Если эти недостачи можно закрыть мудбордами, мы это делаем.

Как разрабатывается мудборд?

Мы запрашиваем у заказчика 15 изображений, которые у него ассоциируются с будущим проектом. Это могут быть картинки с Pinterest или вообще откуда угодно. Они вот смотрят и говорят: «это ТСН», а на самом деле там котик нарисован или вулкан. Потом эти изображения мы разбавляем своими, выклеиваем мудборд и презентуем его. Это некий юзер тест, или тест Роршаха, где каждый заказчик выбирает те картинки, которые он считает актуальными для своего проекта. Мы все это снимаем на видео и потом анализируем, почему заказчик выбирает те или иные изображения. Так мы приоритезируем образы и выходим на определенное настроение проекта. Это помогает заказчику определиться с этими образами.

Есть схема, как трансформировать мудборд в конкретные решения?

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

Какое настроение транслирует, например, сайт 1+1?

Нам интересно делать жизнь пользователей лучше, интересней и веселее. Хотелось, чтобы люди ассоциировали наши диджитал продукты с уютом. Вот ты приходишь, включаешь канал 1+1 и он создает чувство уюта. Это же мы пытаемся закладывать и через мудборды.

А что с мудбордом настроения УНИАН?

Каждая картинка выбирается заказчиком и транслирует какое-то сообщение. Вот, например, рука держит землю. Это значит, что человек обладает властью и контролирует происходящее. Именно такое настроение должен получать пользователь. Вот тут картинка на IT-шную тему. Так УНИАН хотел показать, что они не только информационное, но еще и диджитал агентство. Все эти элементы проявляются на сайте и усиливают впечатление у пользователей.

Есть ли пример каких-то изменений, которые вносились в проекты из-за изменений аудитории?

Яркого примера нет. Мы стараемся двигаться мелкими шажками. Существует так называемый закон Якоба, согласно которому человек комфортнее себя ощущает в известной среде. Если говорить о кардинальном изменении поведенческого фактора, то самый яркий пример – редизайн ТСН.ua. Наш основной референс был логотип с цветом, слоган «ТСН вражає» и желание заказчика сделать таблоид. Раньше сайт был серенький, под 1024 сверстан, с двумя боковыми колонками, контентная часть была не больше 600 пикселей. Конечно, такой сайт «вражати» точно не мог. Мы сделали под responsive design, протестировали под разные разрешения. Аудитория начала рефлексировать, получать нужные эмоции и стала расти.

Какая была основная причина редизайна?

Форм-фактор был устаревший, не подходил под концепцию и масштабы. Раньше ТСН воспринимали как телепередачу, а сейчас это на 50% новостной сайт.

Каждый проект имеет свою команду дизайнеров?

Они могут пересекаться в зависимости от загрузки и сильных сторон дизайнера.

Существует ли специфика работы дизайнеров в диджитал проектах «1+1 media»?

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

Каким был твой первый рабочий день в «1+1 media»?

Я раньше работал в стартапах, агентствах и везде была своя кухня. У всех были свои требования к работе дизайнера. Агентству выгодно, когда дизайнер работает быстро, тогда его рабочий час стоит дешевле. Продуктовые компании заточены на качество и готовы идти на диалог. Здесь мне бросилось в глаза, что большое количество людей улыбались. В агентстве я никогда такого не видел. Там у нас был свой дизайнерский кружок по интересам, а здесь такого разделения нет. Интересы всех пересекаются. Именно отношение и атмосфера запомнились больше всего.

Работа в СМИ требует высокой интенсивности. Как это сказывается на работе дизайнеров?

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

Как будут выглядеть проекты «1+1 media» через 3 года?

Будет расти качество типографики. Сейчас начинается шрифтовый бум. Ранее никто шрифтами так не беспокоился. Еще в 30-х годах ХХ века был утвержден закон 1337, по которому из всех шрифтовых пар оставили только 30. Остальные отправили на переплавку, чтобы избежать конкуренции на рынке издательства книг. Из-за этого вся история нашей типографики замерла и ушла на дно на 100 лет. Сейчас начинается процесс разработки хороших украинских шрифтов. В интернете мы можем оперировать только двумя типами информации: картинки и текст. Хотелось бы, чтобы текст был хорошо сверстан и была хорошая типографика.

У каждого проекта будет свой шрифт?

В идеале.

А какие проекты сейчас имеют свои шрифты?

1+1 и «ПЛЮСПЛЮС». Для остальных мы закупаем в зависимости от продукта и особенностей восприятия текстовой информации.

Над чем работаете прямо сейчас?

Активно идет процесс интеграции 1+1 video во все сайты каналов. Это большая ОТТ платформа. Разработка 1+1 video идет активными темпами. Это все нам нужно слить в единое целое. Также разрабатываем сайт 1+1 и развиваем уже существующие сайты.

Есть ли универсальные советы для дизайнеров, которые работают над диджитал проектами?

Нашим дизайнерам часто не хватает схоластических знаний: основы композиции, цвета, типографики. Важно молодому поколению зайти на «Википедию» и почитать о человеческом зрении. Очень важно понимать, как человек видит.

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

Даже если вы печете хлеб или делаете носки, вам все равно нужно свое представительство в интернете, иначе на рынке вы просто не выдержите. Что касается того, как правильно войти в эту среду, у всех рецепты свои. Самое главное – не бояться и просто делать.

А какие практические советы начинающим дизайнерам ты мог бы дать?

Главное, экспериментировать. Чем больше экспериментов ты проведешь, тем лучше будешь понимать, в каком направлении идешь. Дружить нужно с аналитикой. В дизайне нет понятий «правильно» и «неправильно». Существует только – «лучше работает» и «хуже работает». Если есть возможность заказывать аналитику ваших решений – это очень здорово.

Какие сейчас существуют тренды в интернет-СМИ?

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

На Telegraf.Design вы также найдете конспект лекции Евгения Демченко об основах композиции, которые применяются при создании диджитал проектов.