Как специалист с уже 7-летним стажем, могу поделиться своей методикой проведения аудитов.
Конечно взгляд специалиста со стороны ничто не заменит, ведь когда мы находимся внутри проекта, мы смотрим изнутри наружу, в то время как наши клиенты смотрят снаружи во внутрь. Именно эта разница мешает нам проводить нужные изменения на сайте и делать это вовремя. Но все же я могу дать методологию, которая поможет взглянуть на ваш сайт по новому.
Сразу скажу, что данная статья больше нацелена на интернет-магазины. Но все же некоторые вещи являются концептуальными и подойдут для аудита любого сайта.
У меня также уже есть статья про тренды для сайтов интернет-магазинов на 2022 год.
Визуальная часть
Позиционирование и первое впечатление
Начнем с первого впечатления. Получить его самостоятельно на основе собственного сайта просто нереально, мы то уже привыкли к нему, знаем что и где находится. Никакая логика вам не поможет, люди не рациональные и если вы думаете, что знаете как ваш посетитель сайта поведет себя при попадании на него, то уверяю вас, что ничего вы не знаете.
Есть 4 решения для данной проблемы.
Решение №1. Ставим на сайт Hotjar. Данный инструмент позволяет вести аналитику по тепловым картам, нечто подобное есть у Яндекс Метрики, но все же Hotjar это специализированный инструмент конкретно под тепловые карты. Никто не запрещает использовать аналоги, просто я пользовался именно этим вариантом.
Настроив Hotjar, можно проверять как пользователи ведут себя на сайте, есть записи посещений и тепловые карты кликов, плюс можно видеть на чем люди заостряют свое внимание, где останавливают свой взгляд. Самое распространенное явление, которое можно увидеть на тепловых картах, это когда человек кликает на не кликабельный элемент, соответственно получает негативный опыт использования сайта.
Решение №2. Самое простое. Просим всех знакомых и друзей зайти на сайт и дать обратную связь об их впечатлении и всех мыслях, которые возникли при попадании на сайт. Важно! Проводить оценку нужно и по моб. версии в том числе.
Решение №3. Сервис UX Feedback. Ставим на сайт, настраиваем и собираем фидбек от посетителей сайта. Это будет выглядеть как маленькая плашка сбоку сайта (ее можно кастомизировать и размещать в разных местах), по нажатию на которую откроется предложение оценить платформу, сервис, услугу, опыт, это все вы можете настроить самостоятельно, в итоге получаем большое кол-во оценок от пользователей по конкретным вопросам и понимаем над чем нужно поработать:
Решение №4. Поработать над позиционированием. При первом заходе на сайт, пользователь должен за секунду понять о чем сайт и что здесь можно найти/купить. Добиться этого можно за счет краткого описания сайта, например как на моем:
На некоторых сайтах стоит статический баннер, на котором пишут УТП магазина. Это тоже можно использовать, но важно в таком случае делать и призыв на нем и соответственно, чтобы он был кликабелен.
Частая проблема, с которой я сталкивался при проведении аудитов, это захламленный интерфейс, множество лишних элементов, а также очень «шумный дизайн».
Чем проще будет интерфейс, тем лучше, пользователь может сосредоточиться только на важном. Я советую определить какие элементы являются главными, а какие второстепенными. Как правило главные элементы, это те, которые ведут человека к совершению какого-то полезного действия, подписки, регистрации, звонку или покупке.
Лишнее лучше скрыть, убрать или передвинуть в другое место. Дайте пользователю в первую очередь видеть главное.
Следующий способ выделить главное от второстепенного, это цветовой контраст. Главные элементы должны выделяться на общем фоне по цвету. И тут я хочу сказать про «шумный дизайн», на сайте не должно быть большого кол-ва цветов, трех вполне достаточно, один для фона, второй для выделения второстепенных элементов и третий для главных элементов.
Интерфейс сайта
Следующим делом необходимо проверить интерфейс сайта. Для интернет-магазинов главные части интерфейса касаются отображения каталога, раздела с меню, шапкой сайта, а также вспомогательным элементам каталога, таким как фильтры и сортировки товаров.
Каталог
Сегодняшняя тенденция говорит о том, чтобы каталог товаров был открытым по умолчанию. Это уменьшает кол-во кликов для пользователя, а значит упрощает его передвижение с главной страницы дальше по воронке сайта:
Меню
В меню должны быть ссылки на всю важную информацию для покупателя, вход в личный кабинет, условия возвратов, гарантии, контакты, доставка, каталог товаров. Под меню можно скрыть множество таких ссылок, если вы понимаете, что ваш клиент может задать какой-то вопрос о вашем магазине, добавьте в меню ссылку на эту информацию, вы упростите жизнь и клиенту и себе.
Шапка сайта
Шапка, это верхняя строка сайта. У некоторых она фиксированная, у некоторых прячется при скролле вниз. Правильного варианта нет. Важно, чтобы в шапке не было ничего лишнего. Важно чтобы там были: кнопка каталога, поиска по сайту, иконка смены языка, иконка входа в личный кабинет, иконка корзины и иконки списка желаний и сравнений. Все остальное спрячьте под меню или в подвал сайта. Если же у вас есть точные данные, о том, что каким то функционалом сайта пользователи пользуются очень часто, только тогда допускается вывод этого элемента в шапку.
Фильтры и сортировки
Раздел фильтров крайне важен, ведь он упрощает поиск нужного товара. Соответственно подымает конверсию из посещения в заказ.
Самые важные фильтры, это фильтр по цене и по бренду, они должны быть всегда и везде, где есть хотя бы два разных бренда в категории. Все остальные фильтры определяются на основе самых главных характеристик товара, либо категории товаров.
Проверьте «адекватность» работы фильтров на моб. устройстве. Они должны работать быстро и просто.
Что касается сортировок, то самые важные сортировки, это по цене от меньшей к большей и от большей к меньшей, данные сортировки являются самыми часто используемыми. По умолчанию должна стоять сортировка по популярности товара.
Хлебные крошки
Это навигация по каталогу товара, очень удобно и по умолчанию есть почти у всех, но если вдруг нет, включите ее.
Карточка товара
Пришло время перейти к карточке товара, тут тоже есть что оптимизировать.
Естественно на каждом товаре должно быть описание, характеристики, комплектация. Там где есть смысл, нужно добавлять блок ответов на частые вопросы. Отлично будет добавлять к товарам обзоры на них.
Под карточкой товара обычно размещают дополнительные блоки, такие как: похожие товары, с этим товаром покупают.
На самой карточке товаров необходимо размещать кнопку покупки в 1 клик. В которой человеку достаточно будет заполнить только номер телефона для заказа. Поставьте в поле правило проверки валидности номера телефона, чтобы нивелировать ошибки при его вводе.
Очень сильным преимуществом будет добавление оплаты частями, рассрочки и различные варианты кредитов.
Чекаут или процесс оформления заказа
При нажатии на кнопку «Купить» у человека должна появляться плашка с предложением перейти в корзину либо продолжить покупки. Вариант «более-менее», если человека сразу отправляет на корзину, но это не всегда удобно. Часто люди нажимая «купить» просто делают себе закладку на товар, чтобы вернуться к нему позже. Дайте людям выбор:
После перехода к оформлению заказа, в среднем, до окончания его оформления теряется около 50% заказов. Почему? Во многом потому, что процесс оформления очень неудобен.
Если у вас есть возможность зайти в личный кабинет, дайте человеку возможность сделать это просто заполнив номер телефона, ему на него придет СМС с кодом доступа, это наиболее простой процесс вернуть человека в личный кабинет.
На практике я выявил, что лучше всего себя показывает поэтапный, последовательный процесс оформления заказа. Это значит, что нужно разбить на логические блоки (желательно эти блоки визуально выделить) заполнение личной информации, информации о способе оплаты, о способе доставки. Иногда эти блоки визуально скрывают, пока человек на них не кликнет, но каждый лишний клик, это лишнее действие, поэтому я бы оставил эти блоки открытыми.
Запомните, чем проще будет выглядеть визуально весь этот процесс, тем лучше. 10-летний ребенок должен иметь возможность самостоятельно оформить заказ, если у него это не получается, значит у вас сложный процесс оформления заказа.
Ловля лидов
Теперь поговорим про ловлю лидов. Нам важно не терять ни единого клиента. Для этого нужно дать возможность им коммуницировать с нами наиболее удобным способом. Проверьте есть ли у вас форма обратного звонка. Есть ли возможность переписываться с менеджером через чат на сайте? А можно ли там выбрать мессенджер, через который клиенту удобнее всего переписываться?
Делайте проверки полей, в которые человек вводит данные. Без проверки поля номера телефона, с 5% лидов вы просто не сможете связаться из-за неправильного номера телефона.
Я уже говорил про кнопку покупки в 1 клик, скажу еще раз, это важный элемент, через нее в среднем может приходить 20% лидов. Которым удобнее оформить заказ во время звонка менеджера и заодно задать пару вопросов о товаре.
Всех тонкостей и мелочей не учесть в одной статье, я дал универсальную методологию аудита. Чтобы копнуть глубже, необходимо смотреть на конкретный пример и разбирать его вместе с аналитикой по сайту.
Ну и конечно, не забывайте, что проводить аудит самостоятельно, это хорошо, но лучше, когда этим занимается специалист. Услугу аудита вы можете заказать у меня, связавшись любым удобным для себя способом.
Техническая часть
Одним из ключевых параметров «юзер экспириенс» является скорость работы сайта, загрузки страниц и медиа-файлов, таких как изображения. Более того, скорость загрузки влияет и на SEO продвижение, это один из параметров, который помогает улучшать позиции в выдаче.
Возможно вы уже 100 раз слышали о проверке скорости загрузки через PageSpeed Insights, но повторение как мы знаем, это полезно. Проверьте скорость загрузки сайта и посмотрите рекомендации по ее улучшению на той же странице.
Самые распространенные проблемы это:
- большой размер картинок, их нужно оптимизировать либо через плагины, либо вручную
- множество скриптов, от гугла, фейсбука, различных метрик. В этом случае нужно воспользоваться помощью разработчика
Слишком детально лезть сюда не будем, т.к. моей экспертизы в технической настройке не хватит. Могу лишь добавить, что на скорость загрузки также может повлиять подключение Cloudflare, он ускорит загрузку контента.
Данная услуга нацелена на повышение конверсии интернет-магазина и оптимизации его в контексте пользовательского опыта. Все подробности по ссылке.
Комментарии закрыты.