Сайт с гарантией качества. Как тестировать проект?

Мы подготовили для вас очередной ценный материал: «Сайт с гарантией качества. Как тестировать проект?». В нем подробно рассказывается об особенностях тестирования сайтов и проверки работоспособности, как отдельных элементов, так и всего ресурса в целом.

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

Кому будет полезна статья. Материал полезен «молодым» разработчикам сайтов и заказчикам проектов. После прочтения будет понятно, на что именно делать упор при создании ресурса, его тестировании и приеме конечной работы.

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

Кстати! Не следует воспринимать последовательность разделов, как последовательность действий.

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

• что сайт удобен, логично выстроен и понятен для пользователей;
• вся представленная информация легко воспринимается;
• не возникает проблем в работе функций и кнопок;
• и т.п.

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

1. Проверяем верстку

Сайт – это код. Он «универсальный». То есть, одинаков для всех устройств и браузеров, с которых пользователь открывает ресурс. Однако на разных устройствах и в разных браузерах сайт может отображаться по-разному.

Поэтому тестировщику обязательно нужно проверить, как будет выглядеть проект в наиболее популярных браузерах:

• google chrome;
• opera;
• mozilla firefox;
• internet explorer;
• safari;
• яндекс.браузер.

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

Обратите внимание! Тестирование в данном случае подразумевает и проверку всех функций, работоспособность кнопок и т.п.

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

2. Человекопонятные url

Или ЧПУ. Адрес страницы должен быть понятен вашим потенциальным посетителям. Также это положительно отображается на последующем продвижении проекта в поисковых системах.

Если адрес страницы выглядит site.com/page.php?page_id=897&=58&proect_news_id=789654? – это очень плохо. Это катастрофа. Для сайта. Для понимания пользователей. Для престижа проекта. Для поискового продвижения.

Пример правильного ЧПУ – site.com/novosti/school. По этому адресу уже понятно, о чем идет речь на странице, чему именно она посвящена. Поэтому разработчики должны позаботиться о том, чтобы ЧПУ генерировались автоматически при создании каждой отдельной странице.

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

На самом деле ЧПУ легко настраиваются. Любой хороший (впрочем, даже средненький программист) быстро сделает это.

3. Тестирование функционала

Продолжаем нашу статью «Сайт с гарантией качества. Как тестировать проект?». Переходит к следующему этапу – не менее важному, чем предыдущие. Речь пойдет о функционировании проекта, работоспособности предусмотренных функций.

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

• скидки на определенные товары;
• различные статусы при покупке;
• огромное количество позиций.

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

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

При оценке функционала интернет-магазина упор делается на проверку следующих моментов:

• поиск товара;
• добавление товара в корзину, оформление покупки;
• структура сайта и простота навигации на нем;
• форма регистрации/авторизации;
• работа с товарами в административной панели.

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

• акционных товаров;
• последних просмотренных позиций;
• схожих товаров и т.п.

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

4. Тестирование форм

Продолжая статью «Сайт с гарантией качества. Как тестировать проект?», в отдельный раздел вынесем тестирование форм. Хотя они и связаны с функциями ресурса.

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

При тестировании форм проверяется:

• осознает ли пользователь, что именно ему нужно сделать;
• корректно ли описан путь заполнения формы;
• какие трудности могут возникнуть у пользователя при заполнении;
• как именно он сможет решить эти трудности;
• не возникнет ли двоякое толкование того или иного действия.

Такие исследования позволяют понять корректность и простоту формы. Выявляются моменты, которые можно улучшить, оптимизировать. И, конечно же, тестирование определяет, принимается ли заполненная пользователем форма по указанному адресу.

5. Юзабилити

Чтобы сделать сайт с гарантией качества, следует уделять повышенное внимание удобству пользования ресурсом. Как тестировать проект в таком случае? Здесь необходимо проверить:

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

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

• поиск нужной информации;
• оформление покупки;
• заполнение регистрационной формы и т.д.

При создании удобного юзабилити основная нагрузка ложится на дизайнера. Ему следует продумать абсолютно все.

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

6. Работа при нагрузке

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

При тестировании:

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

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

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

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

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

8. Тестирование безопасности

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

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

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

Есть другие виды тестирования безопасности сайтов. Они обязательно выполняются тестировщиками.

9. Контекст

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

• зачем нужна каждая конкретная страница;
• какую пользу она способна принести пользователю;
• правильно ли заполнена страница, получит ли пользователь всю нужную ему информацию;
• насколько наполнение страницы способно влиять на пользователей и т.д..

10. Прочие варианты тестирования

Вот еще краткий перечень того, что проверяется при тестировании сайта перед его передачей заказчику и запуском:

• проверка фотографий/картинок – адаптация, наличие текста, тегов и т.д.;
• проверка шрифтов и форматирования текста, символов;
• поиск и удаление битых, неправильных ссылок;
• проверка ошибки 404;
• проверка переадресации – 301-редирект;
• оценка первичной оптимизации сайта – title, мета-данных, заголовков н1, н2, н3, файла robots.txt;
• подключение систем аналитики;
• корректность интеграции с социальными сетями;
• установка и корректность системы создания резервных копий сайта;
• и многое другое.

Сайт с гарантией качества. Как тестировать проект? Подводя итог

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

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