Почему ваш сайт не продает. Разбираемся на примере интернет-магазина.

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

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

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

Особенно если речь идет об интернет-магазине.

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

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

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

Итог один: конверсия упадет.

Некоторые причины плохой структуры

• Выгрузка напрямую из программы учета без внесения необходимых корректировок.

Эта практика была распространена ранее. Интернет-магазины экспортировали структуру напрямую из 1С и других программ и не вносили правки.

Вот один из способов решения этой проблемы (линк): разделите дерево структуры работы для сотрудников и дерево выгрузки на сайт.

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

Как решить:

а) разделите добавление разделов на два шага: сначала в программу учета, а затем уже на сайт (обновленные товары с нужными пометками от менеджеров);

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

Хлебные крошки

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

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

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

Как делаем мы?

Хорошо продуманные хлебные крошки строятся по схеме «Родительская категория» — «Подкатегория» — «Раздел». Например, так: «Мебель» — «Диваны» — «Двухместные диваны». Таким образом можно структурировать даже многоуровневую систему вложенности и при этом не запутаться. Мы стараемся соблюдать эту несложную иерархию в наших проектах (линк).

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

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

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

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

Слишком оригинальный дизайн

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

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

В Рунете уже есть сложившиеся паттерны: “Корзина” и телефон располагаются сверху справа, логотип сверху слева или по центру и т.д. И покупатель ожидает увидеть эти кнопки на привычных местах.

А если вы сильно отходите от традиционных шаблонов, это может значительно снизить конверсию.

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

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

Ну и подсматривайте, как делают конкуренты — и переосмысляйте их решения.

Шаблонность

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

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

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

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

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

Нет адаптированной мобильной версии — или она адаптирована с ошибками

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

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

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

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

Чем скорее вы ее осознаете и устраните, тем больше клиентов вы сохраните за собой.

Кроссбраузерность

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

Если пользователь зашел в Microsoft Edge и увидел там другой контент или не увидел анимацию, которая есть в Google Chrome, это звоночек, что с сайтом что-то не то, есть недоработки.

Это также может повлиять на снижение конверсии.

• СТРУКТУРА

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

• ДИЗАЙН

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

• АДАПТИВНОСТЬ

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