Маша Косарева Аджайл избавляет проекты от летающих асфальтоукладчиков

Сколько ты уже в дизайне?

Если считать учёбу, то 14 лет. Я училась в полиграфическом колледже на направлении «графический дизайн». В то время, 2008−2010 годы, с диджиталом было не всё понятно и он не был так развит, как сейчас. Был веб-дизайн, была старая добрая флеш-анимация.

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

У тебя в портфолио разные работы: пользовательский интерфейс, фирменный стиль, логотипы, полиграфия ー от чего ты кайфуешь особенно?

Сейчас пользовательский интерфейс ー основное направление, в котором я развиваюсь и планирую расти дальше. Маркетинг и упаковка отошли на второй план: в какой-то момент я их переела.

Как начала развиваться в пользовательских интерфейсах?

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

Мне подходил формат интенсива, но я не ожидала, что график будет настолько плотный. Это были четыре адовейших дня, когда я мало спала и только училась. С 10.00 до 20.00 были лекции, потом мы возвращались домой и делали проект. Прокачалась за эти дни максимально. Я не новичок в дизайне, но в интерфейсах понимала немного, и для меня каждое занятие было суперполезным. Я не владела специальными программами — на работе основным инструментом был Фотошоп. На интенсиве я за ночь освоила Скетч.

Во время обучения всех делили на команды из 2−3 человек. Каждая команда получала задание от представителей компаний, например Сбера. Эти задания были учебными, но их потенциально могли взять дальше на доработку.

Наш проект был для компании «Локалс»: мы делали приложение с личным помощником по аренде квартир. Придумали 11 экранов с пошаговым фильтром квартир, заявкой и оплатой. Приложение получилось лаконичное и интуитивно понятное.

Опыт, полученный в Британке, однозначно стоил потраченных сил.

Расскажи, как выбрать толковый курс по UX и UI? На что обращать внимание?

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

Немаловажный аргумент: я выбирала интенсивный формат, так как были ограничения по времени (я работала) и по бюджету (работодатель оплачивал учёбу). Соотношение цена/формат/направление для меня оказалось оптимальным. Но кому-то интенсив может не подойти: нагрузку надо оценивать здраво.

Курсом я осталась довольна. Программа и результат на тот момент отвечали моим потребностям.

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

Это дизайнерская рутина, но в ней здорово оттачиваешь скилы. Например, переставить кнопку, сделать новый юзерфлоу в СRM-системе или подготовить редизайн страницы без чёткого ТЗ, а только с пониманием, что нужно поднять конверсию. Ничего не зная, садишься и делаешь. Когда заходишь в тупик, гуглишь: делаешь обзор конкурентов, ищешь варианты, читаешь статьи.

Что из того, чему научилась в Британке, ты реализовала в работе?

Я училась в 2018 году и вернулась на работу с большим желанием перемен. То, как там делали имиджевые сайты и интернет-магазин, морально устарело — меня это напрягало. Речь в основном о технической стороне вопроса. Например, рисовать макеты в Фотошопе, в то время как все уже работают в Скетче и Фигме.

Когда-то Фотошоп был основным инструментом для отрисовки макетов. Каждый экран был отдельным файлом, а в Скетче и Фигме в одном «файле» может быть множество экранов. Вдобавок Фигма позволяет из экранов создавать кликабельные прототипы, а Фотошоп не адаптирован под нужды интерфейса: в нём нет библиотек компонентов, нельзя быстро менять состояния элементов: кнопок, чекбоксов, полей. По сути, каждое изменение в каждом месте рисуешь вручную, в то время как другие программы умеют это автоматизировать.

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

Учёба стала катализатором к мысли, что возможностей вокруг масса. Я перешла в новый проект, связанный с автомобилями, где стала заниматься интерфейсами. Позже заинтересовала тема управления дизайном.

Что ты подразумеваешь под управлением дизайном?

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

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

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

Как вы внедряли аджайл в своей компании?

Конкретно в нашем случае, в автомобильной компании, внедрением занимался руководитель, а я отстраивала процессы в дизайне. Суть аджайла ー гибкость: вводили, смотрели, как работает, от чего-то отказывались, меняли снова.

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

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

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

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

Ежедневные встречи с ретроспективами хорошо выпускают пар и вскрывают проблемы

Сколько времени потребовалось, чтобы всё заработало?

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

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

Какая была лично твоя роль во внедрении аджайла?

Лично моя доработка ー это пошаговая инструкция по дизайн-ревью готовой вёрстки на сайте: насколько всё сделано по макету и правильно работает. В инструкции я прописала, что проверяем, как, какие изменения критичные и должны быть внесены до релиза, какие можно сделать потом.

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

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

Я ушла из автомобильной компании, где отработала почти четыре года, последний — в должности старшего дизайнера. Сейчас устроилась в новую компанию UX- и UI-дизайнером, работаю пока месяц. Компания производит и продаёт косметику, витамины, полезные добавки. На данный момент ещё ничего не реализовала, решаю мелкие задачи и параллельно развиваюсь в дизайн-менеджменте.

Почему пошла в Школу руководителей, а не дизайнеров?

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

Сейчас ты на третьей ступени. Как совмещаешь работу и учёбу?

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

Я точно пожалела бы, если бы сошла с дистанции в угоду личному комфорту или из-за нехватки времени

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

Уже многое начала воплощать.

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

Помогли лекции Максима Ильяхова: сразу стала видеть плохие тексты и заставлять всех вокруг их переписывать. Не принимаю в работу текст, в котором есть штампы, оценки, вводные. Люди поначалу удивлялись, но потом соглашались.

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

Стеснение помог преодолеть принцип «не в порядке». После книги Джима Кемпа и курса Ильи Синельникова будто что-то переключилось в голове и заработало по-другому. Все приёмы, я, возможно, не использую, но научилась выкладывать багаж и стараюсь задавать правильные вопросы.

Что посоветуешь тому, кто начинает работать с интерфейсами?

Смотря откуда человек в эту область пришёл. Если он уже занимался дизайном и решил специализироваться на UX, то, как я уже говорила, можно пройти курс Скилбокса или Нетологии. Новичку рекомендую ещё почитать книгу Ильи Сидоренко «Дизайнер интерфейсов».

Если человек совсем новичок, надо изучить базовую теорию дизайна: композицию, теорию цвета, типографику. В моём понимании, обязательны хорошие знания в истории дизайна и хоть какие-то в истории искусств. Например, некоторые интерфейсные элементы калькулятора на системе iOS вдохновлены промышленным дизайном Дитера Рамса для фирмы «Браун». Если человек не понимает таких вещей, он не сможет разумно их применять и будет просто бездумно копировать.

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

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