Тестирование интернет-магазина: Чек-лист

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

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

Зачем нужно тестирование интернет-магазина?

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

Тестирование сайта обязательно затрагивает:

• Функционал, который охватывает все операции, совершаемые посетителями с момента визита до совершения покупки. Это поиск товаров в каталоге, их добавление в корзину, оформление заказа и отслеживание его статуса, оплата и другие целевые действия.
• Юзабилити. Этот показатель определяет удобство использования. Тестирование юзабилити позволяет ответить на вопросы: понятен ли сайт для пользователей, насколько комфортно и просто они совершают покупки? Проверка затрагивает очевидность поведения страниц, наличие лишних дополнительных действий, которые могут усложнять процесс оформления заказов и отталкивать посетителей.
• Корректность функционирования в разных условиях. Сайт должен открываться и правильно отображаться с любого браузера, со всех операционных систем, с различных устройств (персональных компьютеров, планшетов, ноутбуков, смартфонов).
• Навигация. Это возможность быстрого и простого посещения пользователем главных и дополнительных разделов меню, переходов между отдельными страницами, переключения между категориями. Навигация – своеобразная карта сайта, по которой посетитель может без проблем ориентироваться для поиска и покупки нужных товаров.
• Устойчивость к нагрузкам – техническая способность веб-ресурса выдерживать большое количество посетителей, одновременно заходящих на сайт и выполняющих целевые действия. Нужно проверять скорость загрузки страниц при значительных нагрузках.
• Соответствие интернет-магазина пожеланиям, запросам, главным требованиям заказчика.

Какой подход к тестированию использовать

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

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

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

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

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

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

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

Подготовка

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

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

Тестирование прототипа

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

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

Когда все ошибки обнаружены и успешно устранены, прототип одобряется и направляется на отрисовку дизайна.

Тестирование вёрстки

Такой этап носит название «фронтенд-тестирование» и охватывает следующие элементы:

• корректность пользовательского интерфейса;
• валидность кода, то есть отсутствие в нём ошибок и соответствие действующим стандартам;
• отображение графики: таблиц, изображений, фотографий, диаграмм и прочих элементов;
• правильное срабатывание, «кликабельность» основных кнопок типа «Добавить в корзину», «Купить», «Посмотреть описание» и так далее;
• адаптивность оформления – возможность нормального отображения содержимого веб-ресурса с разных устройств (мобильных, стационарных);
• кроссбраузерность – способность корректного отображения и читабельности сайта при входах на него со всех существующих браузеров;
• разрешение экрана;
• отображение текстового контента: шрифта, интервалов между абзацами, структуры текстов блога (заголовков, нумерованных и маркированных списков);
• соответствие используемым макетам: цветовым схемам, размещению основных блоков и дополнительных элементов;
• корректность ссылок, ведущих на внешние сторонние ресурсы;

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

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

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

В любом случае функциональное тестирование должно помочь понять:

• На всех ли страницах отображена необходимая и запланированная информация в том виде, в котором она должна демонстрироваться?
• Все ли ссылки являются рабочими и перенаправляют посетителей по нужным адресам?
• Все ли формы доступны для корректного заполнения?
• Возможно ли добавлять текст или файлы там, где это предусмотрено?
• Демонстрируются ли сообщения о возникающих ошибках?
• Корректны ли расчёты, например, стоимости доставки, суммарной цены всех товаров в корзине?
• Своевременное ли удаление данных, к примеру, карточек товаров, продажа которых прекращена?
• Правильно ли работает поиск?
• Функционируют ли счётчики: посетителей, просмотров, целевых действий?

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

Вход в интернет-магазин, главная страница

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

При тестировании анализируются элементы, которые наиболее часто находятся именно на главной странице. Это:

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

Каталог

После знакомства с сайтом посетитель либо покидает его, либо приступает к изучению ассортимента. Каталог – это навигатор торговой площадки, включающий категории и подкатегории. Его тестирование затрагивает:

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

Личный кабинет

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

В личном кабинете тестируются:

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

Поиск и выбор товаров

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

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

Выбрав товар, покупатель кладёт его в корзину. И на данном этапе следует тестировать такие функции:

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

Оформление покупок

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

Тестируя оформление покупок, специалисты изучают следующие моменты:

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

Оплата товаров

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

Тестирование оплаты охватывает такие аспекты:

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

Дополнительные опции

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

• Кнопка «вверх» для быстрого перехода в самую верхнюю часть страницы.
• «С этим товаром покупают». Рекомендации продуктов, которые можно предложить клиенту для приобретения комплектом.
• «Хлебные крошки». Это средство навигации, обозначение пути пользователя от главной страницы к разделу, в котором человек находится на данный момент.
• «Товары дня». Это акционная продукция, реализуемая со скидками.
• Онлайн-чат, в том числе с использованием технологий искусственного интеллекта (пример – чат-боты).
• Форма обратной связи. С её помощью клиент сможет получать ответы на возникающие вопросы.

Всё это должно корректно отображаться и бесперебойно работать.

Тестирование юзабилити

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

При тестировании юзабилити важно выявить слабые места, которые мешают пользователям выбирать и приобретать товары. Анализируются следующие параметры:

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

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

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

Тестировщики применяют специальные инструменты, имитирующие рост посещаемости. Если площадка работает в штатном режиме, всё в порядке. Но всё же нужно более расширенное тестирование, позволяющее узнать:

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

Проверка совместимости

Это тестирование показывает, как сайт работает при его посещении разными способами. Что нужно проверять?

• Кроссбраузерность. Выясняется, открывается ли сайт в разных браузерах, таких как Firefox, Opera, Internet Explorer, Chrome и другие.
• Кроссплатформенность. Площадка должна открываться в разных ОС: Linux, Windows, Android, Mac, iOS, Unix.
• Адаптивность. Тест показывает, отображается ли сайт корректно при его посещении со смартфонов, ПК, ноутбуков, планшетов, нетбуков.

Анализ безопасности

Это тестирование показывает, насколько сайт безопасен и устойчив к различным угрозам. Что нужно проверять?

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

Проверка внутренних настроек

Внутренние настройки остаются незаметными для пользователей, но влияют на конверсию и объёмы продаж. Их тоже нужно тестировать. Что следует проверять?

• Уведомления. Это могут быть push или рассылка сообщений на электронную почту.
• SЕО-оптимизация. Она затрагивает контент и продвигает сайт в поисковых системах за счёт релевантности текстовой информации – её соответствия самым популярным запросам интернет-пользователей.
• SSL-сертификат. Он подтверждает подлинность ресурса, обеспечивает зашифрованные, безопасные соединения с сайтом.
• Ошибка 404. Она возникает при технических сбоях или отсутствии искомой страницы, например, из-за удаления товара или статьи блога. Ошибка должна отображаться, а ещё для неё можно предусмотреть индивидуальный дизайн.
• Аналитика. Для отслеживания статистики посещаемости можно использовать Яндекс.Метрику.
• Иконка сайта. Это мини-изображение, логотип, находящийся рядом с названием страницы в адресной строке.
• Метатеги: title, description, Всё это влияет напрямую на отображение интернет-магазина в поисковиках.
• Загрузка обновлений. Она позволяет использовать последние версии интегрированных систем и сервисов.

Финальное тестирование

Итак, сайт полностью готов. Теперь нужно проверить его на тестовом сервере, а потом запустить и проанализировать на конечном сервере заказчика. Специалист проверяет функционирование всех элементов в комплексе. Для этого применяется чек-лист ввода в эксплуатацию. Оцениваются функциональность и интеграции со сторонними приложениями и сервисами, включая продукты «1С-Битрикс».

Заключение

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

Подписывайтесь
на полезный блог MWI

Получайте новые статьи на свою почту