Ниже — короткие объяснения слов, которые часто встречаются в задачах и переписке. Для каждого: что это, где пригодится и пример.
Hero.
Это «первый экран» сайта — большой верхний блок: заголовок, подзаголовок, кнопка.
Обычно бывает на лендингах, главных страницах.
mobile-first.
Это подход «с мобильной версии», а затем расширяем под планшет/десктоп. В CSS это обычно min-width медиа-запросы.
Пример: сначала делаем layout под 360–420 px, потом [id705766|min-width:768px].
Вайрфрейм (wireframe).
Это черновая схема страницы без «красоты»: блоки, заголовки, кнопки — чтобы согласовать структуру.
Пригодится до дизайна в Figma/верстки.
Пример: «Скиньте вайрфрейм: где герой, преимущества, отзывы».
disabled.
Это «неактивное» состояние элемента интерфейса. Кнопка есть, но нажать нельзя.
Пример кода: ; – неактивное состояние; для доступности иногда лучше aria-disabled=»true» + логика в JS.
Микроинтеракции.
Это маленькие реакции интерфейса: подсветка кнопки, шевеление иконки, вибрация поля с ошибкой.
Они объясняют пользователю «что происходит» и делают интерфейс живым.
Пример: у поля e-mail при ошибке появляется текст «Неверный формат».
Оффер.
Это конкретное предложение/выгода в одном-двух предложениях.
Встречается в Hero и карточках.
Пример: «Сайт за 10 дней под ключ. Оплата по факту».
Тизер.
Это короткий «подогрев» интереса: кусочек текста, превью видео, небольшой баннер.
Делают в анонсах постов, в превью статей, в рассылках.
Пример: «Смотрите 3 ошибки в дизайне — в конце чек-лист».
Скрипты.
Это файлы кода (обычно JavaScript), которые добавляют логику: слайдеры, формы, анимации.
Сниппеты (snippets).
Что это: маленькие кусочки кода, которые вставляем в проект. В WordPress — часто через плагин Code Snippets.
Пример: сниппет, который скрывает дату поста или добавляет хук.
Стейджинг (staging).
Это скрытая копия сайта для тестов. Тут пробуем обновления/дизайн, не трогая «живой» сайт.
Совет: закрывайте стейджинг от индексации и делайте бэкап перед сливом правок.
Каноникалы (canonical).
Это тег, который показывает поисковику «главную» версию страницы, если есть дубли.
Пример кода: .
Зачем: чтобы не было санкций за дублированный контент.
Скролл-депс (scroll depth).
Это насколько глубоко пользователи прокручивают страницу (25%, 50%, 75%, 100%).
Используют в аналитике, чтобы понять, дочитывают ли страницу и где «выпадают».
Пример: «На 50% скролла теряем 40% людей — усиливаем оффер/вставляем CTA раньше».
Драфт (draft).
Это черновик. В дизайне — «не финальный макет», в CMS — запись в статусе «Черновик».
Совет: храните версии, называйте понятно: Draft v2 — мобильная сетка.
💬 Давайте соберём совместный глоссарий! Напишите в комментариях слово/термин, который вас смущает (или встречался в ТЗ), — я переведу «на человеческий» и добавлю в общий список. Можете скидывать скрины/примеры — разберём наглядно.