Huly · workspace bureauwebsites · тип «Сайт / Bug»

Что чаще всего ломается на сайтах бюро

Разбор всех багов за всё время: 516 задач-багов и ~1680 конкретных дефектов внутри них. Почти всё — приёмка вёрстки перед сдачей, а не аварии в бою. Цель — понять повторяющиеся грабли и превратить их в чек-лист «делай сразу хорошо».

Период: дек 2024 → июл 2026 Закрыто: 490 завершено · 13 отменено Среднее время до закрытия: 13 дней

516

багов-задач

~1680

дефектов внутри

2.5 /баг

дефектов в среднем

189

багов «по вёрстке»

350

с полем «Окружение»

Типы дефектов

По ~1680 конкретным пунктам (не по багам-контейнерам). Один пункт может попадать в несколько категорий — проценты не суммируются в 100. Доминируют «пиксельные» отклонения от макета, состояния элементов и мобильная адаптация.

Где ловят баги

упоминания окружения · 350 багов

БраузерChrome доминирует, но Safari — каждый пятый

ОСiOS + macOS ≈ 38%

Вьюпортмобильные ≤500px — крупнейший класс

Как быстро закрывают

дней от создания до закрытия · 503 бага

Больше половины закрываются за неделю, но у 46 багов закрытие затянулось на месяц и дольше — обычно это большие чек-листы правок по вёрстке.

Что повторялось чаще всего

Тонкие паттерны, отсортированные по числу разных проектов (из ~17 сайтовых), где встречались. Чем в большем числе проектов — тем это системнее: не разовый косяк, а грабли, на которые наступают снова и снова. Полоса = охват проектов, число справа = сколько всего дефектов.

Что чаще всего идёт не так

Корневые причины, вычитанные из текста дефектов. Это то, что повторяется из проекта в проект.

Отклонение от макета «на глаз»
Не тот отступ, кегль, цвет, размер иконки; «крупнее, чем в макете». Верстают без опоры на токены дизайна — самый массовый класс.
Забывают состояния элементов
Постоянно: нет hover / active / focus / disabled / loading у кнопок, иконок, чекбоксов, тегов. Делают только default-вид.
Мобильная адаптация в последнюю очередь
Горизонтальный скролл на 375/390/1024, белое поле справа, слайдер и модалка выходят за край, «скученность на 1024».
Слайдеры, анимации и скролл недокручены
«Слайдер выходит за край», «видно контур следующего слайда», «анимация ломается при обратном скролле», «сделать плавнее».
Формы и ФОС — одни и те же грабли
Маска телефона, лимит символов, валидация англ. букв, нет состояния отправки, плейсхолдеры, скролл к форме по кнопке.
Домен недвижимости повторяется
Каталог с фильтром (сброс, активные теги, склонение «квартир»), шахматка, генплан, калькулятор ипотеки/рассрочки — в каждом проекте заново.
Тестируют только Chrome / десктоп
Специфика Safari/macOS/iOS уходит в приёмку к клиенту: «на MacOS слева наслаивается картинка», «бесконечная загрузка на части Android».
Ссылки: вкладка не та
Карточки и детальные открываются в той же вкладке вместо новой (и наоборот). Нет единого правила target.

Что можно сразу сделать хорошо

Definition of Done и переиспользуемые компоненты, которые снимают большую часть повторяющихся багов ещё до тестирования.

A Чек-лист приёмки страницы

Сверка с макетом по токенам: отступы, кегль, line-height, цвета — не «на глаз».
Матрица вьюпортов 375 / 390 / 768 / 1024 / 1440 / 1920 + guard от горизонтального скролла.
Обязательный прогон в Safari (iOS) и macOS, не только Chrome.
Для каждого интерактива — все состояния: default / hover / active / focus / disabled / loading.

B Библиотека компонентов

Форма/ФОС: маска телефона, лимиты и валидация, состояние отправки на кнопке, плейсхолдеры, скролл-к-форме.
Слайдер: поведение при 1 слайде, «не выходит за край», без контура следующего, адаптив.
Модалка/попап: крестик, фиксированные кнопки, запрет скролла фона, адаптив.
Тултип: «треугольник», вызов на мобильном, подсказка при первом заходе.

C Доменные компоненты недвижимости

Каталог + фильтр: сброс сбрасывает теги, склонение «квартира/квартиры/квартир», пустая выдача.
Шахматка/генплан: недоступные корпуса — полупрозрачные и отличимые.
Калькулятор: единая формула, одинаковый платёж при загрузке 20% и после ручного ввода.
Ссылки: единое правило, что открывать в новой вкладке — заложить в компонент.

D Процесс

Один баг = один дефект. Сейчас баг — это чек-лист из ~2.5 пунктов, тяжело считать и приоритизировать.
Всегда заполнять «Окружение». Сейчас — 350 из 516; это бесплатная статистика по устройствам.
Ставить приоритет. 491 из 516 багов — «без приоритета», не видно, что горит.
Ретесты по одному чек-листу, чтобы не заводить те же дефекты повторно.

Где болит сильнее

Топ проектов по числу багов

задач-багов

Страницы-рецидивисты

чаще всего в заголовках «баги по вёрстке / тестирование …»

Приоритеты

почти всё заводится без приоритета