Юзабилити (UI/UX) и Конверсия. Полезные советы для Вас и Вашего проекта! | Борис Турбо

Здравствуйте, хотелось бы услышать ваше мнение касательно карточек товаров и страниц каталога

сайт https://hottrend.com.ua

интересно было бы:) http://lative-oboi.ru

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

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

В этой ситуации - нужно УСИЛИТЬ информацию о том, что сайт работает КРУГЛОСУТОЧНО, и менеджер принимает звонки КРУГЛОСУТОЧНО. Это должно быть РЯДОМ с телефоном. Информации в ЛЕВОЙ крайней части шапки НЕДОСТАТОЧНО.

Сделать нужно так (схема-скриншот): http://i.imgur.com/ZXR1uJ7.png

2. На Главной странице - при наведении на картинку с услугой (а именно так делает 80% посетителей, желая получить БОЛЬШЕ информации) - у нас высвечивается ссылка "Заказать".

Так делать НЕЛЬЗЯ, ибо человек ищет ИНФОРМАЦИЮ, и еще НЕ находится в состоянии "принятого решения". А мы пытаемся сделать продажу "в лоб". Это малоэффективно. Нужно "заказать" заменить на "узнать больше". Человек САМ получит информацию и сконвертится.

Речь об этом (схема-скриншот): http://i.imgur.com/hnfYN9h.png

1) Интернет-магазин БЕЗ цен и БЕЗ кнопки "Купить" - это скорее КАТАЛОГ.

в текущей реализации - он НЕ выполняет своей основной функции - ПРОДАВАТЬ.

Потому как ЗВОНИТЬ и УТОЧНЯТЬ цену - будут КРАЙНЕ редко.

У вас - НЕ такой большой ассортимент. Поэтому укажите цены))))

2) в Категории товаров - нужно блок с "каталог + фильтрация" - разместить вверху СЛЕВА

в большинстве интернет-магазинов он расположен ИМЕННО в этом месте, и у посетителей

сложилась определенная "привычка" искать каталог-фильтр ИМЕННО в этом месте.

Не стоит их переучивать))

Речь об этом: http://i.imgur.com/3qyVwIp.png

3) на ВСЕМ сайте НЕТ информации о том, из КАКОГО вы города? Даже в "Контактах" и в "Схеме проезда нет"

Но если приглядется - в САМОМ низу, в футере - мелким шрифтом видно что это Курск. Обязательно пропишите это везде))))

---------- Добавлено 05.07.2016 в 10:21 ----------

Обожаю узкопрофильные магазины))) Их проще всего раскручивать.

1. Конечно нужно показать ЧЕМ вы тут занимаетесь.

Чтобы посетитель БЫСТРО смог понять КАК он может решить свою проблему с помощью Вашего магазина. Телефоны смещаем вправо и на их место ставим дескриптор (описание) магазина.

Сделать нужно так (схема-скриншот): http://i.imgur.com/7AGgcOx.png

2. Это САМОЕ важное:

Нужно в КАЖДОЙ карточке товара - ПЕРЕЧИСЛИТЬ - для каких КОНКРЕТНО моделей ноутбука подходит данный блок питания. Кроме того что это даст МОЩНЫЙ приток трафика с Поисковиков по НЧ запросам типа "купить блок питания для ноутбука ASUS модель такая то" - так это еще и УЛУЧШИТ вашу конверсию. Потому что людям ВЛОМ звонить и спрашивать - "а подойдет это мне или нет?" А тут будет сразу видно. Заморочтесь и сделайте это ОБЯЗАТЕЛЬНО!

Речь об этом (схема-скриншот): http://i.imgur.com/pukOmGF.png

---------- Добавлено 05.07.2016 в 10:55 ----------

P.S. Чего то проглючил в этот раз форум - и ПОДТЯНУЛ в пост - СТАРОЕ сообщение из кеша 😡

Борис, здравствуйте!

Понимаю, что не всем можете ответить! :)

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

В любом случае - спасибо!

Вадим, прошу набраться немного терпения))

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

Продолжаю:

Сорри, но похоже Вам СРОЧНО (!!!) нужно почистить сайт!

Вот что сказал мой NOD32 при открытии Вашего ресурса (скриншот): http://i.imgur.com/wBsjY3q.png

Поэтому перехожу к следующему сайту:

Вы очень верно подметили - ОГРОМНОЕ сосредоточение всего, очень все яркое, как в мультфильм попал)))

1. Верхнюю часть на Главной - нужно безжалостно вырезать и убрать, либо сократить по высоте процентов на 70%. Она НЕ НЕСЕТ особой смысловой нагрузки, и ОТОДВИГАЕТ контентную часть сайта вниз. У нас НЕ будет второго шанса - произвести ПЕРВОЕ впечатление.

Речь об этом (схема-скриншот): http://i.imgur.com/NDpcsWF.jpg

2. Каталог по центру экрана - выглядит как ошибка в верстке сайта. Потому как НЕВОЗМОЖНО прочитать "тип двери" - БЕЗ наведения мыши. Сама по себе задумка неплохая, но вероятность что клиент ДОГАДАЕТСЯ что нужно туда сувать мышь - стремится к нулю. Интуитивно - это НЕ понятно. Сходу не отвечу КАК ИМЕННО нужно переделать, но то что нужно МЕНЯТЬ - это 100%.

Речь об этом (схема-скриншот): http://i.imgur.com/2OdfJhC.png

3. В Карточке товара - используется ОЧЕНЬ КРАСИВАЯ интерактивное описание двери на Флеше.

Потенциально - это проблема. У многих стоят блокираторы флеша + на уровне ядра браузера (как минимум в Chrome) - будет скоро внедрен запуск флеша ТОЛЬКО по требованию.

Отличный редизайн! Реально хорошо получилось!

1. Усиливаем "социальные доказательства" - добавляем ссылку на "Отзывы".

При клике на этот линк - скролим страницу вниз и открываем ТАБ с "Отзывами"

Сделать нужно так (схема-скриншот): http://i.imgur.com/O3GwFmf.png

2. Приводим в порядок модальное окно "Быстрого заказа".

Выводим название товара и даем ПОНЯТНЫЙ способ ЗАКРЫТЬ это окно)))))

Речь об этом (схема-скриншот): http://i.imgur.com/eXZIznz.png

Как и ранее - часть своих рекомендаций - буду давать в видео-формате.

ВАЖНО: рекомендую при просмотре СРАЗУ разворачивать видео на весь экран.

Как развернуть? Вот подсказка: http://i.imgur.com/LLjh305.png

Чтобы было КРУПНО и УДОБНО - рекомендую смотреть тут: http://boris-turbo.com/sovety#comment-247

Добрый день!

Можно и наш проверить: Щигалев.РФ

С уважением, Михаил.

Добрый день!

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

Спасибо Вам заранее!