/ 12 классических ошибок от создателей интернет магазина

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

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

Это можно объяснить наличием типичных ошибок, которые привели к такому результату.
 

Ошибки на этапе ознакомления с сайтом

Мало полезной информации в шапке

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

Правильное решение:

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

Использование одной версии для компьютера и для мобильных устройств

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

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

Правильное решение:

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

Верстка с имеющимися ошибками

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

Правильное решение:

Здесь потребуется выполнить тестирование для определения корректности микроразметки.

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

Использование слайдов с непонятным содержанием

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

Правильное решение:

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

Не реализуются важные функции

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

Правильное решение:

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

Ошибки на этапе поиска

Удержание посетителей за счет неудобного поиска

Создание интернет магазина преследует единственную цель – рост продаж.

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

Правильное решение:

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

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

• Удобство и хорошая структура рубрикатора должны помогать посетителю в поиске нужной странице. Нельзя забывать о том, что не все, что удобно для разработчиков интернет сайта, является таковым и для пользователей. Проверить это можно только путем тестирования.
• Фиксирование формы поиска на видном для посетителей месте.
• Установка фильтров по важнейшим параметрам (стоимость, используемый материал, артикул и т.д.).
• Наличие ссылок, которые возвращают пользователя к перечню товаров магазина.
• Каждая страница сайта имеет возможность визуально напомнить посетителю об его желании купить товар. Кликнув по блоку с «недавно просмотренными товарами», пользователь возвращается назад.

Навязчивый сервис

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

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

1. Звуковое сопровождение вызывает раздражение;
2. Окно мешает просмотру меню или текста, перекрывая его.
3. Окно уже было закрыто посетителем, а на другой странице оно опять появляется. Это очевидная причина уйти с сайта.

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

Правильное решение:

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

Отказ после перехода на карточку товара

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

Отсутствует подробная характеристика товара

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

1. Зачем нужно описание, если, итак, видно, что это за товар!
2. Взять описание товара на конкурирующих сайтах.

Обе ошибки способствуют снижению доверия, что негативно отражается на уровне конверсии.
 

Правильное решение:

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

Использование неконкурентоспособных фотографий

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

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

Правильное решение:

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

Ошибки при оформлении заказа

Дополнительные сложности при оформлении заказа

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

 

Правильное решение:

• Пользователь может заходить на сайт магазина через профиль в социальных сетях. Его личные данные заносятся в форму по мере необходимости.
• Оформление заказа должно выполняться по следующему алгоритму: посетитель выбирает товар, затем способ его доставки, выбирает один из способов оплаты, оплачивает и подтверждает заказ.
• До окончания формирования заказа покупателя информируют о сумме покупки, о транспортных расходах и дополнительных платах, о которых покупатель должен знать заранее.
• Соблюдение требований при создании интернет магазина, предусмотренных Федеральным законом № 54. Это может отрицательно сказаться на конверсии, но вы должны получить согласие покупателя на обработку его персональных данных, прежде чем им будет отправлен заказ.

Наглядное отображение содержимого заказа и совершение покупки

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

Правильное решение:

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

Вывод

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

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

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