АЙТИ для гуманитариев: как стать UX/UI дизайнером

Всем привет! Давненько у нас не было тем про АйТи...

Я давно хотел написать этот материал, но никак не доходили руки. Сейчас у меня полностью освободилась неделя и я наконец-то могу это сделать.

Эта тема – краткое руководство по входу в АйТи через профессию UX/UI дизайнера, все аспекты которой я постараюсь здесь затронуть. Расскажу как я к этому пришел, что делает UX/UI дизайнер, с чего начать новичку. а также дам прикладные советы и поделюсь фишками, которые помогут прокачать скилл и найти первую работу.

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

В тексте могут проскальзывать такие должности как «Продуктовый дизайнер», «UX/UI дизайнер» и «Дизайнер интерфейсов». На самом деле это одно и тоже, поэтому не обращайте внимание.

Мой бэкграунд

В пятом классе школы я все каникулы сидел дома за компьютером и нашел себе новое занятие – создал паблик в ВК про Lineage 2 и начал его вести. Нужно было делать контент (мемы, аватарки, инфографики и т.д), поэтому мне пришлось освоить графические редакторы. Тогда это ещё был Paint.NET, с которого в дальнейшем я перешел на Photoshop.

Работа была творческая, но перспектива всю жизнь «рисовать» картинки меня не радовала. Как хобби норм, но на постоянной основе – скучно. Тогда я ещё не понимал, что то, чем я занимался, называется графическим дизайном. При этом веб-дизайн у меня почему-то ассоциировался исключительно с сайтами серверов по Lineage 2, админы которых пытались взывать эффект «ВАУ». Это была история не про интерфейсы, а про графический дизайн.

Я пошел искать более интересное дело, в свободное время продолжая делать графику для паблика. Работал в компьютерном магазине, печатал в типографии плакаты, продавал мерч, немного познакомился с моушн-дизайном. Это был 2018, тогда же я прочитал тему от Криптокота про АйТи и решил попробовать. Выбрал фронтенд. Верстку освоил, а когда дошел до js понял, что не хотелось бы заниматься этим следующие 3-5-10 лет. Сначала откладывал обучение, а потом и вовсе забил на это.

В апреле 2019 я написал дяде, который всю жизнь был связан с айти и техническими науками, чтобы посоветоваться. Он вскользь упомянул про UX/UI дизайн и я пошел гуглить эту тему. Мне понадобилась неделя на то, чтобы в голове сформировалась какая-то картинка и я смог составить план, по которому идти дальше. Сделал несколько «учебных» проектов и пошел искать работу. Весь процесс с нуля до получения оффера на работу составил 2 месяца. Но у меня был туз в рукаве, все эти годы я читал «бизнес-линч» и интересовался работами студии Артемия Лебедева. За счет этого у меня был немного прокачен скилл «насмотренности» – один из главных скиллов дизайнера.

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

Через полгода фриланса я потихоньку начал подыскивать работу в какой-нибудь сильной продуктовой команде, потому что не хотелось наступать наступать на те же грабли, когда работу я искал по принципу «лишь бы найти что-то», тем более что к тому времени скилл уже подрос. Каждые несколько месяцев откликался в 2-3 компании, которые мне были интересны (Среди них были «Avito», «Ozon», «ДомКлик», «Wildberries» и некоторые другие крупные компании, а также парочка топовых студий), приглашали на собеседования, но из-за отсутствия опыта их прохождения мне не удавалось их пройти. Но дальше все пошло удачно и в августе я получил оффер на должность продуктового дизайнера в компании такого же уровня. Будем менять мир

Чем занимается UX/UI дизайнер

Если кратко: дизайнит сайты, веб-интерфейсы, мобильные приложения и продуктовые страницы. Общается с пользователями, анализирует проблемы, с которыми они сталкиваются, используя интерфейс. Прописывает логику фичей, которые дизайнит. Отдает макеты разработчикам и сопровождает процесс верстки и программирования. Тестирует свой дизайн (Для этого есть много разных инструментов. Например, A/B-тесты). Анализирует большой объем информации, может сделать из него выводы и сформировать гипотезы (они формируются для того, чтобы понять, как аудитория пользуется интерфейсом и какие у неё потребности).

Исследования и тесты необходимы по причине того, что интерфейсами будут пользоваться обычные люди, чье представление об «удобстве использования» можно сильно отличаться от того, что мы представляем у себя в голове, когда их дизайним. Это ключ к понимаю того, как на самом деле люди пользуются интерфейсом, а ещё отражение эффективности своей работы.

Круг обязанностей может разниться от компании к компании (где-то вы будете только только мобильные приложения дизайнит, а где-то всё сразу), но примерно так на сегодняшний день выглядит работа UX/UI дизайнера. Разумеется, какого-то определенного алгоритма работы нет. Каждая задача уникальная и нужно руководствоваться здравым смыслом, понимать какие есть возможности для её решения и в какие ограничения нужно будет вписаться.

О профессии и рынке дизайна

Порог вхождения

Прозвучит странно, но он одновременно и ниже и выше, чем у веб-разработки (а это направление с самым низким порогом вхождения). Ниже он потому, что освоение инструмента для дизайна занимает всего несколько часов. Тоже самое, что листок и ручка. Сложность кроется в количестве информации, которое вам придется переварить, чтобы на этом холсте получилось что-то хорошее. Освоив верстку в веб-разработке, вы уже сможете сделать что-то существенное и результат работы будет иметь какой-то вес. У дизайнеров так не прокатит. Потратив на дизайн чего-то день, неделю или месяц, он может оказаться настолько плохим, что её существование даже не имеет смысла, потому что нет результата, оценивать нечего. Все, что набросали на артборд в фигме = 0. В этом и заключается высокий порог вхождения в дизайн. Нужно очень много изучать, смотреть, анализировать, а самое главное практиковаться. Практика в дизайне это самое важное. Для мотивации скажу, что дизайн это ремесло, которое при должном старании может освоить любой. Быть гением совершенно необязательно.

Что касается сроков вхождения, то теоретически представив двух людей, один из которых сильно замотивирован войти в веб-разработку, а другой в UX/UI дизайн, у первого уйдет 3 месяца до момента получения оффера на первую работу, у второго от 6 месяцев до года. В среднем, у начинающих дизайнеров с момента старта до получения первой работы уходит год, и я бы рассчитывал на этот срок. В случае, когда есть хороший план и готовность реально вкалывать, можно быстрее. Ещё проще войти будет тем, у кого уже был какой-то опыт дизайна в прошлом. Как у меня, например.

Деньги

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

Что касается зарплат, то могу сказать только за российский рынок: Джун – от 40к до 90к в зависимости от компании и уровня дизайнера. Мидл – от 100к до 160к. Сеньёр - 160к и выше. О зарплатах больше 300к не слышал, поэтому возьму на себя смелость очертить ею потолок.

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

Развитие и перспективы

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

1. Открыть свою дизайн-студию

Полная свобода в принятии решений и, казалось бы, свой бизнес. Вот только денег заработать здесь не получится. Хотите увидеть человека, который пришел в дизайн не за деньгами – посмотрите на основателя любой топовой дизайн-студии, не ошибетесь. Случайных людей там нет.

2. Идти работать в стартап

За стартапы и опционы пусть лучше расскажет криптокот. Ээто тоже возможный вариант развития, в том числе и финансово, если он выстрелит. Однако, как правило, деньги не являются главной мотивацией для дизайнера. Хороший пример: Сергей Сурганов, который дизайнил Медузу, Почту России, а в какой-то момент захотел поработать в стартапе в Кремниевой долине, оформил визу О-1 (Для лиц «с выдающимися способностями») и улетел работать в Notion, которым сегодня пользуется весь мировой айти.

3. Создавать свой стартап

Опять приведу в пример Notion. Один из его основателей, Айван Джао – дизайнер. Сегодня это один из тех стартапов, что у всех на слуху.

Рынок дизайна в СНГ

Ситуация такая, что компаниям очень сложно найти нормальных дизайнеров даже уровня джуниор. Да и я это вижу по тем работам, которые они делают. Одни и те же ошибки – у всех шаблонные работы как под копирку, нет своего мышления, не включают голову. Такое ощущение что они NPC с набором несложных алгоритмов. Айти сейчас на хайпе, с каждым месяцем появляется все больше и больше курсов по дизайну, которые заканчивают люди, но не могут после них найти работу. Их навыки не актуальны и не нужны рынку (Преподавателей таких курсов даже на стажировку в «Авито» не взяли бы, про «Яндекс» вообще молчу), а все потому, что в попытке найти таблетку от всех болезней в виде курсов, они сами того не понимая загнали себя в ловушку. Дизайн-молодость...

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

Возможности для трактора

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

Все три дизайнера, о которых я знаю, переехали в штаты по визе О-1 (Для лиц с «выдающимися способностями»), чтобы её получить нужно собрать кучу документов. Думаю, нет смысла расписывать какие именно, потому что все это можно легко загуглить. Один из главных советов, которые они дают – быть активным. Может показаться банальностью, но очень немногие дизайнеры пишут статьи на тему дизайна, вписываются в хакатоны, какие-то проекты. По сути главная цель для получения визы – доказать бумажками, что ты классный у себя на родине и сделал много чего крутого.

Трехчасовое видео о том, как переехать в США дизайнеру по визе О-1. Рассказывает дизайнер Павел Грозян, который работал в финтех стартапе Zero, а сейчас работает в Reddit.

С чего начать

В начале своего дизайнерского пути я сразу советую вам забыть про 4 вещи: Behance, Dribbble, курсы по дизайну и книги по дизайну. Обо всем немного подробнее:

Behance – площадка для дизайнеров, в которое они могут делиться своими работами. Сюда дизайнеры тащат новичков, чтобы они вдохновлялись работами и повторяли их. Вот только уровень большинства работ здесь запредельно низкий. Получается замкнутый круг – начинающие вдохновляются работами начинающих. Так как у новичков ещё не развит скилл «насмотренности», они не могут отличить плохой дизайн от хорошего, поэтому я не рекомендую сюда идти. Вдохновляться и копировать нужно реальные работы топовых студий и продуктовых компаний, ссылки на которые я обязательно оставлю в конце статьи.

Dribbble – похожая площадка, только хуже. 99.9% контента на дрибле составляют так называемые «шотики» (шотик = одна картинка), оторванные от реальности и без какого-либо смысла. Часто ещё и выполненные в стиле неоморфизма. Всё это концептуальный мусор, на который не имеет смысла тратить драгоценное время. Такие работы в портфолио это красная тряпка для арт-директоров и тимлидов сильных компаний. С ними вас скорее всего никогда не возьмут на работу.

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

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

Этап первый: копируем чужие работы

Сейчас у меня есть два падавана, которые только входят в профессию и у которых не было никакого опыта в дизайне. Я направляю их, подкидываю задачки, объясняю ошибки и т.д. Все они начали с одного и того же – полного копирования хороших существующих сайтов пиксель в пиксель. Это нужно для того, чтобы набить глаз и руку. Полностью копируя чужие работы ты ощущаешь реальный масштаб верстки, смотришь какие используются цвета, шрифты, кегли (размер текста), где какие отступы между элементами и подмечаешь другие мелочи. По сути ты повторяешь за мастером. Бежать и делать «свое» – ещё одни грабли новичков. Перед тем, как делать «свое», нужно наполнить голову большим количеством информации: идеями, примерами, готовыми решениями, мыслями, советами мастеров и многим чем ещё. В противном случае брать оттуда будет нечего, и на выходе получится бессмысленная работа.

Для дальнейшей работы нам понадобится софт, о котором я расскажу подробнее под спойлером. Заодно сделал для вас пошаговый мини-гайд по тому, как копировать дизайн сайта.

Спойлер: Про софт и копирование

Софт

Промежуточными результатами в нашей работе всегда будут дизайн-макеты. Для того, чтобы их делать, нам нужно освоить инструмент. Выбора у нас нет – скачиваем Figma. На сегодняшний день это самый удобный, продуманный и функциональный векторный редактор, предназначенный специально для дизайна интерфейсов. Освоить его базовые функции можно всего за несколько часов, однако на изучение фишек и набивание руки уйдут годы. Про Sketch, Adobe XD и другие тулзы забудьте. Сегодня практически не осталось команд, которые с ними работают, все переехали в фигму и кайфуют.

По фигме советую посмотреть видео-уроки с этого канала, там как раз плейлист, затрагивающие все, что необходимо для новичка. Они короткие и понятные. Особое внимание уделите функциям «Autolayout», «Constrains» и «Components», они сильно облегчают жизнь и экономят время.

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

Иногда бывают ситуации, когда нужно продумать анимацию интерфейса и показать её разработчику. Так как почти все дизайнеры используют для работы мак, то они, как правило, делают анимацию в Principle. Некоторые используют связку After Effects + Lottie, чтобы анимация выходила сразу в виде кода и полностью соответствовала задумке дизайнера. Разработчику не надо кодить её с нуля.

Третьестепенный софт – тот, который поможет организовать вашу работу и работу команды. Я не буду расписывать подробно про каждый, просто перечислю то, чем пользуются сегодня дизайнеры всего мира: Slack, Jira, Notion, FlowMapp, Miro. Последние два, кстати, полностью сделаны русскими

Конечно же, решает не инструмент, а умение им пользоваться. Но зачем тратить время на освоение того, что неактуально?

Мини-гайд по копированию

1. Скачиваем 2 браузерных расширения

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

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

2. Делаем скриншот сайта и закидываем в фигму

В данном примере я сделал скриншот главного экрана сайта «Aviasales», он имеет размер 1920х969px. Рядом я нарисовал фрейм (рабочая область, в которой мы будем дизайнить) и залил его таким же цветом, как на сайте, использовав пипетку. Выглядит это следующим образом:



Далее переносим скриншот (слева) прямо на фрейм (справа) и меняем у скрина процент прозрачности (я поставил 40%), чтобы было удобнее работать с элементами поверх него:



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



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

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

На Full-HD, 2К и 4К мониторах дизайн будет выглядеть одинаково, потому что в браузере он масштабируется сам. Далее, у любого сайта есть так называемый «контейнер». Это область, за которую не вылезает контент сайта. Ее ширина подбирается исходя из задач сайта, сетки и некоторых других факторов. Как правило, варьируется от 1140px до 1500px. Бывают исключения, но больше стараются не делать, потому что глаза начинают разбегаться по экрану. Как выглядит контейнер на примере сайта дефо:



По статистике, у большинства пользователей разрешение экрана монитора 1920х1080. У кого-то меньше, у кого-то больше. Нам не нужно учитывать разрешение монитора, потому что как я уже сказал, контент масштабируется сам. Все, что нам нужно, это создать в фигме фрейм с шириной 1440px или 1920px, а уже в нем делать контейнер исходя из сетки и задачи. Главное, чтобы он был меньше ширины фрейма. Я для веба делаю фрейм шириной 1920px и на него накидываю, мне так удобно.

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

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

1. Пользовательский интерфейс (Илья Бирман) – в начале я писал, что не советую читать книги новичкам, но это здесь исключение. Большая её часть это прикладные советы, которые вы сможете сразу же применить, принципы хорошего интерфейса и рассказ о том, как работают привычки пользователя. Все это иллюстрируется на конкретных примерах (интерфейсы эпла, сайта икеи и т.д). Читается очень легко. С неё и советую начать вход в профессию дизайнера интерфейсов. Книга однозначно стоит того, чтобы её купить, но если такой возможности нет, можно скачать в интернете, её слили в сеть.

2. Советы Бюро Горбунова – клад для новичка. Куча советов по тому, как правильно делать формы, кнопки, состояния, таблицы и многие другие элементы интерфейсов. Все сопровождается конкретными примерами в картинках.

Ребята из агентства «IT-Agency» отобрали советы оттуда и составили план обучения для своих начинающих дизайнеров. Вы тоже можете им воспользоваться:

– Интерфейс и предоставление информации
– Типографика и верстка

3. Разборы Ильяхова – на своем ютуб-канале Максим Ильяхов (редактор, в прошлом дизайнер) разбирает продуктовые страницы с точки зрения текста и подачи информации. Это просто находка для дизайнеров. Крайне советую посмотреть их все и внимательно изучить другие ролики на его канале.

4. Советы Главреда – огромное количество советов по написанию текста, редактуре от Максима Ильяхова. Там и про тексты в интерфейсах есть.

5. Кириллица.Дизайн – сайт и одноименный телеграм-канал ведет дизайнер одной из топовых студий в России. На нем он просто выкладывает сайты на кириллице с хорошим дизайном. У него очень хороший вкус. Да, многие работы это скорее история по «продуктовые страницы», нежели про интерфейс, но это не идет ни в каком сравнение с тем, что вы найдете на бихансе или дрибле. Небо и земля.

6. Стримы от RayanTvin – стримы по дизайну от бывшего дизайнера «Aviasales». Просто если хотите посмотреть, как работают профи в реалтайме. Записи стримов остаются на канале.

Этап второй: наполняем портфолио

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

Помните главное: дизайн – синтез из того, что вы уже когда-то видели. Перед тем, как делать сайт или мобильное приложение, всегда смотрите на существующие работы по этой теме и перенимайте оттуда решения. Дизайнеры называют этот процесс «поиском референсов», и это тоже часть работы. Чуть-чуть отсюда взяли, чуть-чуть оттуда, в конечном итоге у вас получится свой дизайн. Но полностью копировать все один в один, конечно же, не нужно. При этом заимствовать нужно не только визуальные решения, но и UX-решения. Это решения, которые максимально «удобные» для пользователя. Зайдите на любой сайт по поиску авиабилетов, и вы заметите, что все они используют практически идентичную форму поиска, только в разной визуальной оболочке. Они не воруют друг у друга, просто на сегодняшний день это лучшее дизайн-решение, которое глупо не использовать. Никогда не изобретайте велосипед, если у пользователей уже сформировались привычки в теме, для которой вы делаете дизайн.

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

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

1. Нет описания задачи и сопроводительного текста

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

2. Нет разнообразия в работах

Почти всегда компании ищут дизайнера, который закроет все потребности связанные с интерфейсами. А это как как мобильные приложения (под iOS и Android), так и все, что связано с вебом. У многих джунов портфолио состоит только из лендингов, по которым вообще не понять, сможет ли он дизайнить мобильные приложения или что-то сложное. В идеальном портфолио джуна на мой взгляд должны быть разные работы: мобильные приложения под iOS и Android, какой-нибудь веб-интерфейс (например, тайм-трекер или сервис для подбора квартир) и лендинг.

Площадок для размещения портфолио много, вот некоторые из них:

Dribbble – если речь идет о хорошем портфолио, то он отпадает в первую очередь, так как площадка умеет только в «шотики» без описания.

Behance – используют очень многие начинающие дизайнеры. Я в нем выделил следующие минусы: маленькие неинформативные превью и ограничение ширины окна в 1400px, когда открыт кейс. В общем, использовать можно, но я бы не советовал.

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

Notion – открыл для себя в этом году. Удивительно, но он идеально подошел для портфолио. Можно сделать большие превью со ссылками на внутренние документы, в которых уже пишешь лонгрид по кейсу, сопровождая его крупными информативными дизайн-макетами. Пример того, как может выглядеть портфолио в ноушене.

Этап третий: устраиваемся на работу

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

Я советую использовать для поиска работы Designer , Designhunt и Habr . Есть ещё стандартный HeadHunter, но там по-моему опыту много мертвых вакансий, с которых нет никакого фидбэка.

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

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

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

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

В конце самое время задать вопросы о компании. Я почти всегда готовлю список вопросов, ответы на которые мне реально интересно узнать. Спрашиваю про команду, культуру, задачи, цели и многое другое. После получения ответов на эти вопросы собеседование подходит к концу и ты примерно неделю ждешь ответа. Меня дико бесит, когда говорят: «ответ дадим в течение недели», а потом просто пропадают. Поэтому советую вам не заморачиваться и не ждать. Если ответа нет, то его скорее всего и не будет. Если вы будете нужны – вам напишут. Такие дела.

Полезные материалы

Спойлер: Чем вдохновляться

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

Студии, за которыми я слежу:
MAX.Design
Charmer
Студия Лебедева
Genue
WhiteRussian
PINKMAN
Clay
Embacy

Спойлер: Что посмотреть

Лекция Артура Арсёнова – о темной стороне продуктового дизайнера.

Беседа с Костей Горским – дизайн-менеджер Intercom о том, как стать продуктовым дизайнером.

«Честность, радость, любопытство» – лекция Сергея Сурганова, дизайнера из Notion. Рассказывает про свой путь в дизайне.

Кодекс ЛОТ2046 – лекция Вадика Мармеладова о том, как он создавал сервис подписки на одежду и гаджеты, а также о том, какими в будущем будут компании и продукты.

Дизайн без дизайна – офигенная лекция Антона Шнайдера

Ваша последняя лекция про текст – секреты редактуры от Максима Ильяхова

Спойлер: Паки бесплатных иконок

Iconscout
Feathericons
Iconoteka

На этом у меня всё.

Я потратил на статью несколько дней и очень надеюсь, что она будет для кого-то полезной. На полную объективность не претендует. Это мое виденье профессии.

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

Готов ответить на вопросы, если они появятся