{"id":14271,"url":"\/distributions\/14271\/click?bit=1&hash=51917511656265921c5b13ff3eb9d4e048e0aaeb67fc3977400bb43652cdbd32","title":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043d\u0430\u0442\u0438\u0432\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 vc.ru \u2014 \u043d\u0430\u0439\u0434\u0438\u0441\u044c!","buttonText":"","imageUuid":""}

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

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

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

5 ошибок главной страницы магазина

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

Ошибка 1: главная страница не отображает ассортимент

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

Ошибка на странице магазина СпортЕВ: компания продаёт спортивные товары от плавок для бассейна до велотренажёров, но на главной показывает только походное снаряжение

Как грамотно продемонстрировать ассортимент:

  • если на сайте продают много разных товаров, стоит показать как можно больше типов продуктов. Baymard Institute рекомендует показывать не менее 40% типов товаров. Пользователи делают вывод о новом магазине по его ассортименту. Если в магазине одежды показать на главной только обувь, многие подумают, что компания продаёт одни кроссовки и туфли.
  • обойдитесь без лишнего креатива. Сделайте интерфейс сайта похожим на другие интернет-магазины. Новые пользователи определяют тип сайта по навигации и оформлению главной страницы, поэтому важно, чтобы дизайн был привычным и узнаваемым.
В шапке разработанного нами сайта Skinjestique сразу отображаются типы товаров: пользователь сходу может представить ассортимент магазина
  • покажите не только ассортимент, но и дополнительные преимущества, которые предлагает интернет-магазин. Укажите, что доставку можно оформить в день заказа, существует программа лояльности или скидка на первую покупку. Эти факторы повлияют на то, какое впечатление составит покупатель о магазине.
  • добавьте отзывы к товарам — на них полагается 95% пользователей при оценке ассортимента интернет-магазина. В интерфейсе сайта стоит отобразить среднюю оценку и количество отзывов о товаре.
  • предложите пользователю разные способы подбора товаров. Распределите продукты по категориям, добавьте фильтры в поиске. Так вы акцентируете внимание на разных сценариях использования покупок.
В интернет-магазине Crazy Fish пользователю предлагают спиннинги в зависимости от того, какую приманку использует рыбак, или какую рыбу он хочет поймать. Сайт у нас на техподдержке

Ошибка 2: недостаточно информации о товаре на карточках

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

В 12 STOREEZ на карточках нет вообще никакой информации — чтобы узнать характеристики товара, потребуется открыть отдельную страницу

Что обязательно нужно разместить:

  • название товара;
  • фото в хорошем качестве;
  • цена и скидка, если она есть;
  • смена фото товара по ховеру, если их несколько.

Что стоит разместить:

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

Ошибка 3: отсутствие позиционирования на первом экране

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

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

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

Ошибка 4: непроработанная навигация в хедэре

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

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

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

Подробная навигация есть в спроектированном нами интернет-магазине IDDIS: с её помощью пользователь сможет быстро перейти к нужной категории

Ошибка 5: полотна текста — плохая вёрстка информации

Пишите для интернетов: коротко, понятно, без премудростей. Куча букв без абзацев и оформления оттолкнёт читателя. Такой текст читать просто лень ¯\_(ツ)_/¯

Советы здесь очень простые:

  • разбивайте текст на подзаголовки;
  • делайте маркированные и нумерованные списки;
  • выделяйте важное;
  • делайте абзацы короткими;
  • пишите просто, без сложных оборотов и непонятных терминов.
На сайте интернет-магазина Vitaliv много текста, но он разбит на небольшие абзацы — так пользователь меньше устаёт от чтения. Кстати, его тоже дизайнили мы :)

5 ошибок каталога товаров

Пользователь перешёл с главной в каталог — поздравляем! Но радоваться всё равно рано: в любой момент он может передумать и закрыть сайт. Разбираем опасные места:

Ошибка 1: недостаточно информации о товаре на карточках

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

Тестирование Baymard Institute показало: когда информации мало, пользователь начинает переключаться между списком товаров и отдельными страницами продуктов. Каждый раз посетителю сайта нужно открывать новую вкладку и читать подробности о товаре. Пользователей хватает ненадолго: чаще всего такие неудобные сайты они закрывают через 3–15 минут.

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

В карточках «Золотого Яблока» много ошибок. Одна из них — указание цены «от» без дополнительных объяснений

Базовый минимум, который стоит показать на карточке товара:

  • фото товара в контексте и в отдельности от него. Покажите, как выглядит продукт на прозрачном фоне, а затем поместите его в контекст. Так пользователь сможет представить, как выглядит товар сам по себе, и как он выглядит во время использования. Например, магазин сантехники может сфотографировать кран на белом полотне, а затем добавить фото крана в ванной комнате.
  • важные для выбора характеристики. Их стоит отобразить в описании карточки, либо показывать при наведении на неё. Например, в магазине матрасов можно показывать габариты и жёсткость, когда пользователь наводит курсор на фото
Пример МногоСна: при наведении курсора на карточку товара отображаются свойства матраса. Сайт у нас на дизайн-поддержке
  • повторяющиеся элементы. Кнопки и информацию, которая распространяется сразу на много товаров, можно вынести на карточку в каталоге. Например, «добавить в избранное», «добавить в корзину», «бесплатная доставка». Чтобы не засорять каталог, эту информацию можно показывать при наведении на карточку.
  • варианты товара. Если продукт существует в других вариациях — стоит об этом сказать. Предложите пользователю купить продукт в другом цвете, с другим размером, либо из другого материала. Так вы дадите покупателю больше выбора, и он сможет подобрать товар себе по душе.
H&M под карточкой товара выносит цветовые вариации, но делает это не совсем верно. Стоит увеличить размер иконок цвета и отобразить больше вариаций, чтобы пользователю не приходилось открывать страницу товара
  • фото, которые помогут в выборе. Покажите характеристики продукта с помощью фотографий. Для этого покажите его в таких сценариях, которые помогут представить его в действии. Например, сумку для ноутбука стоит показать снаружи, чтобы пользователь оценил её внешний вид, а затем показать внутри — чтобы оценить вместимость.
В магазине MALBAG у многих кошельков и сумок есть фото внутри — так можно оценить вместимость

Ошибка 2: неправильно спроектированы фильтры

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

  • нет очевидного подтверждения, что фильтры применены. Если после применения фильтры пропадают из виду, пользователь может неправильно воспринять ассортимент. Например, он может выставить фильтрацию по цвету, а затем забыть про неё. Покупатель будет смотреть на 10 товаров одного цвета и думать, что на этом ассортимент магазина закончился — всё из-за того, что применённые фильтры нигде не обозначили.
  • нельзя разом увидеть весь список фильтров. Из-за этого при тонкой настройки параметров пользователь может растеряться. Возникает та же проблема: пользователь смотрит на 10 чёрных кружек и думает, что на этом ассортимент в магазине посуды закончился.
  • нет быстрого способа удалить фильтры. Иногда после удаления каждого нового фильтра страница обновляется, либо пользователю заново приходится пролистывать список параметров. Сложными фильтрами посетители сайта просто не пользуются — проще зайти в другой магазин, чем перенастроить список фильтров.
Много ошибок с фильтрами в интернет-магазине Rendez-Vous. Например, если выставить фильтр по бренду, добавление настроек откроет новую страницу

Как исправить ошибки с фильтрами:

  • разместите фильтры в боковой панели, либо над карточками товаров. Фиксируйте там все применённые параметры. Так фильтры всегда будут в поле зрения, и пользователь не забудет, какие характеристики отметил.
  • добавьте кнопку очистки фильтров. Когда пользователь захочет найти другой товар, ему не придётся удалять каждый параметр по отдельности. Небольшой крестик в интерфейсе значительно облегчит жизнь покупателям.
  • указывайте параметр фильтра. Некоторые характеристики непонятны без дополнительных пояснений. Например, применённый фильтр «15 см» можно прочитать по-разному. Это может быть высота, длина или ширина. Чтобы не возникало путаницы, параметры стоит подписывать.
DNS выводит список активных фильтров в блоке слева и над выдачей товаров. Сразу рядом находится кнопка, чтобы сбросить параметры

Ошибка 3: отсутствие релевантных фильтров

Согласно исследованию Baymard Institute, существуют пять основных фильтров, которые применяют пользователи вне зависимости от типа товара:

  • цена (12% магазинов не указывают её);
  • пользовательские рейтинги (53% сайтов отражают их);
  • цвет (10% не добавляют такой группировки);
  • размер (15% не делают таких фильтров);
  • бренд (27% не обозначают их).

Когда этих фильтров нет, пользователю сложнее подобрать товар. Если товар в магазине подобрать сложно, он пойдёт в другой магазин. Всё просто.

Как улучшить фильтрацию:

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

Ошибка 4: плохой UX для товаров, которых нет в наличии

Когда в магазине нет товара — это печально, но ситуацию можно подпортить ещё и некачественным UX с оповещением об этом. У проблемы есть несколько вариаций:

  • самое худшее — когда товара нет в магазине, но на сайте об этом не сказано. Пользователь попробует купить продукт, но в последний момент его постигнет разочарование. Очень плохой сценарий.
  • непонятное решение — просто указать, что товара нет в наличии. В этом сценарии нет понятного ответа на вопрос «а что делать?». Пользователя оставляют в растерянности: товар следует ждать? Товар прекратили выпускать?
  • костыльное решение — добавить кнопку «сообщить о поступлении товара». Так магазин старается позаботиться о пользователе, но не шибко качественно. Если товар пользуется спросом, продавец просто подаёт сигнал — «купи товар в другом магазине». Пользователь так и поступит.
В магазине «Русская Блесна» отсутствующие товары маркируют подписью «нет в наличии». При этом пользователю не подсказывают, что делать с этой информацией

Решения такие:

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

Ошибка 5: отсутствие хлебных крошек

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

Исследование Baymard Institute показывает, что от проблем с хлебными крошками страдает 68% интернет-магазинов. Из них 45% — это сайты, где хлебные крошки отображают только предыдущий этап, и не учитывают путь пользователя целиком. Остальные 23% — интернет-магазины, где хлебных крошек вовсе нет.

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

Хлебные крошки в ОНЛАЙН ТРЕЙД.РУ сделаны подробно: в любой момент можно переключиться на нужный раздел

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

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

0
47 комментариев
Написать комментарий...
Инга Лучинина

Следуйте этим советам и ваш интернет-магазин станет неотличим от всех остальных интернет-магазинов, которые следуют этим же советам!

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

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

Ответить
Развернуть ветку
Timur

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

Ответить
Развернуть ветку
Winter is Coming

Лет 10 или больше, не вспомню уже, читаю одни и те же статьи под таким заголовком.

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

И за 10 лет до сих пор не все умеют правильно базово проектировать интернет-магазины!)

Ответить
Развернуть ветку
Аккаунт заморожен

Комментарий недоступен

Ответить
Развернуть ветку
Павел Иванов

Ахах, красиво затраллил ))))

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Свой — нет. Клиентские — да.
Мы ведь услуги предоставляем, а не свои интернет-магазины пилим))

Ответить
Развернуть ветку
Timur

урыл

Ответить
Развернуть ветку
Глеб Голубев

Статьи на тему "Тренды в дизайне 20хх" все равно впереди планеты всей. В них каждый год рассказывают, что нужно использовать 3d, анимацию и "нежные" пастельные цвета.

Ответить
Развернуть ветку
Константин Николаев

А что еще писать если уже все важное было написано

Ответить
Развернуть ветку
Winter is Coming

Ну так и смысл одно и то же перепечатывать из раза в раз, если не можешь дать что-то новое?

Ответить
Развернуть ветку
Виктор Петров

Статья переводная что ли? Как-то далековато тут от привычных реалий.
а) Вы требования ПС вообще в рассмотрение не берете?
б) Кто ходит на сайт с главной страницы и зачем?
в) Хлебные крошки? На смартфоне?
Разобрали бы уж тогда на примере того же "Амазон" с его фишками, там до сих пор всё сильно лучше, чем у 99% всех прочих магазинов и маркетплейсов

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Виктор, здравствуйте

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

Ответить
Развернуть ветку
Виктор Петров

По пунктам.
а) Эталонный корпус, к примеру, подразумевает мизерное меню, а вы клиенту дадите ТЗ на мега-менюшечку. Оно, может, и удобно иной раз, но поисковики (Яндекс особенно) могут сильно забуксовать. Много примеров: огромные зоны сквозного контента и мизер-кляйн - уник (по карточкам особенно). А значит, придётся платить кому-то за переделки и доработки. Бывают, впрочем, и примеры наоборот, всегда надо оценивать тот самый корпус по топам, там всё неоднородно.
б) Есть, конечно. Но на "морду" идут либо по реально конвертирующему частотному ключу, либо по витальникам. Если брать PPC и SEO - то обычно сразу шуруют на конкретную посадку, категорию или карточку товара. И во многих темах наиболее общие вопросы имеют в принципе крохотные неинтересные частотки.
в) Я люблю хлебные крошки как элемент навигации. Но на смартфонах они чаще всего дичайше неудобны, да и люди туда не тыцают, если посмотреть в метрики-аналитики. Тогда бы уж блоки с похожими товарами и прочим кросс-селл добавлять и в принципе отталкиваться от типовых маршрутов по сайту. Как минимум, у вас пример - десктоп, тогда как в b2c в основном со смартфонов и ходят.

Ответить
Развернуть ветку
Александр Васильев

Если товара нет в наличии, и больше его завозить не будут, есть ли смысл его на сайте держать вообще?

Ответить
Развернуть ветку
Вечерний Бабайкостан

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

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Соглашусь с коментатором выше. И дополню его

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

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

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Майнкрафтер Фирамир

Ну тут и статья не называется «10 секретных ошибок дизайна интернет-магазинов из архивов ЦРУ». Написали жеж, что самые главные ошибки разобрали)

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

К сожалению, это самые популярные ошибки. И еще к большему сожалению — да, они очень банальны :(

Ответить
Развернуть ветку
Тестим Wildberries

1. Показывать характеристики при наведении курсора) в екоме 60-70% мобильных юзеров, никакого «курсора» там нет, лучше сразу закладывать при проектировании онлайн магазина мобайл фест.

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

3. Я бы добавил то, что пропускают многие - около телефона режим работы, хотя бы кратко (пн-вс 9-22), это тоже частая ошибка

Остальное было лень читать) возможно, для новичков екома статья норм

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

1. Мы ведь показывали именно десктоп. Это первое.
И второе: 60-70% с мобилки — это все правда. Но если погрузиться глубже и узнать, что существует омниканальность, то станет понятно, зачем тот же малочисленный по визитам, десктоп стоит докручивать)
2. Тоже правда. Но мы идем постранично в своей публикации, поэтому главную рассматриваем тоже)
3. Плюсую

Ответить
Развернуть ветку
Тестим Wildberries

1. Не спорю что нужен десктоп, просто зачем на его преимуществе в виде размера дисплея прятать важные для юзера элементы отображая только при наведении - загадка. Обычно дизайнеры топят за «минимализм», но их обламывает первое же ux тестирование с таким подходом. Объясняется просто: если элемент так важен, он всегда должен быть на экране. Если не важен, зачем его отображать в листинге?

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

В публикации есть ответ на ваш вопрос с ссылкой на источник :)

UPD: вы пытаетесь поделить все на черное и белое. Если нужен — отображайте сразу! Не нужен — удаляйте. Но это заблуждение ведь)

Ответить
Развернуть ветку
Тестим Wildberries

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

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Теперь понял, о чем вы!

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

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

Ответить
Развернуть ветку
Компаньон Единорог

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

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

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

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

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

Ответить
Развернуть ветку
Вадимов Вадим

Ребята, начните с того, что нормально задизайните свой собственный сайт на котором:
- огромный мигающий и жутко раздражающий текст из-за которого хочется сразу нажать на крестик.
- "разрабатываем и развиваем интернет- магазины, брендинг, CRM, ERP и сервисы" короче всё в кучу и непонятно, что конкретно вы предлагаете
- ниже пустые некликабельные "кейсы" и столь же пустые "ваши преимущества" из к-х особенно понравилось первое: "90% наших проектов из сферы eCommerce"

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

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
На страницах времен

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

Ответить
Развернуть ветку
Николай Истомин

Как привлекать клиентов в магазин в Телеграм?

Ответить
Развернуть ветку
Antro
Автор

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

Ответить
Развернуть ветку
Николай Истомин

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

Ответить
Развернуть ветку
Antro
Автор

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

Ответить
Развернуть ветку
Аккаунт заморожен

Комментарий недоступен

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

И мы живем в матрице, а еще вы забыли упомянуть про https://www.pleer.ru/ 🤣

Ответить
Развернуть ветку
Eazy Haze

Про цвета на карточках футболок. У H&M там 4 иконки с цветами и надпись "+13". Если ориентироваться на правила UX, то нужно выводить все на карточку? По-моему, многовато, не?

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Приветствую.

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

Но тут нужно исходить из контекста. Если у товаров не бывает более 4-6 цветов, то вроде можно и все разместить. И будет ок выглядеть. А вот если цветов по 10+, то все уже не покажешь разом. И тогда либо использовать полу-решение, либо придумывать какой-то слайдер с цветами))

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

Ответить
Развернуть ветку
Чайка О.
Ответить
Развернуть ветку
Андрей

По-хорошему душно! У вас есть ещё похожие статьи по интерфейсам?

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Да цифры всегда такие) У нас практически весь блог на vc cостоит из публикацией на интерфейсную тематику))

Ответить
Развернуть ветку
Nitreed1

Вы в пример приводите Спортмастер — а это норм, что у них информация о товаре половину экрана занимает, когда на карточку курсор наводишь? Если нет, как такое исправить?

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

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

Ответить
Развернуть ветку
Прямой химик

А почему тогда на сайтах которые вы показали вы не исправили ошибки, если так подробно пишете о них?

Ответить
Развернуть ветку
Максим Отмахов из Antro.cx

Это на каких?)

Ответить
Развернуть ветку
Barabas77

интернет-магазины CMS: 1C-Битрикс, WordPress. Python (Django), PHP, Go, Swift, JavaScript, React, Node.js годен только 1C-Битрикс и то там адекватных 3 шаблона по конской цене постоянно требующие доработки

Ответить
Развернуть ветку
Капитон Першин

Спасибо за статью! Но мне кажется, что надо смотреть все-таки на результаты конкретного магазина по конверсии и прибыли. Для одного сайта может работать одно, для другого — другое. Все от целевой аудитории зависит. Не может все подчиняться базовым правилам. У меня даже был опыт, когда при А/Б тестировании, после переработки по всем основным правилам юзабилити страницы магазина, конверсия в продажу наоборот упала у нового улучшенного варианта

Ответить
Развернуть ветку
44 комментария
Раскрывать всегда