🎉 Вёрстка не поехала: как тестировать интерфейсы без боли

Алевтина Чугунова (владелец продукта дизайн-системы) и Дарья Каткова (QA-инженер) из Сбера рассказали, как они создают и тестируют дизайн-систему для сотен команд. До внедрения системы интерфейсы iOS и Android выглядели как разные приложения, а веб-версия вообще жила своей жизнью. Теперь же скорость разработки выросла на 40%, а количество визуальных багов снизилось на 85%.

Команда создала собственные инструменты для тестирования: Debug Overlay показывает границы и отступы всех компонентов прямо поверх интерфейса Android, а Theater автоматически генерирует видео работы интерфейсов из кода за 5 минут вместо часов съёмки. Кайф, что у них есть «Лаборатории», где можно проверить, как шрифты и тени ведут себя в реальных условиях, потому что в макете всё выглядит одним образом, а в приложении совершенно иначе.

Внутри: – Почему стартапам можно без дизайн-системы, а большим компаниям нельзя; – Как работает Debug Overlay для Android и что он показывает; – Зачем нужны "Лаборатории" для проверки шрифтов и теней; – Как Theater снимает видео про интерфейсы без оператора; – Почему Safari стал особенной болью для команды; – Какие цифры получились после внедрения системы.

➡️ Читать статью

———

💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В этом посте были ссылки, но мы их удалили по правилам Сетки