[Nataly]

Каждый из нас знает, что при разработке сайта электронной коммерции крайне важно проводить тестирование веб-страниц, прежде чем запускать сайт. В силу различных причин в большом количестве проектов процесс тестирования не так хорошо подготовлен и выполнен, как хотелось бы.

Неважно имеются ли мелкие огрехи или серьезные ошибки, при огромном количестве различных браузеров и устройств в нашу ответственность, как веб-разработчиков, дизайнеров и менеджеров проектов входит убедиться, что веб-сайт или приложение работает надлежащим образом. В этой статье я покажу вам, как начать правильно тестировать сайт с помощью пяти инструментов.

Прежде чем мы начнем разбираться в различных инструментах тестирования, оптимизирующих проверку сайта, я хотел бы взглянуть на весь процесс в целом. Вообще говоря, тестирование страниц чекаута и оптимизация сайта начинается после того, как дизайнеры создали фантастический дизайн и веб-разработчики закончили кодирование определенных функций и возможностей.

Оптимизация страниц чекаута: обязательный пункт тестирования?

Тестирование это не просто. Ваше сердце, вероятно, замирает, когда вы думаете о тестировании сайта на всех видах устройств, версий браузеров и разрешений экрана. Теперь пришло время разобраться с планом тестирования сайта. Запросы на внесение доработок, отчеты об ошибках, пожелания и многое другое.

В процессе тестирования возникает множество идей, вопросов и реальных ошибок и кто-то должен разобраться с ними. От обеспечения идеального юзабилити до предоставления нужного количества информации и создания как можно более простой навигации.

План тестирования

План тестирования должен включать следующие направления:

1) Что мы тестируем?

• Какие страницы/URL-адреса должны быть протестированы?

2) Для кого мы проводим тестирование?

• Какие поддерживаются браузеры?
• Какие поддерживаются мобильные устройства + браузеры?
• Какие поддерживаются разрешения экрана?

3) Каковы наши рамки касательно:

• времени?
• финансов? (Кто платит за тестирование и обеспечение качества?)
• масштабов? (Какие устройства можно оставить, и какие страницы не обязательно должны быть на 100% идеальными?)

4) Какие устройства/браузеры поддерживаются, а какие нет?

Следует отметить, что ни один инструмент не решит полностью ваши проблемы и задачи. Однако я обнаружил, что следующие пять инструментов весьма полезны при оптимизации страниц чекаута сайта при их тестировании в различных браузерах и операционных системах.

1. Saucelabs

Автоматизированное браузерное тестирование - это, наверное, самый простой и один из самых эффективных способов кросс-браузерного тестирования. Вам не нужно самостоятельно тестировать страницы. Вы просто запускаете автоматические тесты с помощью таких инструментов, как Saucelabs. Saucelabs отличный инструмент для автоматизированного браузерного тестирования в различных браузерах.

Кроме того, Saucelabs также предлагает автоматизированное мобильное тестирование, которое я определенно рекомендую при тестировании B2C сайтов электронной коммерции. Услуги Saucelabs включают более 400 OS браузеров и устройств, на которых выполняются тесты. Существует также возможность неограниченного ручного тестирования.

Цена услуг Saucelabs начинается с $12 в месяц и включает 2 конкурирующие виртуальные машины и 2 часа автоматизированного тестирования. Вы также можете попробовать 14 дневную бесплатную версию сервиса.

2. Browserstack

Browserstack – отличный инструмент для кросс-браузерного тестирования. Аналогично Saucelabs Browserstack предлагает автоматизированное, ручное и реальное кросс-браузерное тестирование. Вы можете протестировать страницы чекаута с помощью Browserstack на широком наборе браузеров и операционных систем.

Browserstack особенно пригодится, если у вас нет QA агентов или собственной тестирующей команды. Просто протестируйте страницы на всех устройствах, которые используют реальные пользователи. Кроме того, Browserstack предлагает возможность создания скриншота и добавления к нему комментариев, чтобы получить обратную связь от команды веб-разработчиков.

Стоимость Browserstack начинается от $39 в месяц, что включает в себя два пользователя, однако параллельное тестирование не возможно.

3. Usersnap

Если у вас есть команда людей, контролирующих качество и проводящих тестирование, и у вас нет необходимости проводить тестирование на виртуальных машинах/в облаке, то вам нужны инструменты для ручного браузерного тестирования. Я хочу обратить ваше внимание на инструмент Usersnap. Установив виджет от Usersnap на контрольных страницах, ваши QA агенты смогут протестировать сайт на различных браузерах и устройствах.

С помощью виджета Usersnap ваша команда сможет создавать отчеты об ошибках и браузерные скриншоты непосредственно в браузере. Все отчеты об ошибках автоматически сохраняются на панели проекта. Веб-разработчики смогут также найти дополнительную мета-информацию о версии браузера, операционной системе, установленных подключаемых модулях браузера и многое другое.

Usersnap предлагает 15 дневную бесплатную версию. Стоимость персонального плана начинается от $19 в месяц и включает 1 проект с неограниченным числом пользователей.

4. UserTesting

Если у вас нет команды для проведения тестирований, и вы не хотите тестировать контрольные страницы на виртуальных машинах, то UserTesting может стать для вас незаменимым инструментом. UserTesting предлагает браузерное тестирование от реальных людей. Вы сможете протестировать любую страницу, какую пожелаете на любой стадии процесса разработки.

С UserTesting вы можете выбрать группы пользователей, чтобы реальная (потенциальная) целевая группа тестировала страницы. В дальнейшем вы будете просто создавать определенные задачи, которые тестирующие пользователи должны выполнить на сайте. Конечно, можно добавить дополнительные сведения о версии браузера и операционной системе, в которых должны быть проведены тесты.

Стоимость базового плана начинается от $49. Я бы рекомендовал выбрать его, если вы хотите получить обратную связь от реальных людей или если вы не слишком уверены в конкретных этапах тестирования.

5. Crossbrowsertesting.com и Responsinator.com

Тестирование контрольных страниц в различных (мобильных) браузерах возможно с помощью сервисов crossbrowsertesting.com или responsinator.com. Вы получаете доступ к более чем 750+ браузерам через 55 различных операционных систем.

Согласно crossbrowsertesting.com эти браузеры работают на реальных (мобильных) устройствах, а не на эмуляторах. Сервис даже позволяет тестировать локальные файлы, которые могут быть загружены на crossbrowsertesting.com. Стоимость сервиса начинается от $29 в месяц.

Бесплатной альтернативой тестирования адаптивного дизайна является Responsinator. Хотите увидеть, как тестируемые страницы выглядят на различных мобильных устройствах?

Ниже вы видите сводную таблицу всех описанных выше инструментов.

Помимо оптимизации вы должны быть в курсе различных культурных аспектов установки платежного сервиса. В некоторых странах интеграция с третьими лицами на странице оплаты является довольно распространенным явлением, означающим, что пользователи осведомлены о том, что данная интеграция - это наиболее безопасный вариант.

С другой стороны существуют пользователи, которые предпочитают известных третьих лиц при оплате на небольших неизвестных сайтах электронной коммерции. В частности страницы оплаты с третьими лицами могут увеличить доверие и авторитет при общении с международными заказчиками.

План действий при оптимизации процесса тестирования

Приступая к работе над оптимизацией страницы чекаута, не забудьте осуществить следующие действия:

1. Создайте план тестирования

2. Создайте список соответствующих браузеров, операционных систем и уровней поддержки

3. Ознакомьтесь с упомянутыми выше инструментами и оформите подписку на тот из них, который лучше всего вам подходит

4. Задайте временные рамки тестирования и QA действия

5. Начните тестирование страниц чекаута