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.
А ВАШЕ ВЕБ-ПРИЛОЖЕНИЕ
ДРУЖИТ С MOBILE?
ТАТЬЯНА ЛЮЛЮЧЕНКО, ITERA
О себе
• Test Engineer в ITERA, Киев.
• В тестировании - больше 4х лет.
• Опыт работы с веб- и мобильных
приложениях.
• Ве...
Заказчик: «Мы должны быть мобильными!»
09.11.2015 / 3
Мобильные конфигурации
Конфигурация
Мой URL остается
такой же?
Мой HTML остается
такой же?
Адаптивный веб
дизайн
Динамичес...
Не адаптировать под мобильные устройства
вообще
09.11.2015 / 5
Пример
09.11.2015 / 6
Не рассматривать планшеты как мобильные
устройства. Пример
09.11.2015 / 7
Ошибки переадресации
09.11.2015 / 8
Image: https://developers.google.com/
В том числе и при динамическом показе.
Пример: мобильное меню на десктопе
09.11.2015 / 9
… и десктопное меню на планшете
09.11.2015 / 10
Ошибки 404 на мобильных устройствах
09.11.2015 / 11
Image: https://developers.google.com/
А так же
• Урезанный функционал
• Ошибки в перекрестных ссылках
• Бесконечная переадресация
09.11.2015 / 12
Невоспроизводимый контент: видео, аудио,
фото. Пример
09.11.2015 / 13
Старайтесь не использовать межстраничные
объявления
09.11.2015 / 14
Image: https://developers.google.com/
Примеры
09.11.2015 / 15
Медленная загрузка страниц
09.11.2015 / 16
Ошибки в адаптивном дизайне
• Некоторые элементы частично скрыты или вообще не отображены
• Некоторые элементы перекрывают...
Пример: меню до и после изменения
размера окна
09.11.2015 / 18
и после изменения размера окна
Пример: Перекрывающиеся элементы
09.11.2015 / 19
Карты не отображаются (+ проблемы с
геолокацией)
09.11.2015 / 20
Также: Изменение масштаба не работает,
«точки» на карте не отображаются
09.11.2015 / 21
Проблемы пользования
• Текст имеет мелкий шрифт
• Toо much scrolling
• Навигация по сайту
• Навигация по списку
• Заполнен...
Блокировка JavaScript, CSS и графических
файлов
09.11.2015 / 23
Советы
• Тестируйте и в портретной, и в альбомной ориентации
• Если нет мобильного устройства – тестируйте на эмуляторах
•...
СПАСИБО!
Upcoming SlideShare
Loading in …5
×

QA Fest 2015. Татьяна Люлюченко. А ваше веб-приложение дружит с mobile?

351 views

Published on

Стратегия «Mobile first» для веб приложений становится все популярней. Однако «mobile friendly» требование удается соблюсти не всем.
Данный доклад - об основных проблемах в веб-приложениях на мобильных устройствах.

Published in: Education
  • Be the first to comment

  • Be the first to like this

QA Fest 2015. Татьяна Люлюченко. А ваше веб-приложение дружит с mobile?

  1. 1. А ВАШЕ ВЕБ-ПРИЛОЖЕНИЕ ДРУЖИТ С MOBILE? ТАТЬЯНА ЛЮЛЮЧЕНКО, ITERA
  2. 2. О себе • Test Engineer в ITERA, Киев. • В тестировании - больше 4х лет. • Опыт работы с веб- и мобильных приложениях. • Веду внутренние тренинги по мобильному тестированию. 09.11.2015 / 2
  3. 3. Заказчик: «Мы должны быть мобильными!» 09.11.2015 / 3
  4. 4. Мобильные конфигурации Конфигурация Мой URL остается такой же? Мой HTML остается такой же? Адаптивный веб дизайн Динамический показ Разные URL 09.11.2015 / 4
  5. 5. Не адаптировать под мобильные устройства вообще 09.11.2015 / 5
  6. 6. Пример 09.11.2015 / 6
  7. 7. Не рассматривать планшеты как мобильные устройства. Пример 09.11.2015 / 7
  8. 8. Ошибки переадресации 09.11.2015 / 8 Image: https://developers.google.com/
  9. 9. В том числе и при динамическом показе. Пример: мобильное меню на десктопе 09.11.2015 / 9
  10. 10. … и десктопное меню на планшете 09.11.2015 / 10
  11. 11. Ошибки 404 на мобильных устройствах 09.11.2015 / 11 Image: https://developers.google.com/
  12. 12. А так же • Урезанный функционал • Ошибки в перекрестных ссылках • Бесконечная переадресация 09.11.2015 / 12
  13. 13. Невоспроизводимый контент: видео, аудио, фото. Пример 09.11.2015 / 13
  14. 14. Старайтесь не использовать межстраничные объявления 09.11.2015 / 14 Image: https://developers.google.com/
  15. 15. Примеры 09.11.2015 / 15
  16. 16. Медленная загрузка страниц 09.11.2015 / 16
  17. 17. Ошибки в адаптивном дизайне • Некоторые элементы частично скрыты или вообще не отображены • Некоторые элементы перекрывают друг друга • Некоторые элементы выходят за правую границу экрана 09.11.2015 / 17
  18. 18. Пример: меню до и после изменения размера окна 09.11.2015 / 18 и после изменения размера окна
  19. 19. Пример: Перекрывающиеся элементы 09.11.2015 / 19
  20. 20. Карты не отображаются (+ проблемы с геолокацией) 09.11.2015 / 20
  21. 21. Также: Изменение масштаба не работает, «точки» на карте не отображаются 09.11.2015 / 21
  22. 22. Проблемы пользования • Текст имеет мелкий шрифт • Toо much scrolling • Навигация по сайту • Навигация по списку • Заполнение форм • Нераспознанные символы • И т.д. и т.п. 09.11.2015 / 22
  23. 23. Блокировка JavaScript, CSS и графических файлов 09.11.2015 / 23
  24. 24. Советы • Тестируйте и в портретной, и в альбомной ориентации • Если нет мобильного устройства – тестируйте на эмуляторах • Тестируйте в условиях медленной сети (посмотреть, как загружается страница) 09.11.2015 / 24
  25. 25. СПАСИБО!

×