🎉 Вёрстка не поехала: как тестировать интерфейсы без боли
Алевтина Чугунова (владелец продукта дизайн-системы) и Дарья Каткова (QA-инженер) из Сбера рассказали, как они создают и тестируют дизайн-систему для сотен команд. До внедрения системы интерфейсы iOS и Android выглядели как разные приложения, а веб-версия вообще жила своей жизнью. Теперь же скорость разработки выросла на 40%, а количество визуальных багов снизилось на 85%.
Команда создала собственные инструменты для тестирования: Debug Overlay показывает границы и отступы всех компонентов прямо поверх интерфейса Android, а Theater автоматически генерирует видео работы интерфейсов из кода за 5 минут вместо часов съёмки. Кайф, что у них есть «Лаборатории», где можно проверить, как шрифты и тени ведут себя в реальных условиях, потому что в макете всё выглядит одним образом, а в приложении совершенно иначе.
Внутри:
– Почему стартапам можно без дизайн-системы, а большим компаниям нельзя;
– Как работает Debug Overlay для Android и что он показывает;
– Зачем нужны "Лаборатории" для проверки шрифтов и теней;
– Как Theater снимает видео про интерфейсы без оператора;
– Почему Safari стал особенной болью для команды;
– Какие цифры получились после внедрения системы.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы