← к другим интервью

Профессия дизайнера интерфейсов

31 августа 2020
18 минут
Профессия дизайнера интерфейсов

Профессия дизайнера интерфейсов

Heading

Text Link

Heading

Block Quote

Профессия дизайнера интерфейсов меняется прямо на наших глазах. Еще 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.

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

Профессия дизайнера интерфейсов
31 августа 2020
18 минут

Профессия дизайнера интерфейсов

Heading

Text Link

Heading

Block Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Профессия дизайнера интерфейсов

Профессия дизайнера интерфейсов меняется прямо на наших глазах. Еще 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.

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

Мы пишем про карьеру и работу. Расскажите нам свою историю, и мы свяжемся с вами, чтобы опубликовать
её. Был интересный или ужасный опыт работы? Расскажите.
Рассказать
Оставьте отзыв на статью, напишите, что думаете о прочитанном. Ну или просто похвалите, это тоже всегда приятно!
Давайте помогу

Ещё статьи: