В настоящее время существует около 1,2 миллиарда веб-сайтов, и от 12 до 24 миллионов из них являются веб-сайтами электронной коммерции. На данный момент кажется, что экспоненциальный рост электронной коммерции не остановить.
Хотя это здорово для отрасли в целом, это означает рост конкуренции для тех из нас, кто уже занимается электронной коммерцией. Когда конкуренция возрастает, потенциальные клиенты имеют гораздо больше возможностей для выбора. В электронной коммерции продажи больше не ограничиваются поиском лучшей цены и кратчайшего времени доставки.
Здесь пользовательский опыт имеет большее значение, чем вы думаете — 42% пользователей покинут веб-сайт из-за плохой функциональности. Если вы потратите время на тестирование новой страницы продукта перед ее публикацией, вы сэкономите почти половину своих потенциальных клиентов.
В этом посте я расскажу, почему вы должны помнить о тестировании QA, если вы запускаете интернет-магазин, и о трех тестах, которые вы должны проводить на каждой странице вашего сайта, чтобы обеспечить бесперебойную работу пользователей.
Зачем тестировать страницу перед ее запуском?
Веб-разработка для веб-сайтов электронной коммерции может занять много времени, особенно если у вас есть много продуктов для списка. Это понятно, если вы думали о том, чтобы пропустить часть тестирования и просто нажать «Опубликовать», чтобы сэкономить время.
В конце концов, вы видели сайт, верно? Страницы загружаются, и фотографии выглядят великолепно. Что может пойти не так?
Ну и много чего:- Скорость загрузки страницы может различаться в зависимости от местоположения пользователя, устройства и подключения к Интернету.
- Тестирование безопасности имеет решающее значение, поскольку вы обрабатываете платежные транзакции — никогда не экономьте на этом!
- Новые баги могут появиться даже на давно протестированных и опубликованных сайтах при добавлении новой страницы. Вот почему важно тестировать каждую страницу.
- Если вы используете расширения или плагины (например, с WordPress/WooCommerce), интеграции необходимо регулярно тестировать. Например, если вы используете плагин HubSpot WordPress для отслеживания конверсий, вам нужно убедиться, что он работает на всех ваших страницах.
- Несоответствия каталога очень часты при публикации новых страниц.
Есть десятки тестов, которые вы можете (и должны) выполнить при запуске нового веб-сайта электронной коммерции. С другой стороны, когда вы просто добавляете новую страницу продукта, все становится намного проще.
Хотя я призываю всех тестировать как можно больше вещей и как можно чаще, я знаю, что вы не можете тратить недели на каждую страницу, которую вам нужно опубликовать. Итак, вот три основных теста, которые охватывают наиболее распространенные проблемы UX, с которыми могут столкнуться ваши потенциальные клиенты.
3 теста, которые необходимо выполнить перед публикацией новой страницы
Страницы электронной коммерции состоят из множества различных элементов — описаний продуктов, параметров настройки и фильтров, изображений и видео продуктов, обзоров и обзорных видео, и это лишь некоторые из них.
1. Правильно ли загружены ваши видео?
92% покупателей говорят, что визуальные эффекты любого рода будут влиять на них, а колоссальные 64% говорят, что они, вероятно, сделают покупку после просмотра видео о продукте.
Видеообзоры имеют еще лучшую репутацию: 84% зрителей готовы покупать после их просмотра.
Конечно, вероятное увеличение конверсии на 64%-84% может произойти только при правильном отображении видео. Итак, вот что нужно проверить при публикации видео:
- Вы экспортировали его в правильном формате? В противном случае его не смогут просматривать люди, которые не вошли в систему как администраторы веб-сайта.
- Работает ли страница, если видео одновременно смотрят несколько человек? Я рекомендую установить инструмент кэширования или плагин. Инструмент кэширования показывает пользователям кешированную версию HTML-страницы вместо того, чтобы каждый раз загружать ее совершенно новой.
- Степень сжатия правильная? Если видео выглядит так, как будто оно плохого качества или замедляет работу вашей страницы, вам может потребоваться настроить степень сжатия вашего видео.
- Если на странице вашего продукта отображается видео, размещенное на YouTube, убедитесь, что настройки конфиденциальности на YouTube верны. Если для видео установлено личное, оно не будет доступно.
2. Как изменение вашего фирменного стиля или шрифтов повлияет на страницу электронной коммерции?
Регулярная настройка внешнего вида вашего веб-сайта является обычным явлением. На самом деле, рекомендуется продолжать пробовать новые способы привлечения и конвертации посетителей.
Но имейте в виду, что каждый раз, когда вы меняете компонент дизайна на странице — даже что-то такое безобидное, как шрифт — все может сломаться. Например:
- Неожиданные изменения макета: это означает, что элементы на странице перемещаются без какого-либо взаимодействия с пользователем. Это очень вредно для вашего UX, поскольку может дезориентировать пользователей и заставить их случайно щелкнуть не то, что нужно. Вы можете решить эту проблему с помощью одной строки CSS: font-display: optional. Эта маленькая строка указывает браузеру использовать запасной системный шрифт, если новый недоступен, когда текст необходимо отобразить.
- Совокупные изменения макета происходят, когда структура страницы неожиданно меняется. Например, когда пользователь нажимает на ссылку или кнопку, ожидается, что страница изменится. Если изменение происходит без причины, обычно это связано с тем, что динамически загружаемые шрифты изменили поведение рендеринга.
- Некоторые шрифты могут просто отображаться некорректно. Если шрифты загружены неправильно, некоторые блоки по умолчанию будут использовать «обычный» шрифт, например Times New Roman. Прежде чем опубликовать новую страницу, убедитесь в согласованности шрифтов.
- Разные браузеры ведут себя по-разному, когда шрифт не готов к использованию. Chrome и Firefox будут скрывать текст до 3 секунд, а затем отображать системный шрифт, а Safari будет скрывать текст до тех пор, пока шрифт не будет готов. Обязательно проверьте свою страницу в нескольких браузерах.
- Некоторые шрифты могут снизить скорость загрузки. Проверьте скорость страницы до и после смены шрифтов.
3. Что может сломаться при добавлении отзывов о товарах?
Девять из 10 покупателей читают отзывы перед покупкой. 83% из них говорят, что отзывы должны быть актуальными и свежими, чтобы им можно было доверять.
Таким образом, у вас есть много причин добавлять обзоры на каждую страницу продукта и добавлять их регулярно, чтобы у вас всегда были свежие. Но добавление отзывов не всегда проходит гладко:
- Добавление отзывов вручную может привести к их неправильному отображению. Плагин отзывов обычно решает эту проблему. Кроме того, их проще добавить таким образом, чем писать код вручную.
- Если вы хотите публиковать отзывы со сторонних платформ, таких как Yelp или TrustPilot, проверьте, правильно ли они отображаются. В некоторых случаях блокировщик рекламы может помешать их отображению на реальном веб-сайте, хотя в предварительном просмотре они выглядят нормально.
- Перенаправления могут повлиять на отображение ваших отзывов. Например, обзоры могут хорошо выглядеть на domain.com. Но если у вас есть редирект на domain.com/ru, некоторые обзоры с плагинами могут не отображаться. Если это произойдет, убедитесь, что ваши перенаправления добавлены вручную.
Как вы проверяете, когда ваш интернет-магазин растет?
По мере роста вашего интернет-магазина ручное тестирование становится невозможным. Вы, вероятно, публикуете десятки новых страниц каждую неделю (или даже каждый день), так что вы определенно переросли этап ручного тестирования.
К счастью, вам не нужно нанимать целый отдел веб-разработки только для того, чтобы просмотреть все ваши видео и фотографии. Визуальное тестирование можно автоматизировать.
С помощью автоматизированных решений для визуального тестирования вы можете тестировать сотни страниц в день. Это означает, что вы можете масштабировать столько, сколько хотите, и так быстро, как хотите. Что еще более важно, этот рост будет устойчивым, и ему никогда не помешает плохой UX.
Избегайте проблем с UX с помощью надлежащего тестирования.
Когда вы добавляете новые страницы, многое может пойти не так. И даже если вы оставите свой сайт как есть на год, все равно что-то может сломаться. Плагины необходимо обновлять, а интеграции необходимо периодически проверять.
Если вы не хотите, чтобы ваших пользователей отпугивал плохой опыт взаимодействия с пользователем, ключевым моментом является тестирование. Да, это добавляет немного времени к вашей стратегии выхода на рынок, но это предпочтительнее, чем запуск страницы с ошибками и потеря почти половины ваших пользователей.
Хорошая новость заключается в том, что чем больше вы тестируете, тем проще становится процесс, особенно когда вы автоматизируете свои тесты.