Веб студия » Блог » Как тестировать веб-сайт: основные этапы и советы
Дата публицакии: 6 сентября 2020

Как тестировать веб-сайт: основные этапы и советы

Создание сайта – процедура сложная, где каждый участник команды выполняет конкретные действия. Завершающий этап всего процесса — web тестирование сайтов. Данная процедура играет важнейшую роль в создании ресурса, так как именно от качества тестирования зависит дальнейшая жизнь проекта. Как показывает практика, многие разработчик не уделяют должное внимание этому этапу, полагаясь исключительно на свои знания и опыт. И что мы получаем в результате?  Ошибки, которые приводят к колоссальным затратам времени, сил и денег. Ресурс, работающий некорректно, вызывает у пользователей негатив, в результате доверие к компании падает, что негативно влияет на ее репутацию. Тест сайта может занимать до 50% времени и бюджета. В данной статье мы расскажем, откуда взялась эта цифра и как тестировать сайт, его этапы и методы.

Основные методы и цели тестирования веб-сайта

Основная цель тестирования – проверка функционирования ресурса на соответствие с предъявленными требованиями. Казалось бы, как можно проверить сайт или ПО на ошибки, если изначально никто не пользуется проектом? Все просто. Тестировщики специально создают искусственные ситуации, которые могут в будущем возникнуть в работе с ресурсом. Проводится анализ поведение ресурса на предложенных условиях. Когда специалист обнаруживает баг (профессиональное название ошибки) он передает свой отчет project-менеджеру, который в дальнейшем распределяет работу по своему устранению среди других участников проекта. Когда ошибки устраняют, сайт вновь тестируют. Тестирование будет проводиться до тех пор,  пока сайт не станет идеальным.

Тестирование на ошибки осуществляется разными методами и, чтобы добиться корректного функционирования сайта, специалисты создают определённый план действий.

Этапы тестирования веб-проектов

  • Тестирование функциональности;
  • Проверка usability сайта (удобство пользования);
  • Тест производительности;
  • Проверка на безопасность;
  • Тестинг интерфейса, UI Testing. 

Рассмотрим подробнее каждый этап проверки и разберемся в подробностях.

Функциональное тестирование сайта

Функциональное тестирование сайта – вид проверки, выявляющий неправильную работу функционала программы.

Чек лист функционального тестирования:

  • Проверка правильности работы главных функций ресурса.
  • Обнаружение ссылок ведущих к одной странице.
  • Корректность внутренних ссылок.
  • Проверка пользовательских форм. Сюда входят: добавление комментарии в блог, обратная связь и прочее.
  • Проверка полей и страниц «авторизация», «регистрация».
  • Корректность работы «Покупка товара» (добавление в корзину).
  • Проверка добавление, удаление и редактирование данных пользователей, товаров и заказов.
  • Сверка контента, имеющегося на сайте с тем, что представил заказчик.

Функциональное тестирование ресурса бывает нескольких видов.

Ad-hock тестирование Негативное тестированиеЭквивалентные тесты Exploratory testing
Тестирование без подготовки. Позволяет определить: понятно ли назначение форм, все ли обязательные поля отмечены, есть ли проверка правильности ввода контактных данных. Преимущества такого теста: экономия времени, важные проблемы обнаруживаются на начальных этапах. Тестирование на сбой. Здесь применяется большое количество креативных подходов проверки на предмет неверных данных. Суть процесса заключается в том, чтобы проверить, показываются какие-либо ошибки пользователю, где они могут быть. Также негативное тестирование проводится для обеспечения стабильности приложения.Группа тестов, работа которых приводит к одному и тому же результату. Если один из тестов выявит ошибку, то остальные тоже ее выявят.  Интуитивное тестирование, которое подразумевает под собой одновременное проектирование, выполнение тестов и обучение продукту.

Юзабилити (usability) тестирование

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

Основная цель тестирования usability:

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

Чек лист тестирования сайта на юзабилити:

  1. Навигационное тестирование. Здесь специалист проверяет все ли страницы, кнопки и поля понятны пользователю. Есть ли доступ к главной странице и меню со всех остальных страниц. 
  2. Тестирование контента. Специалист проверяет наличие грамматических ошибок, на сколько контент информативный, имеют ли картинки и видео нужные размеры и качество, все ли заголовки проставлены корректно.
  3. Удобство пользования. Тестировщик оценивает на сколько понятна структура веб-приложения и есть ли лишние компоненты на ресурсе (проверяются все страницы).

Тестирование производительности: нагрузка на сайт

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

Чек лист тестирования сайта:

  • Проведение стресс-тестирования для определения поведения сайта за пределами ожидаемой рабочей нагрузки.
  • Изучение поведение сайта при увеличении рабочей нагрузки, так называемое нагрузочное тестирование.
  • Проверка на способность работы в течение или чуть дольше приемлемого периода. Тестирование стабильности.
  • Тест на производительность ресурса (объемное тестирование) за счет увеличения объемы базы данных.
  • Тестирование параллелизм, где проверяется скорость работы ресурса при одновременном перебивании на нем большого количества пользователей.
  • Тест на скорость загрузки страниц.
  • Проверка корректности работы сайта при непрерывной дополнительной нагрузке, тестирование на выносливость.

UI Testing: тест пользовательского интерфейса

Не стоит путать тестирование интерфейса с проверкой юзабилити. Это два разных этапа общего теста. UI — тест проверяет соответствие графического интерфейса сайта.

Тестирование интерфейса, чек-лист:

  • Проверка на соответствие всем стандартам графических интерфейсов
  • Тестирование с различными разрешениями экрана.
  • Проверка совместимости со всеми браузерами и их версиями (кроссбраузерность).
  • Тестирование интерфейса на смартфоны, кпп, планшеты.
  • Локализованное тестирование: точность перевода, проверка длины названий и прочее.

Безопасность: тестирование сайта на уязвимости

Данная проверка – ключ к надежности сайта. Основная цель такого тестирования заключается в проверке на уязвимость разных атак. К примеру, если мы говорим об интернет-магазине, то скорее всего, тестировщик будет проверять на SQL-инъекцию, запрос к базе данных. Для осуществления такой проверки необходимо имитировать атаку вредоносного источника, после чего оценить уровень безопасности ресурса.

Чек-лист проверки на уязвимость:

  • Провести тестирование функций безопасности SSL.
  • Необходимо проверить, отсутствует ли возможность несанкционированного доступа в защищенным страницам
  • Протестировать автоматическое прекращение проверки сеансов, после длительного простоя пользователя.
  • Протестировать, все ли ошибки и попытки взлома регистрируются и сохраняются в отдельном файле. Это необходимо для дальнейшего анализа.
  • С помощью автоматических скриптов проверить корректность работы каптчи.
  • Проверить, не загружаются ли файлы с ограниченным доступом без разрешения.
  • Убедитесь, что при некорректном вводе логина и пароля, пользователя не пускает в систему.

Регрессионное тестирование 

 Регрессионное тестирование позволяет удостовериться в том, что существующая функциональность не была затронута изменениями в коде. Для понимания приведем пример: ваша компания создала приложение «Фонарик». У него всего две функции: «Включить» и «Выключить». Ваши специалисты провели тестирование функциональности и убедились, все работает корректно. Можно не беспокоиться. Спустя время ваша команда добавляет еще одну функцию – «Включение фонарика при встряхивании смартфоном». Тестировщику уже необходимо проверить не только новую функцию, но и предыдущие две (включение/выключение). Вдруг нововведение затронуло их? 

Это яркий и понятный пример регрессионного тестирования в процессе разработки ПО.

Чек-лист регрессионного тестирования:

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

Заключение: подводим итоги

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

Перед тем как преступить к проверке обсудите все важные детали с командой. Главное использовать обширный подход с применением различных техник, анализа и набора методик тест-дизайна. 

Немного советов:

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

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

Колесников Дмитрий
Технический директор, студии BRAINLAB

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Хотите сделать что-то великое?
Позвольте помочь вам.
Готовы? Свяжитесь сегодня.

Свяжитесь с нами!

info@brainlab.com.ua

Наш офис

Украина, Киев

улица Евгения Сверстюка, 19

Номер телефона

38 (095) 307 888 5

Мы в соц.сетях

Калькулятор стоимости сайта Brainlab

Интересует стоимость разработки сайта? Наш калькулятор дает возможность изучить стоимость каждого этапа и подобрать подходящий под бюджет вариант.
1. Тип сайта
Сайт визитка

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

Подробнее о сайте
Landing Page

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

Подробнее о сайте
Корпоративный
сайт

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

Подробнее о сайте
Сайт-каталог

Представляет собой многостраничный сайт с многоуровневой структурой. Такой сайт содержит каталог продуктов компании, есть возможность указывать цены, скидки, акции, разделять контент для различных групп пользователей (опт/розница).

Подробнее о сайте
Интернет магазин

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

Подробнее о сайте
2. Дизайн
3. Вёрстка
4. Движок CMS
Тип сайта: Не выбрано
0 $
Дизайн: Не выбрано
0 $
Вёрстка: Не выбрано
0 $
Движок CMS: Не выбрано
0 $
Примерная стоимость:0 $
Примерные сроки:0 дней

Хотите сделать что-то великое?
Позвольте нам помочь вам.

Готовы? Свяжитесь сегодня.
Зполните поле
Зполните поле
Зполните поле
Зполните поле
Спасибо за заявку!

Наши менеджеры свяжутся с вами в ближайшее время.