Главные ошибки в юзабилити-интернет магазинов / Наш Блог

Юзабилити — то, на что пользователь обращает внимание в первую очередь. Это напрямую влияет на продажи, конверсию, поисковую выдачу и имидж. От качества юзабилити зависит лояльность аудитории.

Все это вроде как понимают — однако на многих сайтах есть колоссальное количество недочетов.

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

Структура сайта

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

Структура сайта влияет на ранжирование и конверсию, а также предопределяет поведенческие факторы (пользователь начнет дольше «зависать» на сайте, превращаясь из потенциального клиента в реального).

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

Для того чтобы логика прослеживалась максимально четко, идите от общего к частному.

Мобильная версия

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

Важно ее сделать не ради галочки, а максимально протестировать перед запуском. Оцените, не слетела ли верстка, работают ли «продающие» кнопки и эстетично ли смотрятся изображения.

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

Лайфхак: предложите пользователям оформлять заказ через мобильную версию сайта со скидкой.

Верстка

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

Безграмотная верстка отпугивает. Это говорит о неуважительном отношении к клиенту.

Логотип

Логотип — это «лицо» вашего сайта. Ваша узнаваемая фишка. О том, что он должен быть, не стоит и говорить.

Расположите логотип посередине страницы, в шапке. Интуитивно пользователь ожидает увидеть его именно там.

Регистрация

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

Хорошим решением будет сделать возможность зарегистрироваться через социальные сети или Google+. Это сэкономит время пользователю.

Фильтрация по параметрам

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

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

Еще одна ошибка: интернет-магазины предпочитают делать один фильтр, например, по цене. Это сильно сужает целевую аудиторию. Большинство пользователей предпочитают несколько фильтров (вспомните, сколько предлагают популярные сайты — например, Airbnb).

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

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

Описания товаров

Обычно встречается две ситуации: разработчики дают или слишком много слов, или слишком мало. Плохо и то, и то. В первом случае клиент утомляется, во втором — уходит неудовлетворенным.

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

Не забудьте оптимизировать текст под SEO, добавив ключевики и «подогнать» атрибуты alt и title изображений.

Баннеры

Баннеры — самая болезненная проблема многих сайтов. Они могут быть слишкими яркими (такая реклама раздражает клиента), неинформативными и не подходящими по стилю сайту.

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

Остерегайтесь провокационных, «желтушных» баннеров. Одна такая реклама может подорвать многолетнюю репутацию компании и отпугнуть потенциальных клиентов

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

Не опирайтесь только на мнение дизайнера, проведите аналитику. Используйте инструменты Google Analytics и Яндекс.Метрики, чтобы понять, как на самом деле работает юзабилити. Они предоставят поведенческую статистику пользователей и вы поймете, что «чувствует» пользователь, когда попадает на ваш сайт. В частности, увидите, отпугивают или нет его баннеры.

Оплата, доставка, гарантия

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

Помните, что чем больше вы информации дадите, тем меньше вопросов у клиентов останется, тем сильнее у них будет доверие к компании. Поэтому обязательно укажите условия доставки и оплаты в «оформлении заказа».

Контактная информация

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

Пользователь раздражается, если не может найти таких очевидных вещей на сайте.

Тонкости

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

Прежде чем запускать сайт в работу, проверьте, все ли ссылки рабочие. Нет ничего хуже, когда пользователь кликает, а там его «любимая» ошибка not found.

Не перегружайте пользователя контентом. Старайтесь, чтобы все блоки текста были максимально лаконичными, но при этом информативными. Делите информацию на заголовки, подзаголовки, максимально структурируйте мысли.

Помните о «социальных» кнопках. Мы живем в мире соцсетей — именно поэтому так важно добавлять функции вроде «Поделиться», «Мне нравится».

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

Добавьте возможность внутреннего поиска на сайте. Да, это не самая популярная функция, но иногда она нужна принципиально, а ее нет.

Не экономьте на создании сайта. Медленная загрузка страниц бесит — наверняка вы сами это замечали, когда заходили на «тормозящие» страницы. Статистика: если время загрузки превышает 7 секунд, почти половина пользователей уходят с платформы. Кроме того, такие сайты хуже ранжируются поисковиками.  

Итого

Мало сделать сайт — он должен быть хорошим. Как понять, удобен ли он? Поставьте себя на место клиента. Лично вам было бы удобно пользоваться такой платформой? Вы бы заказывали там товары? А может, ушли бы к конкурентам?

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