15 распространенных ошибок при дизайне сайтов для интернет-магазинов


Содержание материала:

15 Распространенных Ошибок В Разработке Интернет-Магазина

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

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

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

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

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

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

Примеры

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

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

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

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

3. Длинный или недостаточно понятный процесс оформления заказа

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

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

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

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

4. Обязательная регистрация

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

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

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

5. Плохая система поиска по сайту

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

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

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

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

6. Плохое обслуживание клиентов интернет-магазина

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

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

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

7. Слишком маленькие изображения продуктов

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

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

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

Примеры

8. Только одна фотография товара

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

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

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

9. Неудобная и неинформативная корзина

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

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

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

10. Отсутствие выбора способа оплаты

Есть много сайтов, которые позволяют оплатить товары только Visa или MasterCard, или платить только со счета PayPal. Но в этом нет причины. А что делать человеку, который имеет кошелек WebMoney и не имеет или не хочет иметь аккаунт в PayPal? Что делать, если человек не имеет кредитной карты и хочет заплатить прямо со своего банковского счета? Вы должны предоставить как можно больше платежных решений для увеличения количества заказов.

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

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

11. Отстутствие информирования о сопутствующих товарах

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

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

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

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

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

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

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

13. Не включая доставку

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

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

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

14. Отсутствие информации о политике магазина в решении различных вопросов

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

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

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

15. Не фокусируем внимание на товарах

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

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

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

13 ошибок при открытии интернет магазина

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

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

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

Введение.

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

Будут рассмотрены наиболее вопиющие ошибки:

1. Слишком долго начинать.

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

В итоге уходят недели, а то и месяцы на изучение материала, но старт так и не дан.

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

2. Открывать свой офис.

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

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

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

3. Делать большую закупку на старте.

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

  1. Падение спроса со стороны покупателей;
  2. Сезонность товара;
  3. Удовлетворение спроса на этот тип продукции;
  4. Прочие факторы.

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

  • Если вы работаете только со своего склада, закупите весь ваш ассортимент по 3-5 штук каждого наименования. Дорогих товаров можно по 1-2 штуки. Затем, по мере первых продаж, вы поймете что продается, а что нет. И подкорректируете будущие закупки;
  • Если вы работаете как со своего склада, так и со склада поставщика, то закупите гарантированно ходовые товары, а остальное просто разместите на сайт с возможностью приобретения. По результатам станет все ясно и понятно что закупать дальше и в каком количестве;
  • Если вы работаете только со склада поставщика, то вам только остается следить за товарными остатками поставщика.

4. Работать только с одним поставщиком.

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

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

5. Работать только с Китаем.

Эта ошибка частично вытекает из прошлого пункта. Само собой всех привлекает Китай (и не только) своими ласковыми и радужными ценами. Но есть просто ОГРОМНЫЙ МИНУС в работе с Китаем – доставка товара до вас может идти не один месяц. И, например, готовясь к новогодним продажам, вы с удивлением обнаруживаете, что ваш товар приедет только после новогодних праздников, так как транспортные службы очень сильно загружены.

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

Кстати в статье про поиск поставщиков, я рассказал как я вышел на поставщика из Китая, который предложил мне цену в 5 раз меньше оптовой цены в России.

6. Принимать только наличные в плане оплаты за заказ.

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

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

Более того, если вы настроили оплату по картам VISA или MasterCard и разместили их логотипы у себя на сайте, это существенно повышает уровень доверия к вам.

Необходимый минимум вариантов оплаты:

  1. Наличные;
  2. WebMoney;
  3. Яндекс.Деньги;
  4. Пластиковые карты.

Все электронные платежи легко настраиваются, например, через Robokassa.

Ну а гораздо подробнее про системы оплаты для интернет-магазина здесь.

7. Отказ от работы с Почтой России и наложенным платежом.

Многие содрогаются как только вспоминают свои походы в отделение Почты России чтобы получить или отправить посылку. А сколько еще документов нужно заполнить для отправки?! Для отправки наложенным платежом надо заполнить около 3-х документов. Поэтому большинство решает не работать с Почтой России вовсе. А зря!

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

  1. Идем в почтовое отделение и спрашиваем куда следует обратиться для заключения договора с Почтой России;
  2. Скорее всего вас отправят в отделение, которое обслуживает только юридических лиц и ИП;
  3. Общаемся с представителями и подаем документы на заключение договора;
  4. Вносим предоплату на счет Почты России и начинаем отправки;
  5. Чтобы отправить 5 посылок наложенным платежом достаточно их просто запаковать и написать на них адрес;
  6. Документы готовит само отделение на основе вашей заявки по электронной почте.

Вам лишь остается приезжать на Почту и без очереди отдавать ваши посылки. Скорость доставки увеличивается, стоимость доставки снижается. Ну разве это не прекрасно?

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

8. Найм своих курьеров на старте интернет-магазина.

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

  1. Оформление сотрудников;
  2. Простой сотрудников в случае отсутствия работы;
  3. Повышенная ответственность;
  4. Потери товара, принятия фальшивых купюр;
  5. Недобросовестность курьеров.

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

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

9. Делать все самому.

Вы всерьез думаете, что сделав все самостоятельно вы сильно сэкономите? Как бы не так!

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

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

10. Отличаться от конкурентов только ценой.

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

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

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

  1. Удобные условия доставки;
  2. Бонусы при покупке;
  3. Дополнительные услуги, повышающие удобство покупки и использования ваших товаров;
  4. Умеренно большое количество типов доставок или систем оплат;
  5. Бесплатная настройка или обслуживание ваших товаров;

Подумайте чем вы можете отличиться.

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

11. Сразу реализовывать гигантский функционал.

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

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

В итоге практически все, кто шел по этому пути, столкнулись с тем, что они не используют и половины подготовленного функционала. Основная ваша цель – ПРОДАТЬ ТОВАР. И это основная функция, которая должна быть реализована. Далее по мере начала работы вы будете понимать какого функционала вам не хватает и постепенно его внедрять, предварительно оттестировав.

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

12. Экономить на дизайне.

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

Разработайте логотип, базовый фирменный стиль и закрепите это отличным дизайном самого интернет-магазина.

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

13. Использовать тексты и изображения с других сайтов.

Одна из самых распространенных ошибок в интернет магазинах.

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

Не стоит тупо копировать тексты и изображения, делайте хотя бы рерайт, переписывайте их усилиями копирайтеров, тем более, что их услуги не так дороги. Рерайт стоит около 20 рублей за 1000 знаков. Можете воспользоваться услугами той же системы, которой я пользуюсь для своих проектов – Турботекст.

Хороший, качественный, интересный и, главное, уникальный контент является залогом стабильного развития вашего интернет-магазина.

Заключение.

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

Пара советов напоследок:

  1. Кто не работает, тот не совершает ошибок. Пробуйте различные способы решения той или иной проблемы. Рано или поздно вы найдете оптимальное решение;
  2. Универсальных решений не существует. Работайте, изобретайте и тестируйте;
  3. Если у кого-то не получилось решить определенную проблему, это вовсе не означает, что это относится к вам.

Буду рад вашим комментариям к этим ошибкам. Если вам есть что добавить – пишите в комментариях, с удовольствием расширю статью.

Хотите и в будущем избежать банальных ошибок в работе вашего интернет-магазина? Подписывайтесь на RSS и следите за комментариями. Не забывайте делиться ей с друзями!

Подпишитесь на обновления блога

Новые статьи сразу вам на email! Бонусом 30 практических советов для новичка или владельца интернет-магазина!
Они экономят деньги. И время.

Ошибки в дизайне сайтов: 8 способов испортить сайт

Какие бывают ошибки в дизайне?

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

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

Начнем разбор ошибок с самых глобальных и закончим мелкими, но не менее серьезными.

1. Строго по сетке!

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

Для работы можно скачать готовую, например, http://960.gs/, http://gridpak.com/.

Дизайнеры часто создают собственную сетку под каждый проект.

Как определить, использованы ли в дизайне сетки?

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

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

Пренебрежение сеткой: элементы хаотично раскиданы по странице

Все элементы выровнены по сетке, на странице порядок

2. Единообразие? Нет, не слышали

Всем нам знакомо понятие стиля. У сайта тоже есть свой стиль.

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

Как же достичь единообразия в дизайне?

Проверьте, чтобы все однотипные элементы на сайте были оформлены одинаково:


  • заголовки внутренних страниц;
  • подзаголовки в текстах;
  • тексты;
  • ссылки;
  • кнопки;
  • меню;
  • иконки;
  • фильтры и сортировки;
  • поиск.

Отсутствие единообразия в оформлении текста и картинок на главной странице

Компоновка (сетка) однотипных страниц также должна быть типовой: структура карточек товаров или статей в блоге.

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

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

Переходя из карточки в карточку, посетитель уже будет знать, где искать характеристики товара

3. А где тут у вас главное?

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

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

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

Все это отвлекает посетителей, и важные элементы сайта просто теряются из виду.

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

Сравните эти два примера:

Топ-пост этого месяца:  Download партнерки где и чем монетизировать загрузочный трафик

как должно быть

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

4. Функции первичны

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

В дизайне сайта нужно показывать, что кнопка является кнопкой, поле ввода – полем.

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

Кнопки в корзине похожи на цветные баннеры

Кнопка «Продолжить покупки» похожа на баннер

5. Это ссылка или текст?

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

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

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

Заголовок «Световые короба» – не ссылка, а простой текст

6. Смотреть больно

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

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

Посмотрите на картинку ниже, думаю, комментарии к ней не нужны.

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

Выбирайте цвета правильно!

При выборе цветов нужно руководствоваться контекстом: какова тематика сайта и кто его целевая аудитория.

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

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

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

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

Текст для чтения должен хорошо контрастировать с фоном. Должно быть 80% контраста.

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

Серый шрифт на сером фоне

Некомфортный для зрения красный фон

7. Контент – наше всё

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

На сайте лучше использовать:

  • шрифты без засечек и с резкими контурами, такие как Arial, Verdana, Tahoma, Open Sans. Шрифты с засечками вроде Times и Georgia на экране могут выглядеть несколько «неопрятно», читать их просто некомфортно.
  • размер от 14px. Текст мельче 10 пикселей трудно читать. Для заголовков страниц и подзаголовков текст должен быть крупнее – от 16px.
  • строчные буквы для основного текста. Прописные буквы (КАПС) следует использовать с осторожностью, не применять для целых предложений и абзацев. Такой текст допустим только в заголовках и подзаголовках.

В целом для дизайна сайта достаточно 2 шрифта: для основного текста и заголовков.

Пункты меню оформлены заглавными буквами, читаются тяжело

Хорошо, нажму, только не кричите! =)

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

4 разных по цвету и размеру шрифта в одном баннере – это перебор

8. Украшательство без причины

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

Иначе есть риск увлечься оформительством и начать делать «дизайн ради дизайна».

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

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

Если декоративный элемент (иконка, картинка, рамка) не несет смысловой нагрузки, а размещается на сайте для красоты, его можно смело удалять:

Массивный дизайнерский «арт-объект» в шапке сайта

Излишнее оформление в шапке сайта

Итоги:

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

Если хотите, чтобы ваш сайт был инструментом бизнеса – относитесь к нему именно так, и забудьте слова «а мне это нравится, а это нет», сайт не должен нравиться вам, он должен нравиться вашей целевой аудитории и приносить вам прибыль.

15 распространенных ошибок дизайнеров

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

Неправильно понятый бриф

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

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

Неправильный выбор шрифтов

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

Еще очень важно помнить, что многие шрифты неоднозначно воспринимаются зрителями. На память сразу же приходит скандал, связанный с субтитрами фильма «Аватар». Текст был набран шрифтом Papirus, который многих раздражает не меньше, чем легендарный Comic Sans. Конечно, неудачный выбор шрифта не помешал «Аватару» стать самым кассовым фильмом в истории, но для обычного проекта негативное восприятие типографики может стать началом конца.

Слишком много шрифтов в одном проекте

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

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

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

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

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

Неправильные настройки документа

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

Этот момент нужно сразу уточнять у заказчика: если дизайн для печати, то значит CMYK и 300 dpi, а если для веба, то RGB, а разрешение будет зависеть от потребностей клиента. Обычно это 72 пикселя на дюйм, но иногда требуются картинки в более высоком разрешении.

Орфографические ошибки

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

Деструктивная работа

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

Чтобы не совершить этой ошибки, лучше использовать маски слоя вместо ластика или смарт-объекты. Если становится ясно, что результат не устраивает, все можно быстро переделать, откатившись на несколько этапов назад.

Неправильная структура файлов

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

Контрольная проверка

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

Нельзя забывать о контексте

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

Копирование чужого дизайна

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

Злоупотребление QR-кодами

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

Погоня за модой

Создавать дизайн, следуя текущим трендам, можно и нужно. Но не всегда. Например, создание модного логотипа – это не самая хорошая идея. Мода пройдет и логотип тут же станет выглядеть устаревшим. Между тем срок жизни айдентики может исчисляться годами или даже десятилетиями. Так что нужно работать над брендингом, помня, что тренды меняются очень часто. Логотип должен выглядеть хорошо всегда, вне зависимости от моды. К примеру, логотип BBC, который был создан в 1997 году, смотрится вполне современно и вряд ли изменится в ближайшее время.

Горячие клавиши

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

Неверный выбор цели

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

15 распространенных ошибок при дизайне сайтов для интернет-магазинов

1. Чем больше деталей — тем ниже эффективность

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

Что делать:

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

2. Неясность на первой странице

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

Что делать:

  • Понятно объяснить на первом экране, в чем суть вашего продукта или услуги. Если уместно — рассказать о выгоде, чтобы пользователи сразу поняли, чем ваше предложение лучше других.
  • Продумать оформление первого экрана. Уберите неинформативные изображения, добавленные только для красоты.

3. Раздражающие поп-апы

Поп-апы — окна со спецпредложением, неожиданно всплывающее на сайте. С их помощью компании обычно предлагают скидки за подписку, напоминают о брошенной корзине или пытаются удержать посетителя на сайте, когда он собирается закрыть вкладку. Всплывающие окна могут добавить вашему сайту 1–2% к конверсии. Но если вы запускайте поп-ап сразу, как только пользователь зашел на страницу, одно и то же окно появляется несколько раз, а кнопка «Закрыть» скрыта или находится в нетипичном месте, где ее сложно найти, это раздражает.

Что делать:

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

Добавить поп-ап на сайт можно с помощью разных сервисов: Hello Bar, AddThis, GetSiteControl.

Почему снижается конверсия сайтов? Примеры 60 ошибок в дизайне и юзабилити

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

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

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

Как Вася выбирал микрофон в интернет магазине с плохим юзабилити

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

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

За счет продуманной навигации Вася не растерялся и быстро нашел категорию «Микрофоны».

Рубрика Мысли Васи
Беспроцентный кредит Еще ничего не купил, рано об этом думать
Назначение Мне ролики для ютуба озвучивать надо
Производитель Понятия не имею, наверное выберу любой не китайский
Разъемы Мне любые подходят, не важно
Кабель в комплекте Пусть лучше будет, пригодится
Направленность Это что-то непонятное. Мне для озвучки на ютубе
Страна-производитель товара Любой не китайский
Страна регистрации бренда Это-то мне зачем?

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

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

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

Выбор Васи — микрофон Superlux HO8 стоимостью 50 $.

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

Источник фантомного питания — это дополнительный элемент, без покупки которого студийный микрофон Superlux HO8 не будет нормально звучать. В карточке товара этот момент прописан одной строкой, которую неподготовленный новичок легко пропустит.

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

  1. На сайте этого же интернет-магазина самая дешевая установка фантомного питания ZEEPIN 48V. Она стоит около 37 $ и доступна только по предзаказу. Стоимость более дорогих установок начинается от 65 $.
  2. Помимо фантомного питания к микрофону Superlux HO8 нужно приобрести стойку и поп-фильтр. Еще не помещает внешняя звуковая карта и акустический экран для подавления лишних шумов. Все вместе это еще не менее 100 $.
  3. Вместо всего перечисленного можно было приобрести бюджетный USB-микрофон, который смог бы удовлетворить потребности начинающего ютубера. Например, за 50 $ можно приобрести Trust GXT 232; а за 85 $ — Blue Microphones Snowball iCE.

Что получилось в итоге: Вася зря выкинул деньги и не пользуется купленным микрофоном, а владелец интернет-магазина потерял постоянного клиента.

Установка фантомного питания ZEEPIN 48V за 37 $.

Чтобы избежать потери клиента, владельцу интернет-магазина стоило посмотреть на свои товары с позиции новичка и сделать ставку на образовательный контент — ко всем сложным продуктам добавить подсказки, полезные статьи или видео. Если бы Вася своевременно узнал о фантомном питании, то не купил ненужный ему товар: он бы перешел на страницу с микрофоном Superlux HO8 → из открывшихся подсказок узнал про фантомное питание → перешел бы на статью, где подробно рассказывается про фантомные установки → изучил материал про разновидности микрофонов → вернулся бы к списку микрофон и выбрал из доступных предложений оптимальный вариант с USB-разъемом. Все бы остались довольны и продолжили сотрудничество. А так обида и уход к конкурентам.

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

Техническая часть

Низкая скорость загрузки

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

Долгая загрузка сайта.

В примере показано, что время загрузки сайта составляет 9,83 секунды. Это недопустимый вариант, поскольку редко когда посетители ждут более 3 секунд.

Тяжёлые файлы картинок.

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

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

В Amazon провели исследования и посчитали, что если скорость загрузки сайта падает хотя бы на 100 мс, то конверсия продаж сразу снижается на 1%. Чтобы этого не допустить — владельцам сайтам рекомендовано проводить два типа тестов. Первый тест должен проводиться в реальном времени и по нему можно сразу вычислить медленные страницы. Второй тест должен быть периодическим (раз в неделю или месяц) и по его результатам можно исправлять все медленные элементы.

Неработающие или битые ссылки

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

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

Битые ссылки в программном коде.

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

При открытии страницы в новом окне.

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

Не оптимизированная страница 404

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

Следите за тем, чтобы страница 404 не была скучной и пустой.

Чтобы оптимизировать страницу 404 — придерживайтесь следующих рекомендаций:

  1. Кратко опишите, куда попал человек и почему он здесь.
  2. Разместите ссылку на главную страницу сайта.
  3. Разместите ссылки на популярные разделы сайта.
  4. Попросите пользователя сообщить об ошибке администратору сайта.
  5. Заморочьтесь с дизайном и сделайте так, чтобы 404 страница была оформлена в том же стиле, что и весь сайт.

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

Плохо реализованная горизонтальная прокрутка

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

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

Отсутствие адаптивной верстки

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

Сайт без адаптивной верстки.

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

Сайт не настроен под сверхчеткие Ultra HD мониторы

В 2020 году большинство сайтов ориентируются на мониторы с двумя типами разрешений: HD и Full HD. В HD-экранах плотность пикселей составляет 1366×768 — это самые бюджетные мониторы, которые постепенно утрачивают свою популярность. В Full HD-экранах плотность пикселей составляет 1920×1080 — это самые популярные мониторы, на разрешение которых ориентируются большинство разработчиков при настройке адаптивного верстки.


Вместе с HD и Full HD-мониторами набирают популярность экраны с Ultra HD-разрешением (4К мониторы). В Ultra HD-экранах плотность пикселей составляет 3840×2160 — это позволяет достигать сверхчеткой картинки с детализированным показом мельчайших деталей на сайте. Также уже можно купить 8К монитор, где плотность пикселей составляет 7680×4320.

Учитывая такую тенденцию можно предположить, что Full HD-стандарт скоро перейдет в бюджетную категорию и самыми популярными будут мониторы с Ultra HD-разрешением. Поэтому важно проводить дополнительный тест и следить за тем, чтобы все элементы сайта корректно отображались на 4К мониторах. Если этого не делать, то по мере перехода пользователей на сверхчувствительные мониторы конверсия вашего сайта будет стабильно снижаться.

Нерабочий поиск на сайте

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

Неправильный приоритет в поисковой выдаче.

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

Ненастроенное автосохранение в корзине заказов

Что пользователь указал в карточке товара Что отобразилось в корзине Какое дополнительное действие нужно совершить пользователю
3 одеяла 0 одеяла Проставить в корзине 3 одеяла
Ничего сложного
Что пользователь указал в карточке товара Что отобразилось в корзине Какое дополнительное действие нужно совершить пользователю
3 одеяла 0 одеял Вспомнить и по новой указать нужное количество единиц каждого товара
10 подушек 0 подушек
20 пододеяльников 0 пододеяльников Это сложно, поскольку я ничего не записывал и уже не вспомню
5 детских костюмов 0 детских костюмов
8 наматрасников 0 наматрасников Что за сайт? Я столько времени потратил, неужели сложно сделать рабочую корзину?
2 матраса 0 матрасов
Еще N-е количество продукции 0 единиц N-го количества продукции Пойду куплю все в другом месте, где за сайтом следят

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

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

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

Проблемы с версткой

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

Пример слетевшей верстки: жмете на форму для заполнения → экран автоматически возвращается в исходное верхнее положение.

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

Пример слетевшей верстки: иконки соцсетей налезают на текст страницы.

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

Пример слетевшей верстки: некорректное отображение текста в адаптивной версии сайта.

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

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

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

Некликабельные кнопки

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

Пример некликабельных кнопок: не работают кнопки «Купить в кредит» и «Купить в 1 клик».

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

Пример некликабельных кнопок: не работают фильтры для оценки или окончательного выбора альтернативных цветовых решений.

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

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

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

Пример некликабельных кнопок: некликабельный баннер на главной странице.

В примере баннер не только некликабельный, но и составлен без призыва к действию. Чтобы это исправить — достаточно добавить работающие кнопки «Перейти» или «Подробнее».

Некликабельная корзина товаров

Корзина товаров — это привычное место, куда посетители интернет-магазина заходят перед подтверждением заказа. Если значок «Корзина» сделать некликабельным, то многие пользователи не захотят разбираться с непривычным функционалом и совершат покупку в другом месте. Чтобы этого избежать — не экспериментируйте с корзиной товаров и всегда делайте ее значок кликабельным. И еще момент: не используйте вместо слова «Корзина» другие креативные названия. Есть риск, что на «Тележку», «Склад» или «Лукошко» пользователи не кликнут.

Самостоятельный запуск аудио и видеофайлов

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

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

Логика

Кнопка «гамбургер» в основной версии сайта

Кнопка «гамбургер» — это три горизонтальные полоски, при нажатии на которые открывается меню сайта. Этот прием придуман для адаптивной верстки и используется для передачи содержимого сайта на гаджетах с узким экраном.

Было Стало
Перешел на сайт → выбрал нужный пункт меню → начал работу Перешел на сайт → кликнул на кнопку «гамбургер» → выбрал нужный пункт меню → начал работу

Пользуйтесь кнопкой «гамбургер» в адаптивной верстке, а для основного сайта оставьте простое линейное меню.

Сайт без логотипа

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

Слайдер на главной странице

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

Невыделенные ссылки

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

Нет Да
Из-за невыделенных ссылок владельцы сайта теряют потенциальных клиентов. Подробнее об этом можно почитать здесь. Из-за невыделенных ссылок владельцы сайта теряют потенциальных клиентов.

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

Избыточные анимации

Нет Да
Анимация Анимация Анимация

Анимация Анимация Анимация

Анимация Анимация Анимация

Текст Анимация

Текст

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

Отвлекающие элементы

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

Всплывающие окна без кнопки «Закрыть»

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

Раздражающая капча

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

Навязчивые pop-up окна

Мысли разработчика Мысли пользователя
Нужно предлагать рекламу новым пользователям Здесь пообещали полезный контент
Добавлю pop-up окна Я еще ничего не прочел, а мне предлагают не по теме
Для получения максимального отклика сделаю так, чтобы pop-up окна были с интересными предложениями Поищу эту тему на сайте без рекламы

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

Обязательная регистрационная процедура

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

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

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

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

Сложная регистрационная процедура

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

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

Маскировка поля ввода пароля

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

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

Навигация

Ненастроенная пагинация

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

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

Непродуманные сценарии перемещения

Что сделал пользователь Что сделал владелец сайта Последствия
Зарегистрировался на сайте интернет-магазина Получил заказ через кнопку «Купить в один клик» Пользователь отказался получать товар, который умышленно не покупал
Случайно кликнул на кнопку «Купить в один клик» Увидел авторизированного пользователи и не перепроверил заказ Владелец интернет-магазина занес пользователя в черный список неплательщиков
Не планировал ничего покупать и думал что ничего не купил, поскольку никаких подсказок на сайте не появилось Оплатил накладные расходы и отправил товар Пользователь перешел к конкурентам и на всех форумах раскритиковал сайт

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

Номер телефона указан, но нет подтверждения, что он доставлен менеджеру.

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

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

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

Нет «хлебных крошек»

Главная → Контакты → Каталог → Товар 1 → Товар 2 →… → Товар 10

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

Навигация на главной странице

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

Для интернет-магазина, этот пункт меню можно не использовать.

Отсутствует навигация внутри статей сайта

Для больших статей в блог нужна своя навигация. Чтобы ее подготовить — достаточно выполнить два действия:

  1. Установить плагин, который из подзаголовков статьи будет автоматически формировать содержание. Это содержание будет выводится в начале статьи и с его помощью пользователь сможет сразу начать чтение с нужного раздела.
  2. Добавить кнопку «Вверх», которая позволит быстро перемещаться из любого раздела назад к содержанию.

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

Формальная навигация

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

Ниже опубликовано меню с неправильным ранжированием категорий: не выделен основной раздел и не структурированы второстепенные категории.

Еще одна распространенная ошибка формальной навигации — дублирование позиций. Это когда в разделе «Аксессуары» можно встретить категорию «Аксессуары». Такие совпадение нужно убирать и не запутывать пользователя.

Пример дубля пунктов меню, когда в разделе и категории используются «Аксессуары».

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

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

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

Оформление

Неподходящий дизайн

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

Пример непрофессионального дизайна. Здесь все смешано в одной куче и залито красным фоном.

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

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

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

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

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

Неудобная текстовая колонка

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

Непропорциональные изображения

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

Пример слишком высокого изображения в шапке. Чтобы добраться к контенту — нужно скролить страницу. Проблема решается уменьшением высоты шапки на 50-70%.

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

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

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

Несочетаемый текст и фон

Черный текст и белый фон Белый текст и черный фон
Синий текст и голубой фон Красный текст и темно-синий фон

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

Пример плохо читаемого текста на иллюстрациях.

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

Пример нечитабельного текста в адаптивной верстке.

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

Непроработанный дизайн текста

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

Это скучная текстовая простыня.

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

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

Креативное использование ссылок в элементах интерфейса

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

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

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

Неудачное цветовое оформление

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

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

Урок цветовой арифметики.

Если вам не интересно изучать колористику и разбираться с цветовой гаммой — оставьте на сайте белый фон. Этим пользуется Apple и с клиентами все в порядке.

Чрезмерное количество рекламы

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

Непроработанный призыв к действию

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

Пример баннера со слабым призывом к действию.

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

Пример слабого призыва к действию. Нет четкого предложение ни в кнопке, ни в баннере, ни в тексте.

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

Пример слабого призыва в подписной форме.

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

Пример поврежденного призыва в адаптивной версии сайта.

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

Пример баннера без призыва к действию и понятного предложения.

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

Некачественные изображения

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

Пример некачественной фотографии товара.

Чтобы быстро поднять качество изображений — купите портативный китайский куб для предметной съемки (фотобокс). Это недорогой аксессуар, который придаст всем изображениям вашего интернет-магазина фирменности.

Отсутствие или переизбыток иллюстраций

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

Плохо сверстанные кнопки соцсетей

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

Пример неправильно оформленных кнопок социальных сетей с устаревшим виджетом instagram.

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

Маркетинг

Нет четкого главного предложения сайта

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


Отсутствие гарантий

Гарантия — это признак того, что продавец уверен в товаре и может ручаться за его качество. Возьмем два интернет-магазина, в которых MacBook Air 2020 года продается за 1900 $. Первый магазин работает без гарантий, а во втором срок гарантийного периода составляет 12 месяцев. При таких условиях большинство пользователей совершать покупку во втором интернет-магазине.

MacBook Air 2020 года — это пример товара, который во всех интернет-магазинах будет продаваться примерно по одной цене. Выиграет в конкуренции сайт с лучшей гарантией.

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

Сложные товары продаются без подсказок

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

Онлайн-чат без менеджера

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

Нет информации о количестве доступного товара

Представьте такую ситуацию: крупная IT-компания открывает новый офис и покупает в него сорок 2К мониторов Dell P2418D. Представитель IT-компании переходит на сайт интернет-магазина → оформляет заказ → получает накладную с указанием точного срока доставки и отталкиваясь от этого срока объявляет сотрудникам о дате начала работы в новом офисе.

Если компании нужно сорок 2К мониторов Dell P2418D, то им важно знать, могут ли они купить такое количество товара в одном месте. Обычно оптовая покупка обходиться дешевле.

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

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

Нет данных о доставке и способах оплаты

Тарифы перевозчиков вместе с комиссией платежных сервисом могут прибавить к первоначальной стоимости заказа до 15%: выбрали товар на 100 $ → получили к оплате 115 $. Из-за этого важно прописывать все службы доставки и все платежные системы, которые поддерживает интернет-магазин:

  1. Если выбор большой, то пользователь сможет подобрать оптимальный тариф и время доставки. Можно переплатить и получить товар быстрее или наоборот — дольше подождать и сэкономить.
  2. Если выбора нет или он ограничен, то пользователь заранее будет знать о комиссии и не будет предъявлять претензии во время получения товара.

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

Нет письма подтверждения

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

Контент

Проблемы с грамматикой

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

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

Неактуальная информация

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

Если расценки и информацию о себе не обновлять, то у клиентов формируется неправильное ожидание: рассчитывали заказать визитки за 100 $, а минимальная цена еще полгода назад выросла до 200 $. Это раздражает, вызывает недоверие и становится стимулом для того, чтобы никогда не пользоваться услугами компании.

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

Некачественный текстовый контент в блоге

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

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

Отсутствие обязательных страниц «О нас» и «Контакты»

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

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

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

Слишком длинное страница товара и/или категории

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

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

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

Есть страница, но нет описания товара

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

Отсутствие описания на странице карточки товара.

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

Непродуманная структура карточки товаров

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

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

Отсутствие заголовков и подзаголовков

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

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

Как этого избежать
Чтобы исправить ситуацию — всегда подавайте информацию кусочками. Так лучше работает.

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

Непродуманные названия заголовков и подзаголовков

Без заголовков и подзаголовков не будет жизни
Если не разбивать текст на заголовки и подзаголовки, то читатель увидит длинную простыню букв.

Не вздумайте этого делать

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

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

Что будет, если этого не делать

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

Как этого избежать

Чтобы исправить ситуацию — всегда подавайте информацию кусочками. Так лучше работает. ↓ ↓ После диагонального чтения смысл статьи непонятен → доверие к сайту утрачено Читатель понял смысл без изучения всего текста статьи → доверие сформировано

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

Маскировка полезного контента

Главная мысль спрятана Главная мысль в первом абзаце
Мы не рекомендуем вкладывать в криптовалюту по причине №1. Еще есть причины 2, 3, 4 и 5. Это все вкратце. Теперь переходим к деталям.

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

Заключение

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

Игнорирование списков

Для озвучки аудиокниг вам понадобится микрофон, стойка, поп-фильтр, акустический экран и программа для обработки голосу Для озвучки аудиокниг вам понадобится:

  1. Микрофон.
  2. Стойка.
  3. Поп-фильтр.
  4. Акустический экран.
  5. Программа для обработки голоса.

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

Что дальше

Шаг №2. Проверьте свой сайт и отметьте все моменты, которые нуждаются в улучшении.

Шаг №3. Устраните отмеченные проблемы и замерьте конверсию сайта.

А с какими ошибками в дизайне и юзабилити сталкиваетесь лично вы? Делитесь опытом в комментариях.

15 ошибок при открытии интернет-магазина

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

1. Неправильная формулировка цели

Большинство начинающих предпринимателей подменяют цель средствами ее достижения.

  1. Открыть интернет-магазин!
  2. Заработать кучу денег!
  3. Работать на себя!

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

СОВЕТ:

Сформулируйте цель так, чтобы она:

  1. вдохновляла на ее достижение;
  2. несла в себе ценность;
  3. была ориентиром для сверки действий;
  4. соответствовала критериям SMART, а значит была конкретной, измеримой, достижимой, актуальной и ограниченной во времени.

Если вы всегда мечтали жить на Бали, покорить Эверест или совершить кругосветное путешествие, пусть интернет-магазин поможет вам реализовать вашу мечту.

К примеру, для ниши детских товаров цели могут звучать так:

  1. Открыть интернет-магазин качественных детских книг с персональным подбором библиотеки под каждого юного читателя, чтобы всегда находиться в курсе последних трендов издательского дела и отбирать только лучшее для собственных детей.
  2. Сосредоточить в одном месте бюджетные аналоги популярных детских игрушек (Magformers, Silvanian Families, Kinetic Sand, Bondibon), чтобы как можно больше детей имели возможность расти и развиваться в качественной игровой среде.
  3. Вывести на рынок новый бренд экологической мебели из фанеры, которая за счет низкой цены, современного дизайна и экологических качеств сможет вытеснить дешевую и вредную для здоровья малышей мебель из ДСП.
  1. За 3 месяца продать 1000 чехлов для телефона с прибылью в 10% за счет нового тематического дизайна и рекламы на тематических форумах.
  2. За 1 месяц настроить рекламу детских колясок в Яндекс.Директ и привлечь 50 первых покупателей.
  3. Увеличить продажи в период с декабря по март за счет сезонных праздников при помощи рекламы в Google.Adwards и таргетинга в социальных сетях на 40% по сравнению с осенним периодом.

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

2. Неправильный выбор ниши

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

СОВЕТ:

Накидайте для себя 10-20, а то и 100, на первый взгляд, перспективных ниш. Можете воспользоваться готовым списком 116 ниш с графиками, на которых отражен уровень интереса покупателей в зависимости от сезона и других параметров. А потом исключите ниши, которые вам не подходят, например:

  1. Слишком широкие ниши (более 20 000 запросов «купить+товар»);
  2. Cлишком узкие ниши (менее 300 запросов «купить+товар»);
  3. Слишком скучные для вас темы;
  4. Сложные условия доставки (вес, габариты);
  5. Специфические условия хранения (температура, влажность);
  6. Сезонный интерес к продукту (летние каникулы, новогодние праздники);
  7. Слишком высокий порог вхождения по финансам (если капитал ограничен).

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

  1. четко сформулировать уникальное торговое предложение;
  2. легко позиционировать бизнес и отстроиться от конкурентов;
  3. минимизировать финансовые риски на старте;
  4. спрогнозировать интерес к продукции;
  5. сегментировать аудиторию;
  6. точно настроить контекстную и таргетированную рекламу.

3. Отсутствие плана действий

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

СОВЕТ:

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

Декабрь:

  1. Настроить рекламную кампанию по низкочастотным запросам в Google Adwords.
  2. Проставить UTM-метки.
  3. Завести аккаунты в Facebook и Вконтакте и наполнить их полезным контентом.
  4. Разместить товары на торговых площадках и досках объявлений.
  5. Провести новогодний розыгрыш в социальных сетях.

Январь:

  1. Завести аккаунт в Instagram для публикации фото товаров, отзывов и инструкций по их применению.
  2. Интегрировать сайт с социальными сетями для работы с ретаргетингом.
  3. Перенести рекламную кампанию по низкочастотным запросам в Яндекс.Директ
  4. Составить рекламное объявление для ретаргетинга.

Февраль:

  1. Проанализировать эффективность рекламных кампаний и внести в них коррективы.
  2. Подготовить рекламную кампанию по среднечастотным запросам. Не забыть про товары для мужчин и влюбленных!
  3. Провести фотоконкурс в Instagram на самый оригинальный подарок любимым.
  4. Настроить на сайте ремаркетинг для возвращения клиентов на сайт.
  5. Через рекламу в сообществах привести в свои аккаунты по 1000 подписчиков.

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

4. Затянутый старт

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

СОВЕТ:

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

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

5. Создание уникального сайта с огромным функционалом

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

СОВЕТ:

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

Что действительно должно быть уникальным, так это:

  1. логотип и оформление сайта;
  2. ваше предложение для покупателей.

А это можно реализовать даже на основе бесплатного шаблона, бесплатной CMS или готового, взятого в аренду интернет-магазина. Например, книжный магазин «Книжная нора» расположен в подвале одной из новостроек Минска, и это гениально отражено в названии и логотипе. При взгляде на интернет-магазин сложно поверить, что он создан на основе вот этого бесплатного шаблона для WordPress. Конечно, здесь еще использованы полезные плагины, которые позволяют покупателям составлять списки желаний, сохранять историю заказов, а продавцу – проставлять метки товаров, рекомендовать похожие товары и уточнять у покупателя, действительно ли он хочет удалить товар из корзины.

6. Отсутствие уникального торгового предложения

Многих владельцев интернет-магазинов ставит в тупик необходимость сформулировать 2-3 отличия их бизнеса от конкурентов: мол, все одинаковые и продают одно и то же. Тем лучше! Ведь тогда будет проще выделиться на фоне конкурентов. Только не нужно повторять самые популярные УТП: их уже используют 95% интернет-магазинов, и уникальности им это не придает. Вот эти самые избитые слоганы:

  1. Только у нас самая низкая цена!
  2. Только у нас самое высокое качество!
  3. Только у нас уникальный товар!
  4. Только у нас широкий ассортимент!
  5. Только у нас самый лучший сервис!
  6. Мы лидеры на рынке!
  7. Мы дольше всех на рынке!
  8. Мы лучшие из лучших!
  9. Мы заботимся о наших покупателях!

СОВЕТ:

Попытайтесь отойти от шаблона и привнести в свой бизнес изюминку, отразив ее в уникальном торговом предложении (УТП):

  1. Вкладывайте сюрпризы в заказы (колечко к женскому платью).
  2. Составляйте наборы товаров (сумка в роддом).
  3. Проводите розыгрыши каждую неделю (подарок покупателю с самым крупным чеком).
  4. Давайте профессиональную консультацию о товаре (используйте онлайн-консультант, вопрос-ответ, блог на сайте).
  5. Проводите акции и скидки (каждая пятая позиция в чеке – бесплатно).
  6. Предлагайте бесплатный мастер-класс, тест-драйв, настройку или обслуживание ваших товаров (бесплатные обновления карт для навигаторов).

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

7. Копирование контента с сайтов поставщиков и конкурентов

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

СОВЕТ:

Наполняйте сайт изначально только полезным и качественным контентом.

  1. Характеристики и описание товара: Корректно заполняйте технические характеристики товаров, но и не забывайте про человеческий текст, который поможет понять, какой именно товар подойдет покупателю. Уникальность текстов должна колебаться на уровне 90-100% по оценке специальных программ (например, AdvegoPlagiatus). Для этого необязательно нанимать штатного копирайтера, а можно заказать тексты на бирже копирайтинга по 1-2 доллара за тысячу знаков.
  2. Вопросы и отзывы: Предусмотрите также возможность добавлять вопросы и отзывы про товар – это отличный способ получения бесплатного автогенерируемого контента.
  3. Фотографии товаров и видеообзоры лучше снять самостоятельно, так как обрезка, рамочка или отображение снимка не делает его уникальным, а перезаливка чужого ролика на свой ютуб-канал не что иное, как воровство.

8. Работа с одним поставщиком

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

СОВЕТ:

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

  1. Цены оптовой закупки;
  2. Актуальность наличия на складе;
  3. Местоположение склада;
  4. Сроки поставок = отгрузка + доставка;
  5. Условия доставки и транспортировки;
  6. Минимальный заказ;
  7. Богатство ассортимента;
  8. Автоматическая синхронизация остатков;
  9. Условия оплаты;
  10. Сертификаты, лицензии;
  11. Личные связи, контакты.

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

9. Крупная закупка товара

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

СОВЕТ:

Закупите у поставщиков по 3-5 штук каждой позиции из прайса (а если они дорогие, то и по 1) и понаблюдайте за интересом покупателей. Далее докупайте популярные позиции, а на непопулярные устраивайте распродажи.

10. Аренда склада и офиса

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

СОВЕТ:

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

Вы можете выбрать один из трех вариантов работы с поставщиками:

  1. Все в наличии – в этом случае вам понадобится склад, но при этом вы сможете осуществлять мгновенную доставку, что в некоторых нишах сойдет за отличное УТП.
  2. Под заказ – вы сможете торговать без склада, продавая дешевле, но и доставляя дольше, чем при первом варианте.
  3. В наличии и под заказ – оптимальная схема, при которой популярный товар хранится на складе, а непопулярный доставляется по запросу.

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

11. Создание собственной курьерской службы

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

СОВЕТ:

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

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

12. Ограничение вариантов доставки и оплаты

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

СОВЕТ:

Предлагайте хотя бы три варианта оплаты:

  1. наложенный платеж;
  2. оплата картой:
  3. оплата наличными.


И столько же вариантов доставки:

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

13. Дефицит оборотных средств

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

  1. заморозки средств за отправленные, но еще не оплаченные заказы;
  2. снятия всей прибыли владельцем на личные нужды.

Действительно очень сложно спрогнозировать, сколько нужно средств, если пока у вас только два-три заказа в день, а к праздникам вдруг будет по 40-50 заказов.

СОВЕТ:

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

14. Попытка со всем справиться самостоятельно

Самая популярная ошибка среди начинающих руководителей интернет-магазинов – это стремление все делать самостоятельно:

  1. и дизайн рисовать;
  2. и сайт программировать;
  3. и наполнять сайт контентом;
  4. и настраивать рекламу;
  5. и разбираться в бухгалтерии;
  6. и настраивать рекламу;
  7. и общаться с покупателями;
  8. и упаковывать покупки;
  9. и доставлять заказы;
  10. и анализировать эффективность.

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

СОВЕТ:

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

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

  1. Написание текстов – копирайтеру.
  2. Наполнение сайта контентом – контент-менеджеру.
  3. Отчеты и налоги – бухгалтеру.
  4. Оптимизацию и продвижение – SEO-специалисту.
  5. Настройку рекламных кампаний – рекламщику.
  6. Ведение социальных сетей – SMM-специалисту
  7. Обработку заказов – менеджеру по продажам;
  8. Упаковку и доставку – курьерской службе.

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

15. Эмоциональное выгорание владельца интернет-магазина

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

  1. затянул со стартом и перегорел;
  2. хотел сделать все сам, но не справился;
  3. выбрал не ту нишу и растерялся;
  4. с первой прибыли купил дом и разорился;
  5. доверился недобросовестному поставщику и остался без товара;
  6. достиг цели – и что дальше?

СОВЕТ:

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

Читайте также наши материалы:

Не делайте так: ТОП-10 ошибок интернет-магазинов

Основатель конструктора интернет-магазинов «Хорошоп»

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

Об этом Rusbase рассказал основатель конструктора интернет-магазинов «Хорошоп» Игорь Стольницкий.

В дизайне что тебе моем?

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

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

Любовь отечественных компаний к огромным шапкам часто не оставляет место на первом экране для товаров.

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

Хороший пример правильного дизайна при большом ассортименте — сайты IKEA и Pufetto. Акценты на товарах, все функции доступны.

Баннер от любителя

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

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

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

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

Не заблудиться

Функциональность сайта и его удобство для пользователя важны не менее его внешнего вида. Слишком сложная или запутанная структура — куда идти пользователю. в «кровати» или «спальни»? А если нужны детские кровати?

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

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

Смените фильтры

Другое слабое место отечественных магазинов — фильтры товаров. Старые версии движков были без фильтров. Поставить их было сложно, а наполнить товарами — еще сложнее. Чаще всего их приходилось устанавливать при помощи дополнительных модулей, и при этом сильно страдала скорость работы сайта.

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

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

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

«С приходом холодов стоит заботиться о теплоте ваших ушек»

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

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

Агрессивный PopUp

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

Фотографировал новичок

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

Купите ноутбук для вашей мыши

Неудачно реализованные корзины не пересчитывают товары при изменении их количества и не отображают скидок. Множество корзин никак не реагируют на добавление в них товара — так, что пользователь не понимает, был ли он добавлен вообще.

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

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

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

Вспомнить индекс

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

Непофиксенные баги

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

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

Досадно, когда баги легко устранить, но этого почему-то не делают. Например, упорно используют flash-плеер для проигрывания мультимедиа.

В заключение

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

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

Медленные сайты не любит никто: как не быть «тормозным»

Дайте шанс новичку: есть ли смысл открывать интернет-магазин в 2020 году?

Исследование рынка e-commerce от РБК: почему растет этот сектор?

Меньше цена – больше денег. Как увеличить прибыльность компании?

Отвертка и кинотеатр, арбуз и телефон — все продается одинаково. Как выделиться в онлайне?

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

9 ошибок, которые нужно избежать при создании интернет-магазина

Задумались о создании интернет-магазина? И, наверное, уже выбрали, что будете продавать? И думаете, у вас не будет отбоя от покупателей? Уверены? По статистике менее 1000 российских онлайн-ритейлеров имеют более 50 покупателей в день.

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

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

9 ошибок при создании нового интернет-магазина:

Ошибка № 1 . Нет своей ниши и четких отличий от других

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

Прежде чем создать интернет-магазин, сформируйте свой ассортимент из уникальных продуктов. Посмотрите, чем вам интересно заниматься, какие уже есть предложения на рынке, чего не хватает. Вы можете сосредоточиться на одном товаре (например, чехлы для техники Apple) или многих (мультибрендовый интернет-магазин одежды для всей семьи), работать в одном городе или на всю страну. Еще несколько полезных советов вы найдете в статье «Виды интернет-магазинов».

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

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

Ошибка № 2 . Не знаю своего покупателя

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

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

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

Ошибка № 3. Нет полной информации о товаре

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

Так потенциал страницы «О нас» часто недооценивается. Если проверить статистику, то она будет в топ-5 по посещаемости. Все потому, что посетителям интересно узнать: «Кто вы? Почему вы создали свой интернет-магазин? Почему решили работать именно с этими продуктами? Можно ли вам доверять?!» Напишите всего несколько предложений, личных и открытых, и доверие к вам сразу вырастет.

Проверьте описание своих продуктов. Кроме просмотра картинок, клиенты читают тексты. Избегайте заумных слов, понятным обычному человеку языком опишите характеристики товаров. Люди быстрее сделают выбор в пользу вашего интернет-магазина одежды, если вы напишите: «Эта теплая куртка защитит вашего малыша на прогулке от мороза до – 20С и пронзительного ветра». Еще в описаниях к товарам желательно сразу прописывать ключевые слова для индексации в поисковиках.

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

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

Ошибка № 4 . Нет призывов к действиям

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

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

Уверены, на вашем сайте полно красивых картинок, полезных и необходимых товаров. А прописаны ли призывы к действиям? Или для посетителей вашего ресурса действует принцип: «Зашел, посмотрел и ушел..»? Каких действий вы ждете от покупателей? Что их может заинтересовать? Будьте конкретнее в стимулировании покупок, например, «Обновите кастрюли к весне» или «Добавьте цвета в гостиную» и т.д.

Ошибка № 5 . Нет отзывов от покупателей

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

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

Ошибка № 6. Нет маркетингового плана

На первых порах, как откроете интернет-магазин, ваша работа часто будет идти по плану типа «Сегодня это сделаю, завтра попробую что-то другое». Это не самая лучшая идея для развития торговли.

Инструментов для раскрутки онлайн-проекта множество: электронные рассылки, контекстная реклама, оптимизация сайта, размещение баннеров, сотрудничество с блогерами и т.д. Более подробно они разобраны в статье «5 секретов продвижения интернет-магазина».

Чтобы добиться результатов, составьте план маркетинговых мероприятий, определите все потенциальные каналы привлечения посетителей, распишите, каких показателей и при каких вложениях вы ожидаете. Затем выберите 1-2 канала для работы в ближайшем месяце и протестируйте их. Поймите, приносят ли они вам клиентов. В первом источнике ожидания не оправдались? Почему? Что нужно изменить? Или пока стоит отложить? Другой работает? Тогда пробуем вложить в него больше денег и получить больше клиентов.

Помните, что новые возможности появляются, только когда есть план действий!

Ошибка № 7. Нет стратегии CEO оптимизации сайта

Часто встречающаяся проблема при запуске – никто не думает о CEO оптимизации или думает мало. А этот маркетинговый инструмент может создать интернет-магазину бесплатно стабильный приток клиентов из поисковых систем.

От вас требуется составить список из 10 ключевых слов. Это те запросы, по которым вас могут найти покупатели в сети. Поэтому думайте конкретно, сверьтесь со статистикой Yandex WordStat и Google Adwords. Еще момент, лучше быть номером 1 по запросу «интернет-магазин игрушек для развития», чем быть 501-м по запросу «интернет-магазин». Подробнее об этом процессе можете прочитать в статье “Как подобрать ключевые слова: подробное руководство для новичков”.

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

Ошибка № 8 . Нет плана работы с контентом

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

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

Ошибка № 9. Нет бесплатных «плюшек»

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

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

В заключение…

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

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

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

С какими недочетами при запуске интернет-магазинов вы еще сталкивались? Расскажите о своем опыте в комментариях.

10 самых распространенных ошибок веб-дизайна

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

1. Непродуманный макет

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

Чтобы основные ошибки веб-дизайна не попали на ваш следующий макет:

    Всегда используйте сетку (gr >

2. Неудобная навигация

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

Помните о следующем:

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

3. Непоследовательность в дизайне страниц

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

Чтобы дизайн был консистентным:

  1. Используйте на всех страницах одну и ту же цветовую схему.
  2. Следите за тем, чтобы расстояния по вертикали и горизонтали между элементами макета везде были одинаковыми.
  3. Заголовки на разных страницах должны быть одинакового размера.
  4. Не меняйте расположение навигации на разных страницах.
  5. Придерживайтесь единого оформления ссылок.
  6. Используйте иконки, выполненные в одном стиле.
  7. Обеспечьте единство оформления форм.

4. Неудачная цветовая схема

Цвета, которые не подходят под тематику или резонируют с ней, повлияют на восприятие сайта. Используя сливающиеся цвета, вы рискуете потерять посетителя в первые же секунды:

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

  1. Имеются ли у компании корпоративные цвета. Если да, то их следует использовать при создании дизайна для сайта.
  2. Какая у сайта цель. Теория цвета говорит, что красный — это цвет страсти и воодушевления, он привлекает внимание и побуждает к действию, в то время как синий — цвет спокойствия и уверенности, он говорит о надежности и вызывает чувство доверия к бренду. Если вы свободны в выборе цветов, уделите время тому, чтобы подобрать те, которые максимально соответствуют цели сайта.
  3. Существуют ли изображения и фотографии, которые требуется использовать. В таком случае вам понадобиться использовать цвета, которые будут хорошо с ними сочетаться.
  4. Используйте 3 разных цвета. При этом рекомендуемое соотношение составляет 60%, 30% и 10%. Помните, что чем больше цветов вы используете, тем тяжелее будет создать гармоничную и сбалансированную страницу.

5. Дизайн выглядит плохо на некоторых разрешениях экрана

Этот недостаток также входит в топ-10 ошибок веб-дизайна и может проявляться по-разному: например, у пользователей с меньшим разрешением экрана появляется горизонтальная прокрутка.

Чтобы дизайн выглядел хорошо на большинстве разрешений:

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

Проверьте, верно ли это для разных разрешений экрана в диапазоне от 800 x 600 до 1280 x 1024. Кроме того, вы можете предложить клиенту создать адаптивный сайт, чтобы эти ошибки веб-дизайна больше не беспокоили клиентов, которые заходят на сайт.

6. Отсутствие свободного пространства

Разумеется, основная, функция веб-сайта — это предоставлять информацию. Но принцип «чем больше, тем лучше» здесь не работает:

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

  1. Улучшить читаемость и общее восприятие текста.
  2. Привлечь внимание к тексту, просто окружив его пустым пространством.
  3. Создать ощущение элегантности и открытости.

7. Слишком сложные формы регистрации

Дни, когда пользователям приходилось заполнять множество полей и по несколько раз вводить данные в поля с валидацией, давно прошли:

Делайте формы максимально простыми — дополнительные данные всегда можно запросить позже, не раздражая пользователя:

8. Неразумное использование изображений

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

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

  1. У изображения должна быть цель: подкрепить идеи из текста, вызвать эмоции, объяснить принцип использования продукта и т. д.
  2. Используйте изображения с реальными людьми, а не стоковые фотографии.
  3. Оптимизируйте размер изображений, чтобы они загружались не слишком долго.

9. Незаметные контактные данные

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

10. Отсутствие поиска

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

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

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