Мини-курс
UX/UI-дизайнер с нуля
8 коротких уроков: от интервью с пользователями до кейса в портфолио. Поймёте, нравится ли вам проектировать интерфейсы, ещё до оплаты большого курса.
Коротко о профессии
UX/UI-дизайнер проектирует сайты и приложения так, чтобы ими было удобно и приятно пользоваться. UX — это логика: что нужно людям, какие экраны, в каком порядке шаги. UI — внешний вид: сетка, шрифты, цвета, кнопки. Дизайнер разговаривает с пользователями, рисует прототипы и макеты в Figma, проверяет их на людях и передаёт разработчикам. Рисовать от руки уметь не нужно: важнее логика, внимание к деталям и умение слушать.
Зарплаты сильно зависят от города и опыта — смотрите актуальные вакансии: вакансии UX/UI-дизайнера на hh.ru.
Чем занимается UX/UI-дизайнер
Вы открываете приложение доставки и за минуту заказываете обед, не задумываясь, куда нажать. За этой лёгкостью стоит работа дизайнера: он выяснил, что людям важно, продумал шаги, нарисовал экраны и проверил их на настоящих пользователях.
UX/UI-дизайнер работает в продуктовых компаниях, студиях и на фрилансе. В команде он связывает бизнес, пользователей и разработчиков: понимает, что нужно людям и компании, и превращает это в понятные экраны, по которым программисты делают продукт.
В курсе вы пройдёте весь путь на одном примере — мобильном приложении кофейни «Зерно», где можно заказать кофе навынос: от интервью с гостями до прототипа, компонентов и юзабилити-теста. В каждом уроке — разбор, примеры, задание и мини-тест.
Кому подойдёт, а кому нет
Скорее подойдёт, если
- Замечаете неудобные кнопки и запутанные формы и знаете, как сделать лучше
- Интересно, почему люди поступают так, а не иначе
- Нравится и логика, и красота: продумать шаги и аккуратно оформить
- Готовы спокойно принимать критику своих макетов
- Хотите в IT, но не программировать
Скорее не подойдёт, если
- Хочется рисовать иллюстрации и самовыражаться — это ближе к графическому дизайну
- Тяжело обсуждать свою работу и переделывать её по замечаниям
- Не любите общаться: интервью, тесты и обсуждения с командой — половина работы
Программа: 8 уроков
-
Урок 1из 8 пройдензнаете
Открыть
UX и UI: чем занимается дизайнер интерфейсов
Чем UX отличается от UI, из каких этапов состоит работа дизайнера, с кем он работает в команде, где работают дизайнеры и какие инструменты нужны на старте.
15 мин · Дальше: Исследования: интервью, персоны и сценарии -
Урок 2из 8 пройдензнаете
Открыть
Исследования: интервью, персоны и сценарии
Как узнать, что на самом деле нужно пользователям: интервью с открытыми вопросами, сколько людей опросить, как описать персону, задачу пользователя и карту его пути.
20 мин · Дальше: Структура продукта и пользовательские пути -
Урок 3из 8 пройдензнаете
Открыть
Структура продукта и пользовательские пути
Как решить, какие экраны нужны и как они связаны: информационная архитектура, карта экранов, пользовательский путь (user flow), навигация и правило «меньше шагов к главному действию».
20 мин · Дальше: Вайрфреймы и прототипы в Figma -
Урок 4из 8 пройдензнаете
Открыть
Вайрфреймы и прототипы в Figma
Как перейти от набросков к кликабельному прототипу: скетчи, вайрфреймы, фреймы и Auto Layout в Figma, связи между экранами в режиме Prototype и чем прототип низкой детализации отличается от высокой.
20 мин · Дальше: Визуальный дизайн: сетка, типографика, цвет и контраст -
Урок 5из 8 пройдензнаете
Открыть
Визуальный дизайн: сетка, типографика, цвет и контраст
Как сделать интерфейс аккуратным и читаемым: модульная сетка и шаг 8, иерархия текста, выбор шрифтов, правило цвета 60-30-10, акцентный цвет для главного действия и проверка контраста.
20 мин · Дальше: Компоненты и дизайн-система -
Урок 6из 8 пройдензнаете
Открыть
Компоненты и дизайн-система
Как не рисовать одну кнопку двадцать раз: компоненты и варианты в Figma, состояния элементов, адаптивность под разные экраны и что такое дизайн-система.
20 мин · Дальше: Юзабилити-тесты, доступность и передача в разработку -
Урок 7из 8 пройдензнаете
Открыть
Юзабилити-тесты, доступность и передача в разработку
Как проверить прототип на людях: задания, наблюдение и пять участников. Что такое доступность интерфейса. Как передать макеты разработчикам так, чтобы получилось как задумано.
20 мин · Дальше: Кейс в портфолио и вход в профессию -
Урок 8из 8 пройдензнаете
Открыть
Кейс в портфолио и вход в профессию
Как оформить учебный проект в кейс для портфолио, где его разместить, что ждут от джуниор-дизайнера, как пройти тестовое задание и где искать первую работу.
20 мин
Итоговый тест
16 вопросов по всем урокам, около 12 минут. В конце — разбор, какие темы повторить, и вывод по вашим ответам: стоит ли идти в профессию дальше.
Что дальше
Если тема зацепила, продолжить можно так.
Частые вопросы
Нужно ли уметь рисовать?
Нет. Интерфейсы собирают из прямоугольников, текста и иконок в Figma. Важнее логика, чувство порядка и умение объяснить своё решение.
В чём разница между UX и UI?
UX — опыт пользователя: решает ли продукт задачу, понятны ли шаги, нет ли лишнего. UI — интерфейс: как это выглядит. В небольших командах это делает один человек, поэтому профессию часто называют UX/UI-дизайнер или продуктовый дизайнер.
Что нужно установить?
Figma — главный инструмент дизайнера интерфейсов. Она работает в браузере и как приложение для компьютера, для учёбы хватает бесплатного тарифа. Подробнее — в уроке 1.
Нужно ли программировать?
Нет. Но полезно понимать основы вёрстки: как устроены страницы и что легко сделать, а что дорого. На сайте есть курс «HTML и CSS с нуля».
Сколько времени займёт курс?
Около трёх часов: 8 уроков по 15–25 минут и итоговый тест. Плюс время на задания в Figma — удобный темп урок в день.
Хватит ли этого курса, чтобы найти работу?
Для первой работы его мало: курс показывает, ваше ли это, и даёт базу. Дальше нужны практика, 2–3 кейса в портфолио и насмотренность — с чего начать, рассказываем в уроке 8.