Рассмотрим 15 ошибок в дизайне сайта интернет-магазина

веб дизайн

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

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

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

1. Отсутствие подробной информации о продукте

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

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

2. Сокрытие контактной информации

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн

3. Длинный или вводящий в заблуждение процесс оформления заказа

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

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

Что с этим делать

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

Примеры

веб дизайн

4. Требование аккаунта для заказа

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн

5. Неадекватный поиск

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

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн

6. Бедные функции службы сервиса

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн

7. Крошечные изображения продуктов

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

8. Только одно изображение продукта

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

9. Бедный дизайн корзины

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

10. Отсутствие опций оплаты

Есть множество сайтов, где позволено пользователям оплачивать счета с помощью карты VISA или Mastercard, или платить только PayPal. А что делать с человеком, который не имеет кредитной карты и хочет платить прямо из своего банковского счета? Вы должны предоставить как можно больше платежных решений.

Что с этим делать

Для Рунета я опять же рекомендую Вам 2 способа. Первый – это покупка готового скрипта для принятия оплаты. Второй – нанять программиста, который Вам напишет и настроит скрипт за определенную сумму денег. Самое главное, чтобы процесс принятия платежа был гибким. К примеру, Ваш скрипт точно должен предусматривать принятие таких платежный систем электронных денег как: webmoney, z-payment, RBKMoney, Yandex money и т.д. Также рекомендую установить виртуальный обменник валют Robokassa.

Примеры

веб дизайн
веб дизайн

11. Не включать родственные продукты

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

12. Навигация, вводящая в заблуждение

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

13. Не включать транспортные расходы

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

Что с этим делать

Большинство крупных судоходных компаний и USPS предлагают калькуляторы доставки на своем сайте, и имеются плагины или виджеты, доступные для большинства систем Корзин. Для особо тяжелых или крупных предметов, вы всегда можете включить грузовую доплату в цене (только не забудьте указать, где происходят дополнительные затраты).

Примеры

веб дизайн
веб дизайн

14. Не рассказывать о политике магазина

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

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

15. Не фокусироваться на продуктах

Целью сайта электронной торговли является продажа продукции (или, по крайней мере, эта цель должна быть). Если ваш сайт уделяет больше внимания на свистки и колокольчики или дизайн, то это не достижение главной цели. Убедитесь, что ваш сайт отображает в первую очередь ваши продукты, а все остальное потом.

Что с этим делать

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

Примеры

веб дизайн
веб дизайн
веб дизайн

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

Перевод и редакция: Рог Виктор.

E-mail:contact@webformyself.com

Проект webformyself.com — Как создать свой сайт. Основы самостоятельного сайтостроения

Фреймворк YII2: теория и первая практика

Овладейте азами фреймворка Yii2 за 5 дней!

Получить

Метки: , , ,

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (4)

  1. Карина

    Спасибо! Примерно также все и делала, но некоторые моменты очень помогут мне. Спасибо еще раз!!!

  2. Оксана

    Спасибо! Пришла примерно к таки же выводам!

  3. Trusov

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

  4. Андрей

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree