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

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

Отбивка без телефона — клиента на ветер!

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

Интересная пагинация!

Конечно, вместо “63” должно стоять “256”, а ниже привычное “показать по: 30, 60, …”

Вконец опущенный фильтр

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

Далее мы отсекаем отвлекающее лишнее, чтобы помочь увидеть главное

Не показывайте того, чего еще нет

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

Уже не надо домиков

Функцию “На главную” давно повсеместно несет на себе логотип.

Срочно в номер! 138 бренд!

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

Как бы хиты..

Хиты продаж на моем опыте почти всегда попадание в молоко. Даже если убрать подставу с ярлычками “new” над “хитами”, и кто-то поверит в то, что это правда хиты, а не стандартная задача продать залежавшийся товар, то точно невозможно попасть четырьмя товарами в потребность тысяч посетителей при таком ответственном выборе как люстры. Это не какая-нибудь lamoda, где можно бросить девушке в лицо яркой недорогой сумочкой, что у нее просто инстинктивно сработает клик “в корзину” — новая сумочка же лишней не будет, правда? Здесь же посетитель все равно пойдет в каталог фильтровать, сравнивать.

То же касается “новинок” — это сработает только на сайте “Деревянные торшеры с бантиком” с 10 товарами и 10 постоянными клиентами. Бесполезно палить из пушки по воробьям-потребностям. Новинки и распродажа все равно есть в главном меню, и в полном составе, в удобном списке. Кликнут.

Дорогу скидкам!

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

Почему не стоит экономить на дизайнере (главный завет статьи для svetiko)

Несмотря на то, что у сайта относительно мало грубых ошибок проектирования, нужно понимать, что для того же самого юзабилити необходим и дизайн. Бессознательное решение о том, нравится ли сайт, принимается в первые миллисекунды при открытии сайта, и в нем, безусловно, И ТАК все равно купят, ЕСЛИ параллельно с ним не открыты вкладки с идентичными по ассортименту, но Чуть более приятными по дизайну сайтами. Посетитель при этом неосознанно будет искать более серьезные причины, почему он покупает именно на том стильном легком приятном сайте (а кто ищет, тот найдет). Также доверие к качественному дизайну объясняется тем, что у компании, вообще, есть на него деньги, и он заботится о приятном опыте пользователя.

Отдельных советов не будет

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

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

Пиксели с кулак

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

Адаптивный? Адаптивный. Вот и все:)

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

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

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

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

“Оставить отзыв” на странице товара точно ни к чему над фоткой. Смиренно просится соцсетям вниз.

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

Иконку весов для сравнения считаю понятнее, она используется чаще.

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

Ну, а так все хорошо:)