Профессия дизайнера интерфейсов меняется прямо на наших глазах. Еще 15-20 лет назад дизайнеры только что-то рисовали в фотошопе, а сейчас это роль полноценного командного игрока, который занимается проектированием пользовательского опыта и сценариев взаимодействия клиентов с бизнесом.
Сценарии могут быть разные: как заказать банковскую карту в приложении, как добавить товар в корзину, как сделать возврат – тысячи действий, которые пользователь совершает в интернете, происходят тем или иным образом потому, что дизайнер решил, что так будет удобнее пользователю и бизнесу.
Наши друзья из Яндекс.Практикума обучают дизайнеров интерфейсов и помогают в трудоустройстве таких специалистов. Иван Жуган, менеджер по продукту в Яндекс.Практикуме, рассказывает о том, как устроена эта профессия.
Кто такой дизайнер интерфейсов
Понятие «дизайн интерфейсов» включает в себя две части: UI и UX. UI – user interface – это графический дизайн (но только в интерфейсах, профессионал не обязан делать баннеры, постеры или плакаты). UI включает в себя типографику, шрифты, колористику, размещение кнопок и других элементов на сайте – то есть то, что пользователь видит своими глазами. UX – user experience – покрывает все взаимодействие с пользователем: паттерны поведения клиентов, гайдлайны в операционных системах, исследования пользователей и рынка и т.д. В компаниях эти функции могут выполнять разные люди, но мы учим студента сразу обоим аспектам.
Обычно новички не видят разницы между дизайном интерфейсов, веб-дизайном и графическим дизайнером. Но различия между ними есть. Графический дизайнер, в отличие от UI, создает не только интерфейсы, но и, например, логотипы и баннеры для соц сетей. Иллюстратор может ничего не знать про работу сайта, он просто рисует иллюстрации. А веб-дизайнеры специализируются на дизайне сайтов. При этом сайт – это частный случай интерфейсов. Кроме них, дизайнер интерфейсов занимается мобильными приложениями, голосовыми интерфейсами (Amazon Alexa, Google Home, Яндекс Алиса), интерфейсом под планшеты, Apple Watch и другие гаджеты.
Но эти профессии тесно переплетены, и выделить, кому именно подойдет карьера дизайнера интерфейсов, непросто. На мой взгляд, она подойдет тем, кто хочет работать в диджитал, но не хочет работать с кодом. Это баланс между прагматикой, кодом и творчеством.
Объясню на примере. У планшета iPad есть стилус, который называется Apple Pencil. Когда компания Apple только его разрабатывала, то основной идеей было сделать так, что пользоваться планшетом и стилусом было так же удобно, как листом бумаги и ручкой. Чтобы процесс перехода на цифровой продукт казался максимально естественным, команда Apple пыталась предугадать, куда пользователь в следующий раз поведет ручку – тогда не будет заминки между движением и появлением линии на картинке. В результате приложение рисует на несколько пикселей вперед человеческой руки, чтобы процесс рисования казался незаметным. Это решение – идеальный UX-кейс – нужно додуматься об этом, понять, как это может работать, и предсказать, как это повлияет на ощущение пользователя.
Где работает дизайнер интерфейсов
Мы выделяем несколько сегментов рынка, у которых есть спрос на дизайнеров интерфейсов. Первый – это продуктовые компании (например, ритейл или банки). Второй – студии дизайна, которые получают заказы на аутсорс от других компаний (даже от ИТ-гигантов). Третий – как раз сами ИТ-компании, среди которых Яндекс, Mail.ru Group, Rambler.
Именно со студий начинают свою работу огромное количество junior-дизайнеров. Во-первых, на продуктовые позиции и в ИТ-компании берут людей с опытом, с прокаченными софт-скилами и хорошим продуктовым мышлением. То есть, как правило middle-дизайнеров. Во-вторых, студии – это основной способ работать дизайнером в регионах. Основные компании, где можно работать над продуктами, расположены в Москве и Санкт-Петербурге, но локальные дизайн-студии есть даже в небольших городах. Они могут обслуживать и московские компании, и местные.
Важно понимать, что дизайн на аутсорсе не может быть настолько глубоким, насколько дизайн в компании. Дизайнер не может существовать в одиночку, у него должно быть как можно больше понимания о том, что происходит в продукте, внутри команды, как развивается продукт. Он должен понимать боли клиентов, с чем сталкиваются его коллеги, что делают конкуренты. Поэтому качество решений неизбежно ниже.
Из-за этого в студиях junior-позиции сильно отличаются – человек, который пришёл в студию, может быть недостаточно квалифицирован для junior позиции в ИТ-гиганте. Нормальная зарплата для новичка – 40 000-50 000 рублей по России, но в студиях платят раза в 1,5 меньше. «Потолок» для наемных дизайнеров в России – 250 000-300 000 рублей. Считается, что один дизайнер в компании примерно уравновешивается 4-5 разработчиками, то есть потребность компании в дизайнерах – максимум треть от штатных сотрудников.
Ещё один большой сегмент рынка – фриланс, но точную долю мы пока не знаем. Самые популярные русские биржи фриланса – fl.ru, profi.ru. Западные – upwork, simply hired. Всё больше дизайнеров стараются работать на западные рынки, так как там выше зарплата и адекватнее заказчики. Неважно, из какой страны дизайнер работает, важно – какие навыки, опыт, портфолио и знания западных трендов он показывает. Например, в США специалист, который у нас считается middle, еле дотягивает до junior и от него требуется намного больше компетенций.
Как попасть в профессию
В дизайн интерфейсов приходят ребята из совершенно разных отраслей, причем людям с художественным образованием тяжелее, потому что дизайнер интерфейсов – это не про творчество, а про решение проблем. Легче тем, кто пришел из других технологических дисциплин, например, из разработки.
В России программы по дизайну есть у НИУ ВШЭ и Британской Школы Дизайна, но по нашим данным, нет программ, которым работодатели доверяют на 100%. В западных странах в профессию приходят в основном из программ Human-Computer Interaction, которые изучают взаимодействие людей с технологиями. Самая известная из них – в Стэнфорде.
Универсального способа попасть в дизайн нет, так как в нынешнем виде он появился только в начале 2010-х годов. Нет и единого набора инструментов, без которых никак не справится. Сегодня лидеры рынка используют в своей работе преимущественно программу Figma, но можно рисовать хоть в Photoshop, если компания не против. Для организации рабочих процессов используют Notion, Miro, Trello – но выбор этих инструментов тоже не диктуется коллективом: главное результат и выполнение сроков.
Единственный общий шаг для всех новичков – собрать портфолио. Если релевантного опыта нет, есть два основных способа его собрать. Первый – сразу искать заказы на стороне. У меня есть знакомые ребята, которые с нуля начали учиться дизайну и уже через 1,5-2 месяца искали себе на фрилансе первые заказы, за которые получали минимальную оплату. Это очень важно: не смотрите на оплату, смотрите на проект. Особенно полезно, если то, что делал дизайнер, прошло и через процесс разработки. В этом случае дизайнер начинает понимать, чем отличается макет от реального продукта. Если посмотреть, что дизайнеры выкладывают на Dribbble и Behance (сайты, где можно посмотреть портфолио), то это концепты, далекие от того, что получается в конечном виде.
Второй путь – это воображаемые проекты, когда студент ищет вокруг проблему, которую хочет решить, и пытается это сделать с помощью дизайн-методов. Например, человек слушает музыку на Spotify и понимает, что ему хочется поделиться ей, но не через стороннее приложение, а внутри самого Spotify. И можно сделать из этого воображаемый кейс, провести мини-исследование, задизайнить фичу, записать в красивом формате и сделать из этого проект для портфолио. Когда работодатель смотрит на портфолио, он не руководствуется специфическими критериями, но сразу видит, если работа выполнена с учетом продуктового мышления: когда дизайнер подумал о своих пользователях, о разных состояниях экранов, об ошибках, с которыми пользователь может столкнуться.
Какими навыками нужно обладать
Самое главное качество, которое будет определять хорошего дизайнера от плохого, – это эмпатия, способность чувствовать потребности других людей. Юрий Гордон, известный дизайнер и художник, говорил о том, что дизайнер – это человек, который должен понять пользователя лучше, чем пользователь понимает сам себя. Дизайнер должен встать на место другого человека, понять, что он думает и чувствует, чтобы удовлетворить его потребности.
Второй важнейший навык – способность думать о продукте как о бизнес-системе. Всегда знать, что ты решаешь какие-то конкретные проблемы бизнеса и пользователя. Учиться применять продуктовое и научное мышление при разработке продуктов. Знать, что, когда ты рисуешь какую-то кнопку, ты не просто проявляешь свой творческий потенциал, а делаешь ее зачем-то.
Развить продуктовое мышление можно, но скорее всего, эффективно это будет только на практике. Ты должен прислушиваться к обратной связи пользователей, следить за своими показателями, что-то тестировать и как можно быстрее получать обратную связь от всех стейкхолдеров. Самое главное – быстро строить правильный продукт, исходя из этой обратной связи.
Кроме того, дизайнеру интерфейсов точно нужен вкус и чувство прекрасного. По сути, интерфейс – это какие-то прямоугольники, закругленные кнопки, базовые фигуры, которые выстроены в правильном порядке, поэтому уметь рисовать необязательно. Но обязательно понимать основы композиции, чтобы все фигуры гармонично смотрелись на листе бумаге или в интерфейсе.
Чтобы выработать насмотренность, важно следить за продуктами вокруг себя. Мне нравятся компании Spotify, Airbnb, Airtable, Facebook – у них много интересных решений; каждое было внедрено с какой-то целью. Например, Airbnb, анализирует запросы пользователей, чтобы в выдаче появлялись самые релевантные результаты – если путешествие совсем скоро, они покажут в выдаче только те объявления, которые можно запросить без подтверждения. Это, казалось бы небольшое улучшение, может косвенно влиять на целый ряд метрик: лояльность, временные затраты пользователей на выбор и другие. Так можно проанализировать любое решение – поймите, какая цель? Посмотрите, как работает Instagram, Telegram, WhatsApp.
В России крутые приложения делают банки: Тинькофф, Сбербанк, Альфа-банк, ВТБ. Я пользуюсь ещё несколькими европейскими банками и уверен, что командам из европейским стран ещё много чему можно поучиться у наших ребят. Еще классные приложения у медиа: vc.ru, обновлённая Meduza, Кинопоиск. А хороший сайт с продуктовыми дизайн-кейсами – growth.design.
Если следить за крутыми проектами и интересоваться их решениями, то через несколько лет другой начинающий дизайнер будет с восторгом изучать уже ваш продукт.