Курс UI/UX Designer с нуля

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

Важно понимать, что UX/UI дизайнер — очень широкое понятие. Кузнец холодного оружия тоже является своего рода UX/UI дизайнером, поскольку он придает внешний вид этому оружию и в то же время не забывает об удобстве и эффективности его применения: проектирование гарды, которая будет защищать мечника от вражеского меча, подбор металла для ковки надежного лезвия, расчет длины рукояти, учитывание балансировки оружия и т. д. Какой толк от красивого меча (пользовательский интерфейс — UI), если его неудобно держать в руке, сам клинок тупой и очень хрупкий (пользовательский опыт — UX)?

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

UX (от англ. User Experience) переводится как “пользовательский опыт”. Говоря простыми словами, это то, какие впечатления будет получать пользователь при работе с интерфейсом (как правило — графическим). Опыт, получаемый пользователем, зависит от различных факторов: архитектуры веб-ресурса, удобности доступа к той или иной информации на сайте, интуитивности использования сайта, доходчивости и ясности текста, отзывчивости интерфейса на действия пользователя и прочее.

UI (от англ. User Interface) переводится как “пользовательский интерфейс”. Причем это понятие относится не только к графической составляющей, а и к тактильной, звуковой или голосовой. Однако, подавляющее большинство UI дизайнеров работает именно с графическим интерфейсом. Они “наполняют жизнью” идеи UX дизайнера и работают над тем, что будет видеть пользователь сайта, используя всем известные графические редакторы.

Подведём итог: UX дизайнер продумывает и проектирует шаги пользователя к цели, в то время как UI дизайнер визуализирует этот путь.

Сочетая в себе два направления (UX и UI), данный специалист выполняет следующие действия.

• Как UX дизайнер он занимается планированием взаимодействия пользователя с интерфейсом и работает с абстрактной информацией. UX специалист продумывает логику взаимодействия пользователя с конечным продуктом, занимается анализом, тестированием. Он составляет схемы, таблицы, графики, проводит исследования (либо использует опубликованные исследования других UX специалистов), работает с данными. Эти манипуляции являются основой, которая позволяет приступить к проектированию максимально понятного и отзывчивого интерфейса веб-сайта.
• Как UI дизайнер данный специалист воплощает в жизнь результаты работы над UX путем эффектного и удобного визуального представления пользовательского опыта. Он прорабатывает все визуальные детали, которые ведут пользователя к задуманной цели. Здесь применяются такие известные инструменты, как Adobe Photoshop / Illustrator / Figma и другие.

Набор UX специалиста:

• умение проводить сбор информации о проекте и его аудитории;
• умение анализировать пользовательские сценарии и продумывать логику перехода со страницы на страницу;
• знание того, как создавать портреты пользователей;
• умение строить интеллектуальные карты и владение соответствующим сервисом: XMind / FlowMapp / Майндмэппинг;
• графический редактор для создания концепта: Sketch (только для Mac пользователей), Lunacy (для пользователей Windows);
• программы для командной работы над каркасами и различными прототипами, векторными изображениями: Axure / Figma / InVision / Adobe XD;
• тестирование прототипов;
• умение составлять четкие ТЗ для UI дизайнера.

Набор UI специалиста:

• хорошее креативное мышление и понимание типографики, композиции, сочетаемости цветов;
• наличие комбинаторных способностей, развитый эстетический и художественный вкус;
• средства для работы с цветом: ColorHexa / Paletton / Flat UI Color;
• средства для работы со шрифтами: Google Fonts / Typekit / Fontjoy;
• ресурсы для работы с иконками: Icons8 / Free Icon Maker / IconJar;
• хорошее владение графическим редактором: Adobe Photoshop / Figma / Illustrator.

Главное отличие в том, что веб-дизайн относится только к сфере Web. При этом само понятие UX/UI дизайна более обширно и его можно применить ко многим отраслям: бригада строителей (команда UI дизайнеров) работает согласно ТЗ от архитектора (UX дизайнера); ювелир, кузнец, изготовитель автомобилей, а также ваш любимый кондитер сладостей — своеобразные представители UX/UI дизайнеров. UX дизайнер занимается проектированием любого пользовательского интерфейса, UI дизайнер визуализирует любые пользовательские интерфейсы.

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

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

Таким образом, самообучение займет у каждого разное время, но если говорить о курсах, то у большинства из них заявленные сроки обучения на UX/UI дизайнера — от 9 до 12 месяцев.

Конечно! Если вам больше по душе планирование, проектирование, изучение психологии пользователей, вас увлекает то, что лежит “под капотом” разрабатываемого интерфейса веб-ресурса и вы не особо любите работать с графическими редакторами — путь UX дизайнера станет отличным выбором.

UX дизайнер — своеобразный серый кардинал: о нём мало кто знает, но при этом его влияние очень велико, он выполняет очень большую и важную работу, которую незнающие люди приписывают именно UI дизайнеру.

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

Из-за того, что UX и UI направления имеют множество точек соприкасания, один специалист может запросто принять на себя обязанности другого и вести разработку интерфейса от этапа проектирования и до этапа визуализации самолично.

Это зависит от опыта работы в данном направлении, ваших личных навыков, а также от набора технологий, которые вы знаете и применяете на практике. Актуальную зарплату UX/UI дизайнера можно узнать на сайте jobs.dou.ua (раздел “Зарплаты” или зарплатные опросы), djinni.co (зарплатная статистика), ua.jooble.org (Украина) или на Stack Overflow Developer Survey 2023 (все страны).