Словарь UX/UI дизайнера: 50 терминов, которые нужно знать на собеседовании

В IT встречают по портфолио, а оценивают по умению аргументировать свои решения. Когда продакт-менеджер просит «улучшить флоу и поднять CTA на первом экране», вы не должны впадать в ступор.

Мы собрали 50 главных терминов, которые регулярно звучат на собеседованиях и рабочих созвонах. Сохраняйте в закладки — эта шпаргалка сэкономит вам много нервных клеток.

1. UX (User Experience) — Пользовательский опыт. То, как человек чувствует себя, используя ваш продукт (удобно/неудобно, понятно/сложно).

2. UI (User Interface) — Пользовательский интерфейс. Внешний вид продукта (цвета, шрифты, кнопки, анимации).

3. CX (Customer Experience) — Клиентский опыт. Более широкое понятие, чем UX. Включает в себя все точки касания клиента с брендом (от рекламы до службы поддержки).

4. IxD (Interaction Design) — Дизайн взаимодействия. Проектирование того, как интерфейс реагирует на действия пользователя (свайпы, клики, анимация загрузки).

5. Usability (Юзабилити) — Степень удобства интерфейса. Насколько легко и быстро пользователь может решить свою задачу.

1. CustDev (Customer Development) — Глубинное интервью с пользователями для проверки идеи продукта или поиска их реальных болей.

2. A/B Testing (А/В тестирование) — Метод, при котором аудитории показывают два варианта дизайна (А и В), чтобы проверить, какой из них работает лучше (например, приносит больше кликов).

3. Persona (Персонаж) — Собирательный образ типичного пользователя продукта с его привычками, страхами и целями.

4. CJM (Customer Journey Map) — Карта пути клиента. Визуализация всех шагов пользователя от осознания потребности до покупки и ухода.

5. JTBD (Jobs to be Done) — Подход к созданию продуктов. Мы не продаем дрель (продукт), мы продаем дырку в стене (решение задачи пользователя).

6. Focus Group (Фокус-группа) — Качественный метод исследования, когда группа людей обсуждает продукт под руководством модератора.

7. Insight (Инсайт) — Неочевидная, но очень важная догадка о поведении пользователя, найденная в ходе исследований.

8. Pain Point (Боль пользователя) — Проблема или неудобство, с которым человек сталкивается при решении своей задачи.

9. Retention (Удержание) — Метрика, показывающая, как часто пользователи возвращаются в ваше приложение.

10. Churn Rate (Отток) — Процент пользователей, которые перестали пользоваться продуктом.

1. Wireframe (Вайрфрейм) — Черновой, схематичный набросок интерфейса без дизайна (серые квадраты и линии). Нужен для согласования структуры.

2. Prototype (Прототип) — Интерактивная версия макета, где можно нажимать на кнопки и переходить между экранами.

3. User Flow (Пользовательский сценарий) — Схема шагов, которые человек должен пройти в интерфейсе для достижения конкретной цели (например, оформления заказа).

4. Information Architecture (Информационная архитектура) — Структура контента в продукте. То, как разделы и страницы связаны друг с другом (меню, навигация).

5. MVP (Minimum Viable Product) — Минимально жизнеспособный продукт. Первая, самая простая версия приложения, выпущенная для проверки идеи на реальных людях.

6. Onboarding (Онбординг) — Процесс знакомства пользователя с новым интерфейсом после регистрации (подсказки, туториалы).

7. Mockup (Мокап) — Детализированный макет интерфейса, либо визуализация вашего дизайна на экране реального устройства (в портфолио).

8. Red Route (Красный маршрут) — Самый частый и критически важный сценарий в приложении (например, вызов такси в Uber).

9. Use Case (Сценарий использования) — Описание того, как система реагирует на конкретный запрос пользователя в определенных условиях.

10. Edge Case (Граничный случай) — Редкая, нестандартная ситуация в интерфейсе (например, у пользователя имя из 50 букв, или пропал интернет во время оплаты).

1. Grid (Сетка) — Система направляющих линий, которая помогает ровно и логично выстраивать элементы на экране.

2. Whitespace (Воздух / Негативное пространство) — Пустое пространство между элементами. Делает дизайн чистым и помогает управлять вниманием.

3. Affordance (Аффорданс) — Свойство элемента, подсказывающее, как с ним взаимодействовать (например, кнопка выглядит выпуклой, значит, ее можно нажать).

4. Hierarchy (Визуальная иерархия) — Расположение элементов по степени их важности (через размер, цвет, контраст).

5. Typography (Типографика) — Искусство оформления текста (шрифты, интерлиньяж, кернинг).

6. UI Kit (ЮАЙ-кит) — Набор всех готовых элементов интерфейса (кнопки, иконки, поля ввода), собранный в одном файле.

7. Design System (Дизайн-система) — Глобальная библиотека элементов, правил и кода, по которой строится весь продукт.

8. Accessibility (Доступность / a11y) — Адаптация интерфейса для людей с ограничениями (проверка контрастности для слабовидящих, поддержка скринридеров).

9. Responsive Design (Адаптивный дизайн) — Дизайн, который автоматически подстраивается под разные размеры экранов (ПК, планшет, телефон).

10. Mobile First — Подход, при котором дизайн сначала рисуется для мобильных устройств, а затем масштабируется до десктопа.

1. CTA (Call to Action) — Призыв к действию. Главная кнопка на экране, которая ведет пользователя к цели («Купить», «Подписаться»).

2. Breadcrumbs (Хлебные крошки) — Элемент навигации, показывающий путь пользователя от главной страницы до текущей (Главная / Обувь / Кроссовки).

3. Modal Window (Модальное окно / Попап) — Окно, которое появляется поверх основного контента и блокирует работу с ним, пока вы его не закроете.

4. Dropdown (Выпадающий список) — Меню, которое разворачивается при клике, предлагая выбрать один из вариантов.

5. Tooltip (Тултип) — Маленькая всплывающая подсказка, которая появляется при наведении курсора на иконку или текст.

6. Checkbox (Чекбокс) — Квадратная галочка. Позволяет выбрать несколько вариантов из списка.

7. Radio Button (Радиокнопка) — Круглая кнопка. Позволяет выбрать строго один вариант из предложенных.

8. Accordion (Аккордеон) — Список заголовков, которые раскрываются по клику, показывая скрытый текст (часто используется в разделе FAQ).

9. Burger Menu (Бургер-меню) — Иконка из трех горизонтальных полос, под которой прячется главное меню сайта на мобилках.

1. Agile — Гибкий подход к разработке продуктов, где работа разбивается на короткие циклы.

2. Sprint (Спринт) — Короткий отрезок времени (обычно 1-2 недели), за который команда должна выполнить запланированный объем работы.

3. Front-end — Клиентская часть сайта/приложения. То, что видит пользователь и с чем взаимодействует (HTML, CSS, анимации).

4. Back-end — Серверная часть. То, что скрыто «под капотом» (базы данных, логика обработки платежей).

5. API — Программный интерфейс, который позволяет двум разным приложениям общаться между собой (например, показать карту Google на вашем сайте).

6. NDA (Non-Disclosure Agreement) — Соглашение о неразглашении. Документ, запрещающий вам выкладывать рабочие макеты в портфолио до официального релиза проекта.

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