Документация
Словарь UI-дизайнера
А
Адаптивный интерфейс
— интерфейс, который корректно отображается на разных устройствах.
Анимация UI
— движение элементов для улучшения взаимодействия.
Атрибуты компонентов
— свойства элементов интерфейса (цвет, размер, поведение).
Акцентные элементы
— визуально выделенные объекты для привлечения внимания.
Алерты
— всплывающие уведомления и сообщения.
Атрибуция интерфейса
— отслеживание действий пользователя для улучшения UI.
Адаптивная типографика
— шрифты, изменяющиеся под размеры экрана.
Архитектура компонентов
— структура и логика взаимодействия элементов UI.
Анимационные переходы
— плавные эффекты между состояниями элементов.
Автосохранение
— функция сохранения изменений в UI автоматически.
Актуальные паттерны
— современные подходы в интерфейсных решениях.
Анимация прокрутки (Scroll Animation)
— эффекты при скролле страницы.
Б
Базовая сетка
— направляющие для выравнивания элементов.
Блоки интерфейса
— отдельные визуальные секции интерфейса.
Библиотека компонентов
— повторно используемые элементы UI.
Быстрая обратная связь
— мгновенные реакции интерфейса на действия пользователя.
Брейкпоинты
— точки изменения макета для разных устройств.
Баланс элементов
— равномерное распределение объектов.
Бейджи (Badges)
— визуальные индикаторы состояния объектов.
Базовые цвета
— основной набор оттенков для UI.
Баннеры в интерфейсе
— графические элементы для привлечения внимания.
Блокировка элементов
— фиксация объектов на экране.
Бесшовная навигация
— удобный переход между разделами интерфейса.
Бэкапы UI
— резервные копии макетов и компонентов.
В
Визуальная иерархия
— расположение элементов по значимости.
Всплывающие окна
— элементы, появляющиеся поверх основной страницы.
Векторные элементы
— графика, сохраняющая качество при масштабировании.
Встроенные подсказки
— пояснения для элементов интерфейса.
Время отклика
— скорость реакции элементов UI на действия.
Взаимодействие элементов
— связь между кнопками, формами, меню и другими объектами.
Валидация форм
— проверка корректности ввода данных пользователем.
Влияние цвета
— воздействие оттенков на восприятие интерфейса.
Встроенная навигация
— элементы для перемещения внутри интерфейса.
Ведущие элементы (Lead Elements)
— объекты, направляющие внимание пользователя.
Виртуальные элементы управления
— сенсорные или кликабельные объекты.
Г
Градиенты
— плавные переходы цвета.
Графические акценты
— элементы для привлечения внимания.
Группировка объектов
— объединение элементов по смыслу.
Гибкая сетка
— адаптивная структура интерфейса.
Графические паттерны
— повторяющиеся декоративные элементы.
Глубина слоя
— тени и наложения для объема.
Герой-блок
— крупный элемент интерфейса, привлекающий внимание.
Гипотезы UI
— предположения о поведении пользователя.
Гайдлайны интерфейса
— правила использования компонентов.
Глитч-эффекты
— визуальные ошибки или нарочитые искажения для стиля.
Д
Дизайн-система
— набор правил и компонентов UI для согласованного интерфейса.
Динамические элементы
— объекты, меняющиеся при взаимодействии.
Декоративные элементы
— визуальные детали без функциональной нагрузки.
Доступность (Accessibility)
— удобство UI для всех пользователей.
Дивы (Div)
— блоки HTML для размещения элементов интерфейса.
Деплой интерфейса
— перенос макета на рабочую версию продукта.
Детализация графики
— уровень проработки элементов интерфейса.
Документация UI
— инструкции и описание компонентов.
Деформация объектов
— изменение формы без потери качества.
Десктопная версия
— отображение интерфейса на компьютерах.
Е
Единая цветовая палитра
— согласованные оттенки для интерфейса.
Единый стиль элементов
— консистентность кнопок, полей и блоков.
Емкость интерфейса
— количество информации в блоке.
Естественные переходы
— плавные анимации и изменения состояния.
Единообразие UI
— согласованность всех компонентов интерфейса.
Ж
Живые элементы
— интерактивные объекты интерфейса.
Жесткая сетка
— строгая структура для выравнивания объектов.
Жирные акценты
— выделение ключевых элементов.
Журнал изменений
— запись всех корректировок UI.
Жесткая иерархия
— строгая структура элементов по значимости.
З
Зонирование интерфейса
— деление макета на функциональные зоны.
Заметность CTA
— выделение кнопок действия.
Звуковая обратная связь
— аудио-сигналы на действия пользователя.
Загрузка интерфейса
— скорость отображения элементов.
Зафиксированные элементы
— объекты, остающиеся на месте при прокрутке.
И
Иконки интерфейса
— графические элементы для навигации.
Интерактивные элементы
— объекты, с которыми пользователь взаимодействует.
Инфографика
— визуальное представление информации в интерфейсе.
Иерархия элементов
— распределение объектов по важности.
Изоляция объектов
— отделение элементов для лучшей читаемости.
Интерактивные прототипы
— тестируемые макеты с функционалом.
Индикаторы состояния
— отображение текущего состояния элементов.
К
Карта интерфейса (Sitemap)
— структура всех экранов продукта.
Кликибельные зоны
— области, с которыми можно взаимодействовать.
Когнитивная нагрузка
— сложность восприятия интерфейса.
Кнопки действия (CTA)
— элементы, инициирующие действия пользователя.
Консистентность
— единообразие визуального и функционального стиля.
Компоненты UI
— отдельные элементы интерфейса для сборки макета.
Контраст
— различие цвета, формы или размера для выделения объектов.
Когнитивные сигналы
— визуальные подсказки для облегчения понимания.
Карта пути пользователя
— последовательность действий для достижения цели.
Л
Лейаут
— структура расположения элементов интерфейса.
Локализация интерфейса
— адаптация под язык и регион пользователя.
Логическая навигация
— последовательность переходов, понятная пользователю.
Лаконичность UI
— минимализм и отсутствие лишних элементов.
Лейблы (Labels)
— подписи к кнопкам и полям.
Логотип в интерфейсе
— фирменный знак для узнаваемости.
Лента контента
— вертикальный или горизонтальный поток информации.
Локальные паттерны
— повторяющиеся элементы для конкретного блока.
Легкость восприятия
— простота интерфейса для пользователя.
Лидирующие элементы
— объекты, привлекающие внимание первыми.
Локальные уведомления
— сообщения внутри определенного блока.
М
Модальные окна
— всплывающие элементы, требующие внимания пользователя.
Микровзаимодействия
— небольшие анимации для удобства интерфейса.
Модульные компоненты
— повторно используемые блоки UI.
Мобильный интерфейс
— адаптация элементов под смартфоны и планшеты.
Многоуровневая навигация
— меню с несколькими уровнями вложенности.
Микротестирование
— проверка отдельных элементов интерфейса.
Мнемонические элементы
— визуальные подсказки для запоминания функций.
Мониторинг поведения
— отслеживание действий пользователей.
Масштабирование элементов
— изменение размера объектов без потери качества.
Матрица взаимодействий
— схема связей между элементами интерфейса.
Модуляция контента
— деление информации на удобные блоки.
Н
Навигация
— система перемещений пользователя по интерфейсу.
Нативные элементы
— стандартные компоненты системы или платформы.
Наглядные подсказки
— визуальные инструкции для действий.
Нагрузка на пользователя
— усилия, необходимые для выполнения действий.
Нефункциональные элементы
— декоративные объекты без влияния на UX.
Нормализация интерфейса
— приведение элементов к единому виду.
Нестандартные сценарии
— редкие действия пользователей, требующие тестирования.
Надёжность UI
— стабильная работа всех элементов.
Низкая когнитивная нагрузка
— упрощение интерфейса для быстрого понимания.
Навигационные паттерны
— шаблоны организации переходов по продукту.
О
Онбординг
— процесс знакомства пользователя с интерфейсом.
Отзывчивый дизайн (Responsive UI)
— корректное отображение на разных устройствах.
Обратная связь
— реакции интерфейса на действия пользователя.
Организация контента
— структура информации на странице.
Оценка кликабельности
— анализ, как пользователи взаимодействуют с элементами.
Обеспечение доступности
— UX/UI для людей с ограниченными возможностями.
Ориентация пользователя
— помощь в понимании местоположения в интерфейсе.
Оптимизация интерфейса
— улучшение скорости и удобства работы с UI.
П
Прототип
— предварительная версия интерфейса для тестирования.
Пользовательский сценарий
— последовательность действий для достижения цели.
Перцепция интерфейса
— восприятие элементов пользователем.
Поток задач
— логическая последовательность действий.
Пространственная иерархия
— расположение элементов по важности.
Плейсхолдер
— временный элемент, показывающий, где будет контент.
Персонализация интерфейса
— настройка под конкретного пользователя.
Проверка гипотез
— тестирование предположений о поведении пользователей.
Панель управления
— элементы для взаимодействия с приложением.
Подсказки (Tooltips)
— пояснения для удобства работы.
Прозрачность элементов (Opacity)
— уровень видимости объектов.
Р
Респонсив UI
— адаптация интерфейса под различные устройства.
Репликация элементов
— повторение объектов для единообразия.
Ранжирование информации
— порядок элементов по значимости.
Ретроспектива UI
— анализ прошлых изменений интерфейса.
Ритм взаимодействия
— последовательность действий для комфортного UX/UI.
Реактивная анимация
— движение объектов в ответ на действия пользователя.
Регистрация и авторизация
— процессы входа в систему.
Руководство по UI
— документация для команды дизайнеров.
Результативность интерфейса
— эффективность интерфейса в достижении целей.
Разделение слоёв
— организация объектов по отдельным уровням.
С
Сценарии пользователя
— пути выполнения задач.
Состояния элементов
— активные, неактивные, hover-эффекты.
Сетевые ограничения
— влияние скорости интернет-соединения на интерфейс.
Семантическая структура
— логическая организация контента.
Сигнальные элементы
— индикаторы действий, ошибок или уведомлений.
Сравнительное тестирование UI
— проверка двух вариантов интерфейса.
Скролл-индикаторы
— подсказки для прокрутки страницы.
Скорость отклика
— время реакции интерфейса на действия.
Сенсорная обратная связь
— визуальные или тактильные реакции на действия.
Стандартизация компонентов
— унификация всех элементов интерфейса.
Т
Тестирование интерфейса
— проверка удобства и функциональности UI.
Точки входа
— места, с которых пользователь начинает взаимодействие.
Точки выхода
— моменты, когда пользователь покидает интерфейс.
Типы пользователей
— сегменты аудитории с разными целями.
Тепловые карты (Heatmaps)
— визуализация активности пользователей.
Транзакционный UI
— удобство совершения действий с оплатой или заказами.
Тестирование юзабилити
— проверка простоты и эффективности интерфейса.
Триггеры взаимодействия
— элементы, побуждающие к действиям.
Точечные элементы
— небольшие объекты интерфейса для навигации.
У
Удобство интерфейса (Usability)
— комфорт и простота использования UI.
Управление элементами
— возможность пользователю контролировать объекты интерфейса.
Уведомления
— сообщения для информирования о событиях.
Уровни интерфейса
— логические слои для организации элементов.
Упрощение сценариев
— снижение количества действий для достижения цели.
Унификация компонентов
— согласованность всех элементов интерфейса.
Учет контекста
— адаптация интерфейса под условия использования.
Управление контентом
— организация и редактирование информации.
Управляемая анимация
— контролируемые эффекты для элементов UI.
Ф
Фидбэк (Feedback)
— обратная связь интерфейса на действия пользователя.
Фокусировка внимания
— выделение ключевых элементов.
Функциональная иерархия
— распределение элементов по важности.
Фильтры и сортировка
— инструменты для управления контентом.
Фреймы UI
— отдельные блоки макета, объединенные по смыслу.
Фиксация объектов
— закрепление элементов для удобства навигации.
Формы ввода
— поля для ввода информации пользователем.
Фоновые элементы
— визуальные слои, создающие контекст интерфейса.
Х
Хлебные крошки (Breadcrumbs)
— навигационная цепочка для ориентации.
Характер взаимодействия
— способ, которым пользователь работает с интерфейсом.
Художественная визуализация
— оформление элементов для привлечения внимания.
Холодные зоны UI
— места с минимальной активностью пользователя.
Хронология действий
— последовательность взаимодействий с системой.
Ховер-эффекты
— изменение объекта при наведении курсора.
Ц
Целевая аудитория
— группа пользователей, для которой создается интерфейс.
Цепочка действий
— последовательность шагов для достижения цели.
Цветовые акценты
— выделение ключевых элементов с помощью цвета.
Цифровая доступность
— удобство использования интерфейса на любых устройствах.
Центральная точка внимания
— главный объект, на который смотрит пользователь.
Циклы улучшений UI
— итеративный процесс доработки интерфейса.
Цифровые паттерны
— шаблоны интерфейса для упрощения проектирования.
Ч
Чтение интерфейса
— простота восприятия визуальной информации.
Четкая иерархия
— логичная структура элементов по важности.
Частотность действий
— как часто пользователи выполняют определенные задачи.
Четкие CTA
— ясные кнопки призыва к действию.
Человекоцентричный дизайн
— проектирование интерфейса с учетом потребностей человека.
Четкие границы элементов
— визуальное разделение объектов.
Ш
Шаблон интерфейса
— готовая структура для упрощения дизайна.
Шкала приоритетов
— распределение задач и элементов по важности.
Шрифтовая иерархия
— различие размеров и стилей текста для удобного чтения.
Ширина и высота элементов
— размеры объектов для удобного взаимодействия.
Шаги пользователя
— последовательность действий для выполнения задачи.
Шероховатость UI
— текстурные и визуальные акценты интерфейса.
Э
Эстетика интерфейса
— визуальная привлекательность UI.
Элементы управления
— кнопки, поля ввода, переключатели и т.д.
Эффективность сценариев
— результативность действий пользователя.
Эмпатия к пользователю
— понимание потребностей и эмоций аудитории.
Эвристический анализ
— оценка интерфейса по набору правил.
Экспериментирование с UI
— тестирование новых решений для улучшения взаимодействия.
Ю
Юзер-френдли дизайн
— удобный и понятный интерфейс.
Юзер-джорни (User Journey)
— путь пользователя через продукт.
Юзабилити-тесты
— проверки удобства интерфейса на реальных пользователях.
Юридическая совместимость UI
— соблюдение законов и норм при проектировании интерфейса.
Юзер-флоу
— схема последовательности действий пользователя.
Я
Ясная навигация
— понятная структура переходов между страницами.
Якоря интерфейса
— элементы, на которых фиксируется внимание пользователя.
Ясная визуальная иерархия
— логичная структура элементов по значимости.
Явные CTA
— четко обозначенные кнопки действий.
Ячейки сетки
— блоки сетки для точного выравнивания элементов.
Яркие акценты
— визуальное выделение важных объектов интерфейса.
Термины