Successfully reported this slideshow.

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

0

Share

Upcoming SlideShare
IT Brunch - Backendless
IT Brunch - Backendless
Loading in …3
×
1 of 25
1 of 25

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

0

Share

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

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

More Related Content

More from QAFest

Related Books

Free with a 14 day trial from Scribd

See all

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. СПАСИБО!

Editor's Notes

  • https://developers.google.com/webmasters/mobile-sites/mobile-seo/overview/select-config#crawling_requirement
  • Несмотря на то, что у планшетов размер экрана больше чем у смартфонов, браузеры планшетов имеют те же ограничения, что и браузеры смартфонов.
  • https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/faulty-redirects
    Если у вас есть отдельные мобильные версии страниц, необходимо настроить переадресацию для каждой из них. Перенаправление на другие страницы, например на главную, будет считаться ошибкой.
  • http://www.forbes.com/sites/amitchowdhry/2015/05/27/new-apple-ios-bug-causes-reboots-and-messages-app-crashes/
  • https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/mobile-only-404s
    Soft 404 errors - https://support.google.com/webmasters/answer/181708
    Если вы видите, что пользователь посещает страницу обычного сайта с мобильного устройства, настройте переадресацию на соответствующую страницу мобильного сайта с другим URL.
  • https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/irrelevant-cross-links
    Обычно, если пользователи перенаправляются на отдельный сайт для мобильных устройств, на него добавляют ссылку, по которой можно вернуться на сайт для обычных компьютеров, и наоборот. Одна из распространенных ошибок – ссылка не на ту страницу (например, на главную).
  • https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/unplayable-content
  • https://developers.google.com/webmast
    ers/mobile-sites/mobile-seo/common-mistakes/app-download-interstitials
    На многих сайтах размещены межстраничные объявления или оверлеи с рекламой приложений, формами подписки и т. д. При просмотре сайтов на мобильных устройствах такие объявления частично или полностью закрывают контент. В некоторых случаях межстраничные объявления созданы таким образом, чтобы пользователю было сложно закрыть их.
  • https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/blocked-resources.html
    http://www.googlewebmastercentral.blogspot.com/2014/05/understanding-web-pages-better.html
    Чтобы обеспечить правильное индексирование и отображение страниц, нужно предоставить роботу Googlebot доступ к JavaScript, CSS и графическим файлам на сайте. Робот Googlebot должен видеть ваш сайт как обычный пользователь. Если в файле robots.txt закрыт доступ к этим ресурсам, то Google не удастся правильно проанализировать и проиндексировать содержание. Это может ухудшить позиции вашего сайта в Поиске.
  • ×