Дизайнер интерфейсов. Роль в продуктовой команде и возможности для роста

Дизайнер интерфейсов — это специалист, создающий для цифровых продуктов удобный интерфейс (часть программного обеспечения (ПО), предназначенную для взаимодействия с пользователем). Он обеспечивает посетителю простоту достижения его цели – то, что сейчас принято называть интуитивно понятным интерфейсом: это когда любой потенциальный клиент без труда разберется на сервисе по поиску работы, как отправить резюме, а в мобильном приложении – как за два клика заказать пиццу.

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

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

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

Дизайнер интерфейсов помогает создать новый продукт, реализовать новый сценарий и поддерживает развитие уже раскрученных приложений (прорабатывает новые сценарии). А еще он может благодаря аналитике найти точки для улучшения полезного сценария в продукте и предложить прототип.

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

• Погружение в задачу и анализ ТЗ
• Применение дизайн-системы компании для сборки интерфейса
• Создание прототипов решения задачи
• Подготовка к разработке
• Сопровождение проекта на фазе реализации
• Анализ результатов совместно с разработчиками
• Изучение пути пользователя и расчет алгоритмов его действий;
• Анализ дизайна с целью отличить хороший и продающий дизайн от плохого;
• Тестирование готового дизайна сайта и исправление некоторых ошибок в нем;
• Анализ рынка;
• Создание инфографики и презентаций;
• Сбор и анализ требований, прототипирование, правки (для этого нужны знания технологий создания цифрового продукта).
• Верстка.

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

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

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

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

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

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

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

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

Дизайнер интерфейсов помогает команде разработчиков делать интерфейс удобнее для пользователей. Чтобы определить, что такое «удобнее» для самих себя, коллег-разработчиков и пользователей, они используют принципы проектирования:

• Скорость доступа к элементам интерфейса;
• Экономия внимания;
• Информативность;
• Находимость;
• Привычки;
• Сложность разработки.

Какими знаниями, личными качествами и навыками обладает дизайнер интерфейсов: профиль роли.

Эта специальность пока не слишком известна, ведь чаще всего дизайн интерфейсов возлагают на плечи профессионального программиста и графического дизайнера. Профессию «дизайнер интерфейсов» в высших учебных заведениях не получают, поэтому специальность могут освоить программисты, веб-дизайнеры, 3D-аниматоры и другие люди, которые имеют IT-образование.

• Клиентоцентричность
• Аналитическое и системное мышление
• Эмоциональный и социальный интеллект
• Креативность
• Развитые коммуникативные навыки
• Командная работа над проектом и делегирование
• Критическое мышление и сбор обратной связи от коллег и заказчиков
• Инструментальная гибкость
• Нацеленность на результат
• Аккуратность, тщательность и внимание к деталям
• Развитый художественный вкус, умение рисовать.

• Развитие организационной культуры – знание и применение технологий формирования и развития организационной культуры;
• Инструменты управления – применение профессиональных методов управления процессами, проектами, продуктами в процессе цифровой трансформации
• Управление данными – знание и применение методов и технологий сбора, структурирования, анализа данных для построения новых организационных и управленческих моделей, продуктов и сервисов.
• Погружение в предметную область для генерации перспективных идей в процессе работы над продуктами.
• Проектирование интерфейсов и UX-дизайн.
• Инструменты организации пространства и влияния на восприятие: модуль, типографика, цвет, композиция, образы, знаки, сторителлинг в диджитал;
• Бренд-дизайн – понимании стратегии развития продукта для быстрого принятия решения на уровне интерфейса;

Дизайнер интерфейсов должен уметь работать с разными инструментами, ведь именно с их помощью он достигает поставленных целей:

• знание основ языков программирования;
• умение работать с графическими редакторами;
• знание специализированных программ: Figma, Principle, ProtoPie, InVision Studio, InVision Inspect и другие.
• Customer Journey map (CJM, карта путешествия потребителя) — визуализация истории взаимодействия потребителя с вашим продуктом через разные каналы в определенный период времени.
• отчеты от аналитиков из систем аналитики (Google Firebase, Amplitude, OWOX BI, Google Analitycs 360)
• BPMN-диаграммы.

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

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

С точки зрения творческой составляющей, для ребят, которые хотят быть заметными, творить разнообразные выразительные системы, делать новые выделяющиеся на международном рынке решения, жечь креативом и наглядными результатами, здесь конечно пространство для роста резко ограничено. При наличии определенного опыта можно развиваться в бренд-дизайне и вырасти до UI-дизайнера или заняться исследованиями, аналитикой и уйти в продуктовый дизайн (UX-дизайнер).

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

UX-дизайнер (CX/UX-исследователь) –это инженер-маркетолог, который исследует опыт пользователей: изучает аналитику, продумывает связи между элементами интерфейса и их расположение, составляет технические задания для редакторов. И на основе исследования разрабатывает наиболее эффективный прототип. Чтобы работать UX-дизайнером в полном объеме требуются определенные навыки. В отличие от дизайнера интерфейсов он больше исследует, предлагает концепции, работает над воплощением, затем вместе с аналитиками корректирует курс. Продуктовый дизайнер выдает больше смелых решений проблем в жизни клиентов, а не просто работает над интерфейсом по готовому ТЗ. Он исследует настоящую жизнь клиентов и находит способы как сделать ее лучше.

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

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

Наталья Карташева,
Эксперт центра