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

Итак поехали:

Из лички: http://shopauto.com.ua

Хороший, понятный интернет магазин, с удобной навигацией.

Из замечаний:

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

2) Ниже описания добавьте вывод "Другие товары в этой категории". Чтобы было так: http://www.awesomescreenshot.com/image/13797/c1b46623e70c78c2f3303ea710d7ffe5

Это усилит "поведенческие факторы" на сайте.

А уже чуть ниже выведите сопутствующие товары (которые присутствуют)

Резюме по развитию: усильте "социальные доказательства". С этим на сайте туго. Люди нуждаются в подтверждении правильности своего выбора.

И еще 15 рекомендаций. Если нужно)

из подписи. давно изменений не делал, глаз замылился.

Сайт: http://dvmax.ru/

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

рекомендации:

1) Перенесите "хлебные крошки" с низа карточки товара - в их привычное для посетителей место. То есть вверх. Чтобы было так: http://www.awesomescreenshot.com/image/14108/735a5e41cb6743316fef70b9b46a14ce - тем самым увеличим глубину просмотра.

2) Инфо-блок "Похожие товары" нужно сделать ВСЕГДА раскрытым и добавить соответствующий заголовок. Чтобы было так: http://www.awesomescreenshot.com/image/14155/914592e613c701e898479751937782f6 - опять таки усилим глубину просмотра и вероятность сконвертировать посетителя в покупателя)

Товары в этом инфо-блоке нужно отделить друг от друга пробелом пикселей в 10.

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

И еще 10 рекомендаций. Если нужно)

Только ИМ смотрите? Коммерческий сайт в подписи не глянете?

Больше интересует не конверсия, а юзабилити

Заранее спасибо!

Коммерческий сайт - это ТОЖЕ продающий сайт, только продаете Вы - УСЛУГУ))

Поэтому, да, конечно, прокомментирую:

1) Шапку сайта, ее верхнюю правую часть - нужно ПОЛНОСТЬЮ из картинки переделать в HTML.

Речь об этом: http://www.awesomescreenshot.com/image/105456/4c67ddcea2acfe1923e5fed954b88597

• Фразу "сопровождение тендеров" сделать в теге H1 - это усилит бесплатный траффик по соответсвующему Поисковому запросу.
• Номер телефона - тоже в HTML и взять в тег <tel> - чтобы посетитель с мобильного устройства - мог позвонить Вам в 1 клик, просто тапнув по номеру.

2) В ТОП-меню отсутствует важнейший пункт, который необходим сайту с Вашей спецификой. Это раздел "Почему мы?" или как вариант "О нас". Речь об этом: http://www.awesomescreenshot.com/image/105465/dc36b0d6561b9322db67892a15792cfa

По факту Вы раскрываете эту тему на Главной странице, и это хорошо. Но посетитель из Поиска необязательно зайдет на Главную (всего 3 - 5% юзеров это делают).

Поэтому 100% нужен отдельный Раздел сайта, хорошо видный. Разместите его сразу после ссылки на Главную. Это усилит доверие к Вам

3) На Главной (в самом низу) присутствует Форма захвата (оставьте номер - получите консультацию) - необходимо ее продублировать как минимум 2 раза на странице. И сделать так - на КАЖДОЙ странице сайта.

ну и так далее...

В целом, приятный, понятный, весьма информативный сайт.

Из лички:

По Главной странице:

1) В слайдере, в каждом кадре - нужно поставить яркую кнопку с призывом к действию, например "Узнать больше!". Примерно так: http://awesomescreenshot.com/02c4u93f09

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

2) На Главной странице - всегда традиционно большой процент отказов. Чтобы этого избежать - нужно разместить как можно выше - некую "убийственную информацию" о том, чем компания "ВИАТЕК" так круто отличается от тысячи других Московских мультимедийных интеграторов. У вас (в комании) 100% есть некие классные, наработанные уникальные фишки. Сделайте из них прикольную инфографику и разместите справа от слайдера свои УТП. Примерно так: http://awesomescreenshot.com/09b4u9417f

По карточке товара:

1) В существующем виде конверсия карточки товара, с отсутствием "цены", "наличия на складе", и вместо "Купить" - У ВАС кнопка "Узнать цену" (!!!) - конверсия такой карточки товара стремится к нулю... Буду удивлен если конверсия будет более чем 0,2%. Посетители не станут заморачиваться. Интегрируйте синхронизацию с учетной системой компании - чтобы цены и наличие ОБЯЗАТЕЛЬНО БЫЛИ. Это не сложно. Но категорически НУЖНО.

2) Если предположить что у вас уникальная специфика - и по другому НИКАК (кроме как размещать кнопку "Узнать цену") - то во всплывающей форме оставьте только 3 поля:

Имя (обязательное)

телефон (обязательное)

e-mail (по желанию)

Сейчас 8 полей. Такое заполнять не будут. Срочно меняйте.

Нужно больше? Тогда вам сюда

Здравствуйте. Интересует мнение по юзабилити этого проекта. Благодарю.

Хотел бы получить рекомендации по ИМ http://vidicar.kiev.ua акцент, категории и карточка товара. Спасибо.

иду по очереди))

Из лички:

По Разделу каталога:

У вас 3 страницы товара, цены идут вразнобой.

1) Добавьте возможность сортировки по 3 параметрам: от дешевых к дорогим, от дорогих к дешевым, сначала Новинки! Чтобы было примерно так: http://awesomescreenshot.com/02e4ue4e9c

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

По карточке товара:

1) Информацию о доставке - НЕЛЬЗЯ прятать. Речь об этом: http://awesomescreenshot.com/0c24ue5q88 нужно сразу давать списком в блочке - как минимум 4 способа доставки по городу, региону и стране - с КОНКРЕТНОЙ стоимостью доставки.

И уже потом - разместить ссылку (кнопку) "Узнать больше"

2) При нажатии "Узнать больше" - НЕЛЬЗЯ открывать новую страницу. Откройте всю необходимую дополнительную информацию - в попапе (popup). Иначе юзер может просто забыть зачем он пришел. Для принятия РЕШЕНИЯ О ПОКУПКЕ - все должно быть на ОДНОЙ странице.

Хотите узнать ЧТО ЕЩЕ мешает этому сайту продавать больше? Вам сюда

P.S. а точилки очень прикольные))))

1) Онлайн консультант размещен НЕ ВЕРНО. Он должен находится справа. В Вашем случае он автоматом открывается и закрывает вертикальный Каталог товаров. Что здорово ухудшает навигацию по сайту.

Рекомендация: перенесите его в правую сторону, или измените алгоритм работы (раскрывать только по клику посетителя).

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

2) В Карточке товара - ОТСУТСТВУЕТ информация о возможности и стоимости доставки - по регионам России. Чтобы ее узнать - нужно лезть в соответствующий раздел.

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

Рекомендация: напишите подробно в Карточке товара что и как. Сделайте так: http://awesomescreenshot.com/0e64um9x64 (картинка кликабельная) - это уменьшит процент отказов, и улучшит конверсию.

3) Добавьте возможность оставлять ОТЗЫВЫ о товарах, причем - АНОНИМНО.

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

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