Баги в интернет-магазинах, которые мы продолжаем замечать

На связи Генрик из IT-компании по разработке и тестированию Qualitica. В нашей работе мы часто анализируем сайты конкурентов заказчика и обращаем внимание на разные проблемы, свойственные тому или иному бизнесу. Так, наш QA-специалист Юля уже протестировала около 30 интернет-магазинов, собрала для вас самые вредные баги и рассказала, как их можно избежать.

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

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

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

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

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

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

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

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

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

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

3. Нарушение безопасности: Безопасность является важным аспектом любого сайта. Баги, связанные с безопасностью, могут открыть двери для злоумышленников и привести к утечке конфиденциальных данных пользователей или взлому сайта. Это может быть вызвано недостаточной защитой от SQL-инъекций, кросс-сайтовыми скриптами (XSS) или уязвимостями аутентификации.

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

6. Неработающие ссылки или изображения: Битые ссылки или изображения могут создавать плохое впечатление у пользователей и приводить к негативному восприятию сайта. Это может быть вызвано изменением URL-адресов страниц, удалением файлов или проблемами с хостингом.

7. Ошибки в содержимом: Ошибки в тексте или контенте могут привести к неправильному отображению информации. Например, опечатки, неправильное форматирование или некорректные данные могут снизить доверие пользователей к сайту.

Проанализировав около 30 интернет-магазинов, мы выявили следующие баги общего характера:

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

Сюда же относятся ошибки в тексте, которые мешают правильному восприятию информации.

Советуем обратить особое внимание на создание адаптивных слоёв.

А если понадобятся адаптивные картинки, можно использовать такие техники:

Также можно обратиться к книге Зои Микли Джилленуотер (Zoe Mickley Gillenwater) «Flexible Web Design: Creating Liquid Layouts with CSS».

Такая ошибка возможна по нескольким причинам:

Советуем :

Netpeak Spider

Serpstat

Screaming Frog SEO Spider

Broken Link Checker

Dead Link Checker

Xenu’s Link Sleuth

Badlinks

Check My Links

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

Порой важная информация может и вовсе отсутствовать. К примеру в карточке товара может не быть изображения.

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

Наличие автопроверки полей достаточно важное условие — оно сэкономит время на обработку заказов и будет защищать магазин от спама.

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

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

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

Для предотвращения этих проблем, разработчики должны обеспечить правильную проверку формата номера телефона, возможность ввода дополнительных символов, сделать поле «Телефон» обязательным для заполнения, ясно отображать ошибки и подсказки при неправильном вводе и добавить защиту от спама.

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

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

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

Нагромождённость категорий и запутанность их взаимосвязи мешает в выборе продукции.

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

Только в случае неправильно настроенного или неверно спроектированного фильтра происходит обратный эффект — может пострадать скорость работы сайта.

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

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

Все дополнительные данные: пол, возраст, дата рождения, адрес, полное ФИО и другие можно запрашивать при оформлении заказа.

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

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

Одни из самых базовых мер во избежании несанкционированного доступа к данным это:

* Шифрование данных

* Защита веб-приложений от утечки данных

* Корректно установленный и не устаревший SSL-сертификат

* Многоуровневая система безопасности

Также следует обратить внимание на возможность легко отвязать или заблокировать банковскую карту, в случае отсутствия телефона (например его кражи):

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

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

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

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

А если вам нужна бесплатная консультация, или вы хотите обсудить свой проект, то — вэлком, мы рады пообщаться 😉

#тестирование #QA #интернет_магазины #баги