Тестирование сайта: план, этапы и примеры ручной проверки для web и приложений

Почему тестирование сайтов и приложений так важно?

Представьте: вы пытаетесь заказать еду через приложение, но кнопка "Оформить заказ" не работает. Или хотите купить билеты на самолет, но сайт зависает на этапе оплаты. Такие ситуации раздражают пользователей и заставляют их уходить к конкурентам. Чтобы избежать подобных проблем, необходимо проводить тестирование на каждом этапе разработки. В этой статье мы расскажем, зачем нужно тестирование, какие виды тестирования существуют и как правильно их проводить. Зачем необходимо тестирование?

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

Оно позволяет:

• Выявить ошибки на ранних этапах;
• Улучшить пользовательский опыт;
• Повысить доверие клиентов к вашему продукту.

Виды тестирования

Функциональное

Этот вид направлен на оценку того, как сервис выполняет все свои функции. Его задача — провести оценку того, как была выстроена архитектура и логика. При проведении такого формата проверки применяют как автоматизированное, так и мануальное тестирование.

Функциональное тестирование включает:

• Проверку работы всех кнопок и ссылок на странице;
• Тестирование форм и полей ввода;
• Оценку интеграции с API и базами данных;
• Тестирование файлов cookies.

Юзабилити

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

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

Также важно убедиться в том, что пути ко всем изображениям указаны верно. Для каждой имеется тег “alt”. Помимо изображений важно проверить работают ли кнопки и навигация. Это позволит оценить качество навигации на сайте и исправить существующие ошибки.

Юзабилити-тестирование помогает:

• Упростить навигацию;
• Улучшить пользовательский опыт;
• Повысить конверсию сайта.

Совместимости

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

Помимо проверки того, как сервис выглядит на различных устройствах проверяется совместимость кода с различными браузерами, такими как Google Chrome, Opera, Яндекс, Safari, Firefox и т.д. Зачем это нужно? Далеко не все поисковики поддерживают последние нововведение JavaScript, HTML и CSS. А это значит, что разработчику необходимо подумать о том. Как адаптировать проект под различные поисковые системы.

Пользовательского интерфейса

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

Производительности

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

Проверка стабильности сайта включает оценку скорости работы в часы пиковых нагрузок. А также скорость прогрузки сервиса при различных скоростях интернета. Также необходимо оценить как быстро сервис придет в нормальную работу после произошедшего сбоя. Для ускорения впоследствии, возможно,необходимо будет применить методы оптимизации:

• Оптимизация кода;
• Кэширование;
• Сжатие изображений;
• CDN (Content Delivery Network);
• Оптимизация базы данных;
• Асинхронная загрузка;
• Минимизация HTTP-запросов.

Безопасности

Большинство сервисов, работающих с коммерцией, обрабатывают данные от пользователей. К такой информации относится данные банковских карт, паспортные данные, номера телефонов и т.д. А это значит, что безопасность имеет особое значение. Проверка конфиденциальности имеет особое значение.

Тестирование безопасности включает:

• Проверку защиты от несанкционированного доступа к защищенным страницам: пользователи без соответствующих прав не должны иметь возможность скачивать файлы или получать доступ к конфиденциальной информации.А после убедиться в том, что после истечению определенного периода все сеансы должны быть завершены.
• Тестирование шифрования данных: все передаваемые данные (например, логины, пароли, платежные реквизиты) должны шифроваться с использованием современных протоколов (например, TLS/SSL).
• Убедитесь, что данные хранятся в зашифрованном виде и защищены от взлома.
• Оценку уязвимостей системы: сканирование сайта на наличие уязвимостей, таких как SQL-инъекции, XSS-атаки или CSRF-уязвимости.

Хотите узнать, сколько будет стоить разработка вашего MVP?

Связаться с нами

А как тестировать сайты?

Мы разобрались с основными методами тестирования, которые позволяют оценивать работу сервиса с различных сторон. Однако мы еще не успели поговорить о том, по каким принципам мы можем провести эту проверку. Различают два основных типа тестирования. А именно: ручное (мануальное) и автоматическое.

Ручное

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

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

Автоматическое тестирование

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

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

Какие устройства использовать для тестирования?

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

• Персональные компьютеры (ПК) — наиболее распространённый тип устройств, используемых для анализа программного обеспечения. Они позволяют проводить оценку на различных операционных системах, браузерах и разрешениях экрана.
• Мобильные устройства — смартфоны и планшеты, работающие на операционных системах iOS и Android, также широко используются для проверки мобильных приложений. Это позволяет убедиться, что приложение работает корректно на разных моделях и версиях ОС.
• Игровые консоли — проверка игр и других программ на игровых консолях (PlayStation, Xbox, Nintendo Switch) позволяет убедиться в их совместимости с этими устройствами и в том, что они работают корректно.