Инновационный центр

Как эффективно управлять командой WEB-дизайнеров и создавать полезные проекты для жителей Москвы?

2023-12-19 10:00
Мы#nbsp;продолжаем рассказывать, чем занимаются эксперты Инновационного центра «Безопасный транспорт» на#nbsp;благо Москвы. На#nbsp;этот раз, руководитель WEB направления дизайна Глеб Любавский рассказал о#nbsp;своем пути от#nbsp;дизайнера до#nbsp;управленца и#nbsp;о#nbsp;специфике эффективного выстраивания коммуникации внутри команды и#nbsp;с#nbsp;заказчиками. А#nbsp;еще про то, как создавать крутые полезные проекты для жителей Москвы, сохранять вдохновение и#nbsp;креативное мышление. И, конечно, дал несколько советов на#nbsp;пути к#nbsp;успеху и#nbsp;высоким результатам начинающим дизайнерам.

Что такое дизайн на#nbsp;самом деле?

«В#nbsp;обществе, к#nbsp;сожалению, сложилось мнение, что дизайн#nbsp;— это просто картинки нарисовать, цвет кнопки поменять и#nbsp;какой-то элемент вставить. А#nbsp;на#nbsp;самом деле это внешняя надстройка, которая формируется на#nbsp;базе общечеловеческих паттернов. Дизайн понимает, что привлекает человека, как правильно создать интерфейс, чтобы пользователь совершил целевое действие и#nbsp;многие другие вещи, которые незаметны обывателю, но#nbsp;о#nbsp;которых задумывается дизайнер. И#nbsp;хочется, чтобы люди понимали, что за#nbsp;зеленой кнопочкой стоит огромная аналитика».

Путь к#nbsp;цели

Глеб Любавский родился во#nbsp;Владивостоке, окончил направление информационной безопасности телекоммуникационных систем. Несколько лет работал по#nbsp;специальности, но#nbsp;понял, что хочет развиваться в#nbsp;другой сфере. Поэтому пробовал себя в#nbsp;роли руководителя производства по#nbsp;печати, SMM-специалиста, монтажера, но#nbsp;особенно заинтересовала разработка печатной продукции. Тогда у#nbsp;Глеба появилась цель#nbsp;— стать дизайнером, а#nbsp;именно#nbsp;— дизайнером интерфейсов, так как у#nbsp;него был бэкграунд IT-специалиста.
Осознав, что в#nbsp;Москве можно хорошо профессионально развиваться, Глеб вместе со#nbsp;своим французским бульдогом на#nbsp;поезде совершил путешествие-переезд в#nbsp;столицу через всю страну, который составил примерно 11 дней.
Около года он#nbsp;проработал в#nbsp;компании по#nbsp;производству рабочих и#nbsp;садовых инструментов в#nbsp;отделе дизайна упаковки, где освоил программу Adobe Illustrator. Однако заниматься только разработкой упаковки ему не#nbsp;хотелось, поэтому дополнительно подрабатывал удаленно WEB-дизайнером у#nbsp;краснодарской студии, где создавали онлайн-магазин ритейлера техники, страницу для благотворительного проекта и#nbsp;другие разноплановые проекты.
В#nbsp;дальнейшем Глеб оформил все свои кейсы в#nbsp;портфолио и#nbsp;начал активно искать новое место работы.
«В#nbsp;один день я#nbsp;получил положительный ответ от#nbsp;ИЦ и#nbsp;Банка „Открытие“. Выбор был сделан в#nbsp;сторону ИЦ, который предложил работать с#nbsp;макетами, а#nbsp;это то, чем я#nbsp;хотел на#nbsp;тот момент заниматься. Мне дали ТЗ#nbsp;— сделать лендинг в#nbsp;тильде. Ранее я#nbsp;не#nbsp;работал в#nbsp;этом конструкторе сайтов и#nbsp;все равно решил, что нужно создать мощный прикол на#nbsp;страничке, чтобы точно взяли. Но#nbsp;объявление с#nbsp;вакансией было от#nbsp;метро, поэтому подумал соответствовать стилю. Тогда сделал очень строгий сайт с#nbsp;такой#nbsp;же цветовой палитрой и#nbsp;вставил разной анимации. Мой будущий и#nbsp;сейчас нынешний руководитель вернулся с#nbsp;обратной связью и#nbsp;сказал, что нужно создать сумасшедший лендинг. Я#nbsp;не#nbsp;спал целые сутки и#nbsp;делал сайт, параллельно смотря все видео, как создаются те#nbsp;или иные фишки. После#nbsp;ТЗ и#nbsp;личного общения меня взяли».
Изначально в#nbsp;WEB-отделе работал только Глеб, и#nbsp;в#nbsp;основном он#nbsp;создавал лендинги для мероприятий. Одним из#nbsp;первых ярких проявлений WEB-направления стала разработка страницы к#nbsp;9#nbsp;мая, где рассказывалось об#nbsp;истории метро и#nbsp;транспорта в#nbsp;городе во#nbsp;времена ВОВ и#nbsp;про сотрудников московского метрополитена, которые воевали. Глеб разработал наиболее интерактивный дизайн из#nbsp;возможных на#nbsp;тот момент, который стал запоминающимся и#nbsp;выделялся на#nbsp;фоне многих проектов ко#nbsp;Дню Победы.
В#nbsp;дальнейшем WEB-направление решили расширить и#nbsp;собрали целый подотдел. Глеб стал брать больше ответственности за#nbsp;работу своих коллег и#nbsp;постепенно пришел к#nbsp;руководящей должности.
«В#nbsp;целом мне стало интересно познакомиться с#nbsp;другими командами, и#nbsp;возник вопрос: „Почему мы#nbsp;не#nbsp;делаем макеты сервисов для разработчиков?“. При нашем взаимодействии вся работа проходила#nbsp;бы быстрее, и#nbsp;интерфейсы максимально были#nbsp;бы понятны пользователям. Поэтому далее мы#nbsp;договорились о#nbsp;сотрудничестве с#nbsp;разработкой».

Уникальность Центра дизайна в#nbsp;ИЦ#nbsp;«Безопасный транспорт»

Направления деятельности нашей организации разделены на#nbsp;разные центры, каждый из#nbsp;которых делает свой вклад, реализуя проекты на#nbsp;благо города. В#nbsp;дальнейшем WEB-направление решили расширить и#nbsp;собрали целый подотдел. Глеб стал брать больше ответственности за#nbsp;работу своих коллег и#nbsp;постепенно пришел к#nbsp;руководящей должности.
«На#nbsp;примере Центра дизайна могу отметить, что он#nbsp;сотрудничает со#nbsp;всеми отделами сразу. Чтобы подготовить качественное решение, мы#nbsp;погружаемся в#nbsp;процессы отделов: что они хотят от#nbsp;результата, как это работает, для кого это делается. Как ранее говорил, мы#nbsp;упрощаем труд разработчиков своими макетами, помогаем аналитикам с#nbsp;дашбордами и#nbsp;социологам с#nbsp;графиками. Также сейчас плотно сотрудничаем с#nbsp;HR, потому что вместе создаем сервис для сотрудников. Уникальность нашего центра в#nbsp;мегакоммуникации».

Как качественно выстроить взаимодействие между сотрудниками

В#nbsp;команде Глеба на#nbsp;данный момент несколько человек: дизайнеры и#nbsp;разработчик. В#nbsp;том числе при активном взаимодействии с#nbsp;motion-дизайнером. Коллективная работа ускоряет процессы и#nbsp;повышает качество выполнения задач.
Для того, чтобы выстроить плотную коммуникацию между сотрудниками необходимо быть с#nbsp;ними на#nbsp;связи, ставить встречи и#nbsp;определять задачи по#nbsp;проекту, а#nbsp;также как руководитель отслеживать работу человека и#nbsp;давать ему обратную связь, чтобы он#nbsp;смог вовремя внести правки и#nbsp;динамично двигаться дальше. При этом Глеб нацелен быть на#nbsp;одной волне со#nbsp;своей командой, то#nbsp;есть не#nbsp;ставить жесткую позицию начальник-подчиненный.
Такой подход можно рассмотреть на примере работы над лендингом «Причал».
  • «Нам падает задача, мы#nbsp;все собираемся и#nbsp;изначально устраиваем брейншторм. Выявляем, в#nbsp;чем будет основная шоу-механика и#nbsp;определяем зону ответственности каждого человека.

  • Защищаем механики перед руководителем Центра дизайна, чтобы согласовать подход к#nbsp;проекту и#nbsp;заложить ожидания от#nbsp;итогового продукта.

  • Ребята анализируют свою тему работы, выявляют количество времени на#nbsp;задачу и#nbsp;определяют можно#nbsp;ли это сделать.

  • Далее мы#nbsp;ставим установочную встречу, чтобы понять, на#nbsp;каком они находятся и#nbsp;к#nbsp;чему необходимо прийти.

  • Примерно два раза в#nbsp;неделю мы#nbsp;собираемся вместе и#nbsp;обсуждаем полученные результаты.

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

А#nbsp;так вечером каждого дня стараюсь созвониться с#nbsp;ребятами/посмотреть их#nbsp;макеты и#nbsp;оставить свои комментарии/вопросы, чтобы они проанализировали задачу с#nbsp;разных сторон и#nbsp;попробовали сделать что-нибудь новое. Если вдруг человек не#nbsp;понял, что я#nbsp;имел ввиду, то#nbsp;обычно на#nbsp;следующий день встречаюсь с#nbsp;ним и#nbsp;объясняю свою позицию».

Роль руководителя как#nbsp;новый виток развития

Глеб Любавский работает в#nbsp;ИЦ уже около трех лет, вступил в#nbsp;должность руководителя в#nbsp;2022 году.
«На#nbsp;самом деле появилось большое количество возможностей. Я#nbsp;стал больше влиять на#nbsp;процесс создания проекта и#nbsp;развития команды. К#nbsp;примеру, я#nbsp;пообщался со#nbsp;своим руководителем по#nbsp;поводу необходимости трудоустройства разработчика в#nbsp;наш центр и#nbsp;очень рад, что моя просьба была услышана. И#nbsp;спустя время его пригласили к#nbsp;нам в#nbsp;команду. Однако, также повысился мой уровень ответственности, то#nbsp;есть за#nbsp;каждое совершенное действие отвечаю лично, и#nbsp;если случается какая-то непредвиденная ситуация, то#nbsp;мне необходимо быстро решить#nbsp;ее. На#nbsp;самом деле руководящая должность воспитывает меня. К#nbsp;примеру, стал больше времени уделять тайм-менеджменту. В#nbsp;целом моя профессиональная и#nbsp;личная жизнь превратилась в#nbsp;более системную. Поэтому данная роль интересна и#nbsp;полна сюрпризов».
В#nbsp;рамках#nbsp;ИЦ#nbsp;Глеб хочет создать дизайн-систему, с#nbsp;помощью которой разработчики будут получать готовые элементы для всех будущих сервисов. Тогда изменится скорость разработки проектов. Появятся элементы, которые будут переходить из#nbsp;продукта в#nbsp;продукт, видоизменяясь под нужды проекта без потери целостности компонента. А#nbsp;также команда WEB направления сможет быстрее прототипировать макеты.

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

«На#nbsp;самом деле необходимо быть точно уверенным в#nbsp;том, что за#nbsp;тобой есть право руководить, и#nbsp;ты#nbsp;понимаешь данный процесс. Если нет этого осознания, то#nbsp;тогда все действия будут сконцентрированы в#nbsp;узком направлении, будет сложно прогнозировать и#nbsp;поддерживать организационные процессы, выстраивать коммуникацию, что приведет к#nbsp;появлению большего количества трудностей, чем могло#nbsp;бы быть. А#nbsp;как этого достичь? Необходим контроль, но#nbsp;не#nbsp;директивный, а#nbsp;именно более наблюдательный и#nbsp;понимающий, то#nbsp;есть нужно периодически отслеживать задачи сотрудников, но#nbsp;так, чтобы это не#nbsp;переросло в#nbsp;микроменеджмент и#nbsp;не#nbsp;утомляло всех участников. Также важным аспектом является анализ работы сотрудников для понимания проблем, на#nbsp;каком этапе находится та#nbsp;или иная задача, что уже на#nbsp;фазе готовности. Тогда к#nbsp;сроку сдачи минимизируется появление каких-либо ошибок и#nbsp;замечаний».
Глеб Любавский уверен, что руководителю важно понимать, что многие люди бояться признавать свои проблемы, так как думают, окружение будет хуже к#nbsp;ним относиться. В#nbsp;этой ситуации лучше поговорить с#nbsp;сотрудником и#nbsp;разобраться в#nbsp;том, что его беспокоит, и#nbsp;направить, чтобы он#nbsp;смог осознать, как ему решить вопрос и#nbsp;продолжить продуктивно выполнять обязанности. Поэтому, по#nbsp;его мнению, во#nbsp;многом рабочий процесс в#nbsp;организации зависит от#nbsp;того, как руководитель выстраивает коммуникацию в#nbsp;своем коллективе.

Способы эффективной коммуникации с#nbsp;заказчиками

Руководитель WEB дизайна поделился, что при подготовке проекта очень многое решает способность понять друг друга заказчику и#nbsp;исполнителю и#nbsp;совместно принять единое решение.
«Хорошая практика#nbsp;— это подготовка первой версии макета и#nbsp;предоставление его пользователям. Для начала мы#nbsp;собираем информацию о#nbsp;целевой аудитории, целях и#nbsp;задачах проекта. Иными словами: «Кто? Как? И#nbsp;в#nbsp;каком контексте будет использовать продукт?». После проделанной работы с#nbsp;данными у#nbsp;нас складывается понимание о#nbsp;проекте, и#nbsp;тогда приступаем к#nbsp;созданию макетов. В#nbsp;дальнейшем мы#nbsp;организовываем фокус-группу, которая не#nbsp;знакома с#nbsp;сервисом. Даем задачу участникам воспроизвести действия из#nbsp;заранее прописанного сценария (найти раздел в#nbsp;интерфейсе, получить отчет, вывести необходимый набор данных). Чаще всего они применяют свой эмпирический опыт пользования различными сервисами.

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

Однако бывает, изначально приходят заказчики, которые уже знают, что команда работает эффективно и#nbsp;проекты успешные. Тогда им#nbsp;зачастую хватает логического объяснения. К#nbsp;примеру, они выразили несогласие с#nbsp;каким-либо элементом в#nbsp;макете. В#nbsp;данной ситуации стоит озвучить ход действий пользователя при взаимодействии с#nbsp;обозначенным элементом. Ёмкий, но#nbsp;логичный сценарий помогает быть на#nbsp;одной волне с#nbsp;заказчиком и#nbsp;обозначить, что предлагаемое нами решение помогает в#nbsp;достижении его целей. В#nbsp;этой ситуации вопросы отпадут сами собой. После этого заказчики смогут увидеть полную картину и#nbsp;согласиться. То#nbsp;есть необходимо терпеливо подводить людей к#nbsp;своему решению, чтобы они поняли причину того или иного действия».
В#nbsp;целом, Глеб определил два действенных способа: провести исследование и#nbsp;показать наглядно или сформировать твердую позицию и#nbsp;логику для подтверждения своего мнения. А#nbsp;также он#nbsp;отмечает, что не#nbsp;стоит забывать подготавливать альтернативные варианты решения вопроса для выбора.

О#nbsp;текущих проектах

В#nbsp;данный момент у#nbsp;команды WEB направления есть три ключевых проекта.
«Гараж ЦОДД»#nbsp;— это крупный проект, в#nbsp;котором много кода, моделей и#nbsp;адаптивов. Конкретно мы#nbsp;занимаемся макетами транспорта, которые в#nbsp;будущем человек сможет вывести в#nbsp;дополненную реальность и#nbsp;рассмотреть поближе. К#nbsp;примеру, службу помощи, дорожный патруль и#nbsp;катер водного патруля».
В#nbsp;том числе, Глеб Любавский выделил проект для оформления сотрудников в#nbsp;Инновационный центр. У#nbsp;ребят появилось желание облегчить в#nbsp;организации этап трудоустройства, поэтому возникла идея создать единый сервис, где будет собрана вся необходимая информация для зачисления в#nbsp;штат. Еще очень крутая фишка продукта, что личный кабинет в#nbsp;сервисе будет у#nbsp;всех заинтересованных лиц: сам кандидат, административный менеджер, который отвечает за#nbsp;сбор документов, hr-специалист и#nbsp;будущий руководитель сотрудника. Все будут всегда видеть, на#nbsp;каком этапе находится кандидат и#nbsp;сколько еще осталось пройти, прогнозный день выхода на#nbsp;работу.
«Мы#nbsp;надеемся, что сервис сможет упростить и#nbsp;ускорить данный процесс, привести коммуникацию с#nbsp;соискателями к#nbsp;единому контексту. Конечно, в#nbsp;дальнейшем хочется масштабировать проект на#nbsp;весь Транспортный комплекс (ТК).

Третий проект связан с#nbsp;«Архивом». Появилась потребность в#nbsp;хранении медиаданных в#nbsp;едином месте. Идею такого проекта инициировал руководитель Центра дизайна и#nbsp;смог предоставить место на#nbsp;сервере и#nbsp;ресурс для производства. Мы#nbsp;разработали MVP, который оперативно развернул Центр разработки. Позже к#nbsp;проекту добавились адаптивы. На#nbsp;сегодняшний день мы#nbsp;готовим масштабную проработку и#nbsp;расширение архива, чтобы все сотрудники#nbsp;ТК смогли им#nbsp;комфортно пользоваться. Сейчас проект находится на#nbsp;стадии проведения исследования. Команда аналитиков взяла на#nbsp;себя опросы и#nbsp;интервью. Позже мы#nbsp;изучим полученные данные и#nbsp;переработаем интерфейс проекта».
Помимо вышеперечисленных задач, команда занимается дашбордами для аналитиков.
Дашборд#nbsp;— это информационная панель, которая получает данные из#nbsp;других систем и#nbsp;отображает их#nbsp;в#nbsp;понятном виде

Как сохранить вдохновение? Профилактика профвыгорания

«Мне кажется во#nbsp;многом играет эго. Пока ты#nbsp;смотришь различные ресурсы, находишь очень крутые проекты. Внутри появляется мысль: „Я#nbsp;ведь тоже так могу“, и#nbsp;начинаешь интегрировать новые механики и#nbsp;инструменты в#nbsp;рабочие процессы. То#nbsp;есть сам себе задаешь мотивацию и#nbsp;продолжаешь действовать».
Также Глеб поделился, что креативное мышление и#nbsp;вдохновение можно подпитывать с#nbsp;помощью просмотра и#nbsp;анализа различных референсов как в#nbsp;своей сфере, так и#nbsp;в#nbsp;абсолютно других, то#nbsp;есть тренировать насмотренность
«Многое, что сейчас происходит в#nbsp;лендингах, было в#nbsp;период Баухауса и#nbsp;в#nbsp;самых разных стилях прошлого времени. Дизайн цикличен и#nbsp;дополняется из#nbsp;эпохи в#nbsp;эпоху. Появляются новые технологии и#nbsp;подходы, которые дают по#nbsp;новому посмотреть на#nbsp;цвет и#nbsp;различные элементы на#nbsp;мобильных устройствах. Всегда можно обратиться к#nbsp;вёрстке старого научно-популярного журнала, случайной иллюстрации на#nbsp;pinterest, интерфейсу игры и#nbsp;просто красивому фильму с#nbsp;интересной цветокоррекцией. Любые носители могут задать настроение и#nbsp;вдохновить на#nbsp;создание чего-то нового».
Для Глеба важен своевременный отдых, в#nbsp;это время можно насладиться плодами своего труда. Особенно ему хорошо помогает переключаться на#nbsp;другие занятия. К#nbsp;примеру, спорт, хобби или иногда стоит просто ничего не#nbsp;делать и#nbsp;организовывать «день тюленя».

Как начинающему дизайнеру добиться высоких результатов

«Существует аллегория… Я#nbsp;в#nbsp;студенческое время ходил в#nbsp;зал, и#nbsp;там был преданный делу тренер, он#nbsp;всегда говорил такую фразу: „Чтобы много приседать, надо много приседать“. Если углубиться, то#nbsp;чтобы достичь в#nbsp;чем-то успеха, необходимо постоянно развивать свои навыки».
Руководитель WEB направления уверен, что начинающему дизайнеру не#nbsp;стоит ждать, пока появятся первые заказы, лучше как можно чаще практиковаться и#nbsp;тренировать свои знания. В#nbsp;целом, если человек видит малейшую возможность нарисовать и#nbsp;создать для кого-то макет, то#nbsp;нужно хвататься, делать и#nbsp;показывать. А#nbsp;главное#nbsp;— постоянно рисовать, рисовать, рисовать.
«Но#nbsp;все мы#nbsp;понимаем, что создание работ только для себя может привести к#nbsp;потери мотивации. Поэтому не#nbsp;забываем подходить к#nbsp;друзьям, знакомым, всегда найдется человек, которому понадобятся услуги дизайнера. В#nbsp;целом, каждая возможность#nbsp;— это потенциальная вероятность дальнейшего успеха».