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

Саша Бизиков, дизайнер пользовательских интерфейсов в FunBox
Саша Бизиков за год сменил профессию веб-разработчика на дизайнера. Саша рассказал Tilda Education о том, какие шаги помогли ему добиться цели. Как планировать, какие использовать инструменты, где найти время и как не перегореть, если вы хотите самостоятельно сменить профессию без обучения в университете.

Привет, меня зовут Саша Бизиков. Полтора года назад я работал веб-разработчиком. Сейчас уже год работаю дизайнером.

Цель статьи — показать на личном примере, что за год можно сменить профессию. Расскажу, как стать дизайнером и поставить процесс обучения на поток. Статья будет полезна для тех, у кого уже есть опыт в IT. Если вы новичок или наоборот, вам за 30, есть семья, дети и ипотека — стать дизайнером будет сложнее и не так быстро, но всё равно возможно. Было бы желание.

В процессе обучения я писал заметки и конспекты — так новые знания лучше усваиваются. Поэтому не удивляйтесь, что в статье много ссылок на мои заметки из блога.
4 шага от разработчика к junior дизайнеру
1. Постановка цели
В феврале 2016 года понял, что хочу стать дизайнером. Устал от веб-разработки, захотел развиваться в смежной области, которая давно меня интересовала — в дизайне.

Первым шагом было чтение книги Игоря Манна «Номер 1. Как стать лучшим в том, что ты делаешь». Цель чтения: узнать, как лучше всего систематизировать свои цели, и составить план действий для продвижения в работе и в саморазвитии.

Поставил перед собой цель с простой формулировкой: стать дизайнером.
2. Конкретизация цели — «лайфлист дизайнера»
Составил список задач, которые, помогут стать дизайнером. Список назвал «Лайфлист дизайнера», но вы можете назвать его как угодно. Главное, чтобы он был и вы ему следовали.

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

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

Никита Обухов
Основатель Tilda Publising, преподаватель Британской высшей школы дизайна
Студентам я рекомендую обязательно прочитать Виктора Папанека «Дизайн для реального мира». Это удивительная книга, в которой Папанек очень точно и полно описал что такое дизайн и кто же такой дизайнер. Рекомендую всем начинающим для того, чтобы четко ответить себе на вопрос «чем же я все-таки занимаюсь» и что такое «дизайн». Когда я ее читал, то постоянно сохранял себе в заметки цитаты — настолько емко и тонко Папенек сформулировал многие вопросы. Это круто.

Книга была написана в 1979 году, потом переиздавалась в 1982. Мы для себя открываем профессию дизайнера, ну скажем так, последние 15 лет. Удивляет насколько оказывается стара эта профессия: уже тогда были сформулированы основные понятия, до которых мы сейчас только доходим.
Из полученных советов и собственного понимания того, что вы хотите, составьте примерный список задач. Когда составлял свой список, не был уверен в его идеальности на 100%. Это нормально. По пути корректировал его, что-то добавлял, что-то удалял.
Корректировать цель в процессе — нормально. Если долго планировать, с места не сдвинуться
3. Первый шаг в практике
Весной 2016 года узнал о наборе в школу мобильного дизайна Яндекса и решил сделать тестовое задание. Это был мой первый опыт работы со Sketch. Про мобильные приложения знал мало и ещё меньше про их дизайн.

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

Если есть возможность записаться на очные курсы на 1−2 месяца, обязательно записывайтесь. Когда учишься онлайн, то упускаешь опыт живого общения. Честно скажу, что лекции — не самое главное, что было. Куда важнее работа над личным проектом, общение с «одноклассниками» по школе и советы куратора.
Два месяца в школе Яндекса заменили мне 4 года в университете
Пытаться плавно перейти с одной рельсы на другую очень сложно, поэтому дальше совмещать основную работу и попытку перейти в новую сферу я не смог. Осенью 2016 года уволился и начал искать работу.

Уточнил свою цель до: найти работу младшим дизайнером.

Попросил совет у дизайнера Антона Карташова, он посоветовал собрать портфолио из 3−5 работ. Среди них могут быть личные небольшие проекты и даже тестовые задания, поэтому начал искать и выполнять тестовые задания.
Даже у младшего дизайнера должно быть портфолио
Одна работа у меня уже была — тестовое задание в школу Яндекса. Вторая — личный проект из школы Яндекса показывать нельзя — NDA, поэтому оно не считается. Перед началом обучения обновил домашнюю страницу своего блога и включил её портфолио, хотя на работу она не очень тянула.

В твитере случайно получилось договориться о тестовом задании в Туру.ру. Потом сделал на заказ блог для Сергея Сичкар.
Дизайн главной страницы блога Саши Бизикова после обновления
Концепт главной страницы сервиса Туту.ру
Дизайн сайта для Сергея Сичкар
Дальше пошёл по списку «Топ-100 веб-студий». Читал описание компании, если она мне нравилась — переходил на сайт и искал раздел с вакансиями. Так нашёл вакансию от Redmadrobot и сделал для них тестовое задание с чатом. Эта работа стала пятой в портфолио, как раз то, что нужно.

Владимир Аюев
Арт-директор дизайн-студии SASHA
Для портфолио важно такое оформление, которое не будет отвлекать внимание от самих работ. Поэтому оформление портфолио это не про декорирование вокруг или замысловатые шрифты в заголовках. А про то, как использовать темпоритмику, незаезженные ходы или ракурсы, возможно, интересную сетку — в общем, как имея на руках только картинки проекта и тексты, сделать интересно без лишних украшательств.

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

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

Кирилл Найденышев
Управляющий партнер its.agency
Все агентства постоянно ищут новых дизайнеров, даже если открытых вакансий нет. Просто пишите на общую почту. Такие письма всегда открывают с интересом.

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

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

Новых дизайнеров часто ищем на Бихенсе и Дриббле. Приведите свои странички в порядок и обновляйте портфолио. Вакансии чаще размещаем на Фейсбуке, чем на Хедхантере. Рекомендую подписаться на все агентства, где вы хотели бы работать.
Пока учился в Яндексе, каждый день на лекции писал для блога небольшие заметки с выводами, после обучения публиковал заметки с процессом работы над тестовыми заданиями. Люди читали их и знали, что я ищу работу. Некоторые читатели присылали мне ссылки на вакансии.
Однажды прислали ссылку
на твит арт-директора FunBox:
Прочитал условия и решил попробовать. Незадолго до этого прочитал книгу «Пиши, сокращай», поэтому составил отклик на вакансию по правилам Ильяхова:
Успешно прошел собеседование по Skype, за неделю собрал вещи, переехал в Москву и вышел на работу. Первая цель была выполнена — спустя год устроился на работу младшим дизайнером.
Когда будете проходить собеседование, обязательно узнайте, кто будет вашим арт-директором. Вы новичок и идёте не просто работать, а учиться и развиваться. Следовательно, вам нужен сильный наставник

Иван Васильев
Дизайн директор Альфа-Банка.
Мы постоянно ищем таланты в Центр дизайна и коммуникаций Альфа-Банка. Дизайнерам, которые ищут работу, я бы дал такие рекомендации:

1. Соотносите желаемое и действительное. Часто дизайнеры на собеседовании говорят: «хочу научиться делать продукт». Зарплата 150 000 рублей в месяц предполагает, что дизайнер уже научился. Я за то, чтобы люди постоянно учились и развивались. Но тут тонкая грань — хочешь учиться, получая за это зарплату или хочешь приносить пользу.

2. Не критикуйте. Иногда кандидаты начинают встречу с критики: приложение работает не так, HR сработали плохо, ответили не то... Если такое происходит, я могу на 2-3 минуте прекратить собеседование. Если компания не нравится, лучше не приходить. Сэкономить 110 рублей на проезде, а главное — свое время и время работодателя. При этом правильно дать обратную связь: «мне не понравилось то, как вы ответили, поэтому я вынужден отклонить предложение». Такая обратная связь полезна, помогает компании становиться лучше.

3. Будьте готовы. Особенно актуально для второго собеседования. На первом собеседовании вы рассказали о себе, показали портфолио. Это не значит, что на второе вы должны прийти с пустыми руками. Готовьтесь к собеседованию, держите под рукой все, что может пригодиться. Статистика: так делает один из десяти. Девять говорят: «ну я же уже показывал вашим коллегам».

4. Берегите время. Однажды я получил портфолио, которое весило 500 мб. Я отказал кандидату — во-первых, файл не открылся, во-вторых, человек не может быть хорошим продуктовым дизайнером, если он не в состоянии выделить главное в портфолио и организовать так, чтобы его работы можно было посмотреть без дополнительных усилий.
Итак, с чего же начать?
1
Определитесь с целью. Например, устроиться на работу дизайнером.
2
Распишите цель по шагам. Чтобы добраться до неё живым, с течением времени корректируйте шаги. Спросите совет у профессионалов вашей будущей сферы.
3
Наберите минимальную теоретическую базу: пройдите курс, прочитайте пару книг и пишите конспекты, чтобы лучше разобраться в теме
4
Начните практиковаться, сделайте тестовое задание или личный проект. Соберите портфолио из 3−5 работ.
5
Устройтесь младшим дизайнером в офис, учитесь у арт-директора.
Как управлять задачами с помощью Trello
Важно сформулировать понятную цель и разбить ее на задачи. Но самое интересное — как выполнять задачи, и сделать обучение непрерывным процессом. Мне в этом помогает Trello.
Trello — популярная система для управления проектами, в основе которой принципы японской системы Канбан.

Так выглядит моя доска:
Канбан
Метод управления разработкой, реализующий принцип «точно в срок» и способствующий равномерному распределению нагрузки между работниками. При данном подходе весь процесс разработки прозрачен для всех членов команды. Задачи по мере поступления заносятся в отдельный список, откуда каждый разработчик может извлечь требуемую задачу. — Википедия
Как работать с доской
Для работы с доской у меня есть правила. Колонки работают как конвейер. Такой подход позволяет эффективно работать с задачами и хорошо видно прогресс.
Колонки
1
Все задачи. Все новые задачи попадают в эту колонку
2
Квартал (10). Выбираем 10 главных задач из общего списка и переносим в квартальный. Эти задачи необходимо сделать в ближайшие три месяца
3
Неделя (5). Из квартальных задач берём пять, которые необходимо выполнить на этой неделе.
4
День (1). Концентрируемся на главной задаче, её берём из недельного списка.
5
Итоги. Выполненные задачи не удаляем. Складываем их в итоговую таблицу, так удобнее следить за прогрессом. Чем больше задач в колонке «Итоги», тем вы ближе к цели. Улыбайтесь каждый раз, когда переносите задачу в эту колонку! В это ваша маленькая победа.
В скобках указано максимальное количество карточек, которые можно держать в колонке. Но это не строгое правило, а рекомендация. Главное, чтобы было понятен приоритет каждой задачи и в течение какого времени её необходимо выполнить.
Теги
В Trello есть возможность указывать для карточек теги. Они позволяют выделить особые задачи среди всех остальных. Использую только четыре тега: «год», «квартал», «покет» и «твитер». У первых двух смысл простой:
1
Год. Важные задачи на этот год. Они могут быть большими. Например, пройти обучение в школе Мобильного дизайна или пройти курс «iOS-программирование для дизайнеров»
2
Квартал. Как вы уже догадались — это задачи, которые необходимо сделать в ближайшие три месяца
Карточки с тегами «покет» и «твитер» создаются через IFTTT — сервис, который автоматизирует взаимодействия между разными приложениями.

Как это работает? Ставлю лайк твиту, в котором есть интересная ссылка, чтобы не потерять его. Через некоторое время у меня в колонке «Все задачи» появляется новая карточка со ссылкой и тегом «твитер».
Зачем это нужно? Доска в Trello выступает как централизованная система хранения не только заданий, но и информации для изучения. Хранение задач и ссылок на статьи в Trello позволяет держать всё в одном месте. Не надо тратить время и отдельно пролистывать ленту в Pocket или заходить в раздел лайков Twitter.

Примеры схем как настроить автоматические связки Twitter+Trello, Pocket+Trello.
Как работать с задачами?
Сейчас всё готово для того, чтобы начать создавать задачи.

Каждую задачу стараюсь описать так, чтобы было понятно, о чём она. Из описания задачи должно быть ясно, что требуется сделать. При необходимости добавляю срок выполнения, ссылку или список подзадач.

Что если задача сложная? Такие задачи являются не только сложными, но и важными. Отмечаю их тегом «год» или «квартал». Для того, чтобы было проще понять, как выполнить задачу создаю список внутри задачи, где по пунктам расписываю что необходимо сделать.

Пример сложной задачи:
После каждой лекции обновлял срок задачи. Ближе к дню лекции дата на карточке становится красной.

Например, вот такой
Расписание лекций, чтобы не забыть
На каждую лекцию публиковал заметку с впечатлениями и идеями
Тут есть ментальная ловушка. Задача большая, ты что-то делаешь, а колонка «Итоги» больше не становится. Появляется ощущение, что стоишь на месте. Если вас сильно это беспокоит, то можно создавать отдельные карточки для таких подзадач. Продвижение к цели становится нагляднее.

Например, в карточке курса «Характер и эмоции в штрихе» есть список подзадач с конспектами. Они дались мне тяжело, поэтому для конспектов создавал отдельные карточки. После этого стало проще справиться с ними. Задачи бывают разные. Не все из них выполнять легко и весело.
Конвейер с задачами помогает сделать прогресс наглядным и говорит мозгу: «не пугайся, просто щелкай задачку за задачкой и будет счастье»
5 советов junior дизайнеру на испытательный срок
Подготовиться к первым трём месяцам работы мне помогли лекции Лолы Кристаллинской и Сергея Кондаурова про начало работы на новом месте.
Чтобы лучше усвоить материал, составил конспект. Прочитайте его перед тем, как выйдете на новую работу.

Пять главных советов тем, кто выходит на новую работу:
1
Не бойтесь задавать вопросы
2
Купите блокнот и записывайте всё, что необходимо запомнить
3
Общайтесь с руководителем, получайте обратную связь о своём развитии
4
Постоянно оценивайте себя, рефлексируйте. Я так поступаю почти в каждой своей заметке в блоге. Подвожу итоги, чему научился и что стоит попробовать
5
Получайте кайф от работы

Лола Кристаллинская
Руководитель департамента дизайна Яндекса
Новичок в любой компании отвечает на три вопроса: где я? кто я? кто эти люди? И только успешные ребята — те, кто проходит испытательный срок блестяще, отвечают еще на один вопрос: кто я здесь? Он нужен, чтобы понять, что от вас ждут и как вы можете быть полезны. Первые три месяца в компании — самое важное. В первые три месяца вы должны «грести всеми лапами».

Задачи на первые три месяца:
1
Понять состав команды, ее зону ответственности, цели и задачи.
2
Познакомиться со смежными командами, понять их зону ответственности и правила взаимодействия.
3
Разобраться зачем вы в команде и чего команда ждет от вас. Не нужно молчать, нужно прийти и спросить: какие у вас ожидания от меня?
4
Уточнить и зафиксировать с руководителем задачи первых трех месяцев и года. Важный пункт, который многие пропускают. Да, вы говорили об этом на собеседовании, но на собеседовании люди не могут вам рассказывать все. Поэтому нужно уточнить заново.
5
Оценить себя и усилить ключевые компетенции. От вас ждали и аккуратности, и педантичности, и идейности, и организованности. Но если сейчас от вас ждут именно идейности, а педантичность не настолько важна, включите больше драйва. Поймите, что от вас требуется, и в этом месте «прибавьте громкость».
6
Выполнять первые задачи нужно осознанно, аккуратно и с азартом. Не просто хватать и делать — для этого бы сгодился фрилансер. Вам же нужно взять задачу и раскопать — зачем вы ее делаете и что с ней будет дальше.
7
Активно знакомиться с людьми через работу. Ключевое — через работу. Поинтересуйтесь человеком, его зоной ответственности, его работой, расскажите про себя.
8
Регулярно общаться с руководителем.
Где найти время
В сутках 24 часа и этого достаточно, чтобы учиться и работать. Те, кто хочет 48 часов в сутках, либо ленивы, либо не умеют распоряжаться своим временем. Но мы-то не такие :)
Для чтения книг
В книге «Как читать, запоминать и ничего не забывать» вычитал интересный подход: полезно читать не более 30 минут за раз. Когда читаешь дольше, то информация хуже запоминается.

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

Если едите за рулем или в дороге читать неудобно, то выделяйте на работе два промежутка по 30 минут на чтение книг. Например, придите на работу пораньше и читайте 30 минут. Перед уходом с работы делайте аналогично. И вот, вы уже раз в день читаете по часу. Таким образом я прочитал на работе «О шрифте» и «Модульные системы в графическом дизайне».

Для курсов
Когда проходил курс «iOS-программирование для дизайнеров», у нас в неделю было две лекции. Поверьте, это много. Из 8 учащихся домашку успевал делать я и ещё один парень, который к последнему занятию слился.

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

Чтобы курс оказался полезным и отложился в памяти, я уделял ему всё свободное время. Попробуйте сделать также и результат вас порадует.

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

Ещё один пример — это книга «Вы сможете рисовать через 30 дней». В течение двух месяцев каждое утро выполнял уроки из этой книги, учился на примерах рисовать от руки.
Для этого необходимо было вставать на полчаса раньше, чем обычно. Зато результат порадовал: научился рисовать от руки базовые рисунки.

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

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

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

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

Начал с малого: перестал есть много за один раз, а реже, но чаще. После сытного обеда хочется спать, а не работать. Когда ешь меньше, но чаще, все силы не уходят на переваривание пищи и можно с удовольствием работать. Дальше приучил себя к утренней зарядке. Я далеко не спортсмен, не хожу в тренажерный зал и вряд ли буду ходить. Но по утрам стал делать обычную зарядку. Как в школе на физкультуре, помните? Разминаюсь, отжимаюсь, приседаю. Ничего сложного. На упражнения уходит 15 минут, зато весь день бодрый хожу. Обязательно попробуйте.
Итоги
Коротко пройдусь по главным идеям статьи:
1
Определитесь, кем хотите стать. Например, дизайнером. Поставьте цель и распишите по шагам, что необходимо сделать. Посоветуйтесь со специалистами вашей будущей сферы деятельности.
2
Соберите портфолио и найдите работу в офисе с наставником в лице арт-директора.
3
Заведите доску в Trello или в другом удобном для вас сервисе. Выполняйте задачи одну за другой. Не парьтесь о том, сколько их. Помните, что каждая выполненная задача — это маленькая победа. Она приближает вас к цели.
4
Будьте аккуратнее и внимательнее во время испытательного периода. Не задавай одних и тех же вопросов по два раза. Если что-то не получается, не бойтесь показать фигню арт-директору. Вы пришли, чтобы научиться делать круто. Чтобы научиться делать круто, в начале придется делать фигню. С опытом придёт мастерство.
5
Во время работы не забывайте про обучение. Читайте книги в дороге, смотрите лекции по утрам.
6
Отдыхайте, следите за здоровьем и начните делать зарядку
7
Получайте кайф от работы и обучения
Спасибо
Спасибо всем, кто помогал мне развиваться. Спасибо Антону Карташову за советы с чего начать, Лоле Кристаллинской, Николаю Васюнину и всем ученикам проекта Мобилизация 2016 года за первый опыт работы в дизайне, спасибо Никите Иванову и Льву Пикалеву за возможность поработать над тестовым заданием и огромное спасибо Кириллу Михальченко, Игорю Гарибальди и всей креативной дирекции ФанБокса за помощь в развитии и крутые задачи!

Текст: Александр Бизиков
Дизайн и верстка: Юлия Засс
Если материал вам понравился, расскажите о нем друзьям. Спасибо!
Читайте также:
Курс, который научит вас продвигать свой сайт
Бесплатный онлайн курс, который научит создавать эффективные посадочные страницы
Теоретический курс Никиты Обухова по веб-дизайну