Юзабилити интернет магазина

Юзабилити (в переводе с английского «usability» — удобство использования) — это один из важных показателей при создании сайтов. Он показывает, насколько потенциальному пользователю удобно пользоваться ресурсом, понятен ли ему интерфейс.

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

Если ресурс будет неудобным, даже нахождение его в ТОП-10 выдачи по высокочастотному запросу не принесет никакой прибыли.

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

Правила юзабилити

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

6 главных правил юзабилити:

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

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

3. Приятный шрифт. Комик Санс, курсив и прочее оставьте личным дневникам. Текст на коммерческом сайте должен быть хорошо читаемым и приятным для глаз. Лучше использовать классическую типографику.

4. Дизайн соответствует тематике ресурса. Для магазина с женской аудиторией подойдут мягкие пастельные оттенки. Для сайта про оружие можно использовать тёмные цвета и металлические текстуры.

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

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

Если следовать этим принципам, сайт будет привлекать клиентов, а не отталкивать их.

Основные принципы

Создавая юзабилити, разработчики опираются на 2 принципа удобного сайта.

А именно:

• Правило 2 секунд. Это оптимальное время загрузки страницы. Максимальное — 10. Если страница будет грузиться дольше, с вероятностью в 90% пользователь закроет вкладку и уйдёт к конкурентам.

• Правило 3 нажатий. Чтобы добраться к любой информации, клиент должен сделать не больше 3 кликов. Длинная навигационная цепочка приведет к тому, что покупатель потеряется и уйдет.

Аудит

Чтобы улучшить юзабилити, компании заказывают аудит.

Он включает в себя оценку удобства пользования сайтом и состоит из следующих этапов:

• проверка основных функций на очевидность и удобство в получении информации для конечного пользователя;

• аудит главной страницы и оценка её маркетинговой привлекательности;

• проверка статей, описаний товаров и категорий;

• исследование удобства навигации и соответствии её правилу 3 кликов;

• аудит качества текстов (на информативность, маркетинговую привлекательность, понятную структуру);

• проверка правильности контактных данных;

• проверка работоспособности пользовательских форм;

• аудит адаптивности страницы (корректного отображения с разных браузеров и устройств).

После аудита специалист оценит юзабилити и даст конкретные рекомендации, чтобы улучшить этот показатель.

Как повысить юзабилити

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

Дружественный дизайн

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

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

Подробный каталог

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

Виртуальная корзина

Обязательный пункт в создании дружественного интерфейса — понятная и удобная в использовании корзина. Если пользователь не поймёт, как добавлять товары и где заполнять форму, он уйдёт. И уже прогретый на конкретную покупку клиент достанется конкурентам.

Простая форма заказа

Тут действует всего 2 правила — минимум полей и максимально очевидные подписи. Даже если ради этого придётся пожертвовать своим видением «красиво».

Подробные условия доставки и точные контакты

Цель интернет-магазина — вызвать у клиента максимальное доверие к компании и простимулировать к покупке. Именно поэтому вся важная информация должна находиться в открытом доступе.

ТОП-7 ошибок в юзабилити интернет-магазина

Нет контактных данных

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

Задача сайта — убедить, что компания действительно существует и доставляет клиентам товары.

Для этого нужно указать:

• юридический адрес;

• адреса складов самовывоза;

• контактный телефон;

• адреса электронной почты, мессенджеров, страничек в социальных сетях.

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

Навязчивая регистрация

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

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

Нет описания товаров

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

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

Нет покупки в 1 клик

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

Заполнение формы с большим количеством полей, регистрация и прочие дополнительные шаги только оттолкнут от покупки.

Неструктурированный каталог

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

Создайте тематические категории и подкатегории (но не переборщите, помните про правило 3 кликов), добавьте удобный поиск и сортировку.

Несколько кнопок для заказа

Кнопки вроде «Заказать», «С доставкой», «Купить» на одной странице путают пользователя. Сделайте только одну. К ней можно добавить «заказать в один клик». При этом одну из кнопок нужно выделить, чтобы покупатель потянулся именно к ней.

Остальные детали можно уточнить уже при заполнении форме или звонке. «Заказать» и «С доставкой» лучше оформить переключателями вроде «Самовывоз» и «Курьером».

Проблемы в процессе оформления

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

На этапе тестирования нужно как можно тщательнее проверить работоспособность всех форм и кнопок.