Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ОТЗЫВЧИВЫЙ И
АДАПТИВНЫЙ ЗВЕРЬ
Как тестировать и не фрустрировать?»
«
МАРИНА КАЛМЫКОВА
Руководитель отдела тестирования в «...
+
• Основы адаптивности и отзывчивости
• Основные ошибки и проблемы
• Инструменты для тестирования
• Стратегия тестирования
...
АДАПТИВ VS. ОТЗЫВЧИВОСТЬ
адаптивныйотзывчивый
ПОТОК
ОТНОСИТЕЛЬНЫЕ
ЕДИНИЦЫ ИЗМЕРЕНИЯ
КОНТРОЛЬНЫЕ ТОЧКИ
(BREAKPOINTS)
РАСТРОВЫЕ VS. ВЕКТОРНЫЕ
ИЗОБРАЖЕНИЯ
В ПРОЦЕССЕ
ЧТО ПОЧИТАТЬ НА ЭТУ ТЕМУ?
ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ?
некрасиво
ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ?
незаметно
ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ?
не работает функционал
• Сайты
• Настройки и плагины браузеров
• Реальные устройства
• Собственная разработка
КАК ТЕСТИРОВАТЬ?
• http://ami.responsivedesign.is/
• http://deviceponsive.com/
• http://responsive.is/
• http://beta.screenqueri.es/
• http...
ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Иногда не отражают действительность
• Нельзя тестировать локально
Преимущества
• Кр...
BROWSERSTACK
ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Тормозит
• Платный (есть триальная версия)
Преимущества
• Разные окружения
• Возмож...
НАСТРОЙКИ БРАУЗЕРОВ
И РАСШИРЕНИЯ
РАСШИРЕНИЯ
Window Resizer
Viewport Resizer
FIREFOX
ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Привязка к браузеру
Преимущества
• Большое количество разрешений
• Бесплатно
РЕАЛЬНЫЕ УСТРОЙСТВА
ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Недостатки
• Стоимость
• Трудоемкость
Преимущества
• Действительность
• Показать разработчику / ...
СОБСТВЕННАЯ РАЗРАБОТКА
ПРЕИМУЩЕСТВА И НЕДОСТАТКИ
Преимущества
• Локальное тестирование
• Под свои нужды
Недостатки
• Время
• Деньги
МОЯ СТРАТЕГИЯ ПРОВЕРКИ
Первоначальная проверка
Расширения к браузеру Chrome
Проверка окружений
Browserstack + реальные уст...
ПОЧЕМУ ТАК?
• критичные ошибки в первую очередь
• оптимально по времени
ПРИОРИТЕТ БАГОВ ЗАВИСИТ
• от целей
• от требований, сроков
• от популярности разрешения
• от метрик по заходу пользователей
ИТОГО
• Меньше пропусков
• Понятно как искать
• Понятно где искать…
• …и как с ними бороться!
МАРИНА
КАЛМЫКОВА
Руководитель отдела
тестирования в «Нетологии-групп»
mkalmykova@netology-group.ru
marishka.kalmykova
/mar...
Отзывчивый и адаптивный зверь: как тестировать и не фрустрировать
Отзывчивый и адаптивный зверь: как тестировать и не фрустрировать
Отзывчивый и адаптивный зверь: как тестировать и не фрустрировать
Отзывчивый и адаптивный зверь: как тестировать и не фрустрировать
Upcoming SlideShare
Loading in …5
×

Отзывчивый и адаптивный зверь: как тестировать и не фрустрировать

579 views

Published on

Доклад Марины Калмыковой на конференции SQA Days-18, 27-28 ноября 2015 г., Москва
www.sqadays.com

Published in: Education
  • Be the first to comment

Отзывчивый и адаптивный зверь: как тестировать и не фрустрировать

  1. 1. ОТЗЫВЧИВЫЙ И АДАПТИВНЫЙ ЗВЕРЬ Как тестировать и не фрустрировать?» « МАРИНА КАЛМЫКОВА Руководитель отдела тестирования в «Нетологии-групп»
  2. 2. +
  3. 3. • Основы адаптивности и отзывчивости • Основные ошибки и проблемы • Инструменты для тестирования • Стратегия тестирования • Приоритет багов О ЧЕМ Я РАССКАЖУ
  4. 4. АДАПТИВ VS. ОТЗЫВЧИВОСТЬ адаптивныйотзывчивый
  5. 5. ПОТОК
  6. 6. ОТНОСИТЕЛЬНЫЕ ЕДИНИЦЫ ИЗМЕРЕНИЯ
  7. 7. КОНТРОЛЬНЫЕ ТОЧКИ (BREAKPOINTS)
  8. 8. РАСТРОВЫЕ VS. ВЕКТОРНЫЕ ИЗОБРАЖЕНИЯ
  9. 9. В ПРОЦЕССЕ
  10. 10. ЧТО ПОЧИТАТЬ НА ЭТУ ТЕМУ?
  11. 11. ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ? некрасиво
  12. 12. ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ? незаметно
  13. 13. ПОЧЕМУ ВАЖНО ЭТО ТЕСТИРОВАТЬ? не работает функционал
  14. 14. • Сайты • Настройки и плагины браузеров • Реальные устройства • Собственная разработка КАК ТЕСТИРОВАТЬ?
  15. 15. • http://ami.responsivedesign.is/ • http://deviceponsive.com/ • http://responsive.is/ • http://beta.screenqueri.es/ • http://quirktools.com/screenfly/ • http://www.responsinator.com/ САЙТЫ
  16. 16. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ Недостатки • Иногда не отражают действительность • Нельзя тестировать локально Преимущества • Красивый скриншот • Можно отправить ссылку
  17. 17. BROWSERSTACK
  18. 18. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ Недостатки • Тормозит • Платный (есть триальная версия) Преимущества • Разные окружения • Возможность тестировать локально
  19. 19. НАСТРОЙКИ БРАУЗЕРОВ И РАСШИРЕНИЯ
  20. 20. РАСШИРЕНИЯ Window Resizer Viewport Resizer
  21. 21. FIREFOX
  22. 22. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ Недостатки • Привязка к браузеру Преимущества • Большое количество разрешений • Бесплатно
  23. 23. РЕАЛЬНЫЕ УСТРОЙСТВА
  24. 24. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ Недостатки • Стоимость • Трудоемкость Преимущества • Действительность • Показать разработчику / отдать устройство
  25. 25. СОБСТВЕННАЯ РАЗРАБОТКА
  26. 26. ПРЕИМУЩЕСТВА И НЕДОСТАТКИ Преимущества • Локальное тестирование • Под свои нужды Недостатки • Время • Деньги
  27. 27. МОЯ СТРАТЕГИЯ ПРОВЕРКИ Первоначальная проверка Расширения к браузеру Chrome Проверка окружений Browserstack + реальные устройства
  28. 28. ПОЧЕМУ ТАК? • критичные ошибки в первую очередь • оптимально по времени
  29. 29. ПРИОРИТЕТ БАГОВ ЗАВИСИТ • от целей • от требований, сроков • от популярности разрешения • от метрик по заходу пользователей
  30. 30. ИТОГО • Меньше пропусков • Понятно как искать • Понятно где искать… • …и как с ними бороться!
  31. 31. МАРИНА КАЛМЫКОВА Руководитель отдела тестирования в «Нетологии-групп» mkalmykova@netology-group.ru marishka.kalmykova /marina.kalmykova

×