В конце января в Нетологии прошёл открытый урок для новичков в профессии дизайнера. Провёл его Владимир Ойкин, UI-дизайнер в ITECH. Под катом — краткий конспект выступления и ссылка на полный урок, который всем доступен к просмотру.

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

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

Владимир Ойкин

UI-дизайнер в ITECH

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

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

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

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

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

UX занимается непосредственно опытом, UI — интерфейсом. Без сомнения, эти специальности так или иначе пересекаются. Условно: когда садовник разбивает парк, он не прокладывает дорожки, пока их не протопчут пользователи. Это UX максимально простыми словами в примитивном изображении. Потом эти дорожки надо замостить, расставить указатели, подобрать материал и выбрать ширину. Это уже задача UI, который занимается визуальным языком дизайна. В его ведении гармония цвета, сочетания шрифтов и так далее. Но не надо думать, что он просто раскрашивает элементы.

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

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

Этапы работы дизайнера над проектом:

• Анализ задачи. Выявление проблемы, построение гипотез и сценариев использования.

• Прототип. Создание прототипа и проработка структуры будущего продукта.  

• Дизайн. Работа с визуальной частью. Создание графической концепции.

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

Кроме того, появляются новые технологии и функции, поэтому дизайн становится более технологичным. Соцсети, например, выдают кастомизированный контент, черпая информацию из Big Data, и это тоже результат продумывания архитектуры приложений. А впереди бурное развитие VR и дополненной реальности, где вообще всё по-другому, и проектирование интерфейса в этой среде — огромный вызов.

Задача дизайнера — удержать пользователя и при этом добиться получения выгоды для бизнеса, используя современные инструменты.

Дизайнеры и сами управляют бизнес-процессами, создавая пользовательский опыт. Ещё 5-10 лет назад, чтобы вызвать такси, надо было взорвать мозг. Сейчас большинство приложений — удобные, понятные, комфортные. В России, кстати, сильные банковские приложения, с интуитивно понятными услугами, эстетически красивые, которые уже сами меняют взаимодействие клиента с организацией. 

Что требуется от дизайнеров уже сейчас

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

Существует определённый набор навыков, которые, в отличие от живописи, дизайнеру точно нужны. Это работа с инструментами.

• Базовые инструменты. Figma или Sketch, Adobe XD, Tilda, Readymag, Webflow.

• Дополнительные программы. Principal, After Effects, Cinema 4D, Blender.

• Анализ и проектирование. Понимать задачи бизнеса и помогать пользователям.

Некоторые из этих инструментов можно освоить невероятно быстро, ту же Figma на базовом уровне изучить за неделю и через несколько недель собрать первый проект. Конечно, он будет не на топ-уровне, но он будет. Через пару месяцев добавите 3D иллюстрацию, через год доберётесь до интерактива. Именно интерактив и анимация сейчас в тренде.

Как набраться опыта начинающим дизайнерам

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

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

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

Окупаются ли усилия? Зарплаты в последнее время растут. И в регионах тоже — всё связано с известным вирусом. Медианная зарплата в Москве — 75 000, но у сеньоров может быть и до 400 000 рублей.

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

Остались вопросы? Посмотрите открытый урок, на котором на многие вопросы уже ответили: как общаться с клиентом, какое железо использовать и многое другое.