Проверка сайта
Юзабилити определяет понятность сайта для посетителей и удобство для пользователей. Чем проще человеку искать информацию, тем выше ваши шансы получать клиентов и подписчиков. Для определения этого качества проводят юзабилити аудит. Формально, это проверка интернет-ресурса на соответствие запросам пользователей. Но в этом исследовании есть ряд подводных камней. Например, продвинутый пользователь сможет самостоятельно найти нужную страницу, отыскав ее в карте сайта или в подвале, если страницы там указаны.Но каков процент именно таких разборчивых людей среди ваших посетителей?Конечно же, когда вы строили сайт, вы обо всем этом заботились. Но интернет развивается очень быстро, появляются новые пользователи, которые быстро схватывают тренды и начинают понимать их интуитивно. Соответственно, даже проект, который был идеален года два назад, сегодня может терять посетителей из-за своего устарения.
Тревожные звонки
Здесь важно не упустить момент старения вашего ресурса. Поэтому стоит периодически смотреть за статистикой. Для этого используйте сервисы Google Analytics или Яндекс Метрика. Если вы обнаруживаете следующее, то начинайте аудит юзабилити:- Велик процент отказов, либо имеет стремительную динамику. Отказом считается посетитель, который зашел на сайт, но провел там меньше 15 секунд, либо посмотрел всего одну страницу, чаще всего главную. Очевидно, что для лендингов показатель будет выражаться во времени, а не в количестве просмотров.
- Понижается "глубина". Если статистика раньше показывала вам, что люди активно листают ваш портал, а сейчас показатели упали, то это также повод заняться аудитом понятности.
- Низкая конверсия. Это соотношение всех зашедших на сайт к тем, кто совершил покупку, оформил подписку, оставил заявку, сделал запрос, либо посетил отдельную страницу с контактами. Негатив выражается в снижении этого коэффициента.
- Непосредственный жалобы от посетителей, оставленные в комментариях, либо переданные другими путями.
- Личные наблюдения. Вам вдруг стало казаться, что модель вашего сайта сложна. Возможно, вы сравниваете ее с конкурентами или тематическими аналогами.
Приступаем к анализу
Во-первых, вам потребуется свежее понимание своей отрасли. Возможно негатив появляется не только у вас, но и у всех конкурентов. Это говорит не о проблемах с сайтом, а о проблемах с товаром. Здесь логичнее применить маркетинговые шаги, нежели конструкторские. Во-вторых, мы анализируем страницы, особенно ключевого назначения. Это посадочные, целевые и главные разделы. Для этого мы используем Google Analytics и Яндекс Метрику. Гугл дает огромный пакет данных, а Метрика поможет визуализировать проблемы. Тепловая карта кликов покажет активные и проблемные места. Также применяется Вебвизор. Это инструмент, который записывает посещение сайта как видео.Дополнительно можно устроить опрос. Это может быть форма на сайте. Мотивируйте посетителей ее заполнить. Например, пообещайте промокод или скидку. Либо просто честно скажите, что хотите сделать сайт лучше и удобнее для них.
Вы можете провести аудит интерфейса онлайн. Об этом мы писали в одном из предыдущих материалов. На основании полученного отчета вам будет куда проще разобраться с ситуацией.
Дизайн и элементы
Это ключевая группа, формирующая юзабилити. Соответственно, ее проверке стоит уделить основной вектор внимания. Трезво оцените главную страницу и ключевые элементы сайта. Пример: для интернет-магазина это будет карточка товара, для сайт специалиста таким будет портфолио, для журнала - сама статья. Проверьте ее на соответствие следующим рекомендациям:- Шапка, верхняя часть страницы, отображает логотип, название. Клик по лого переносит посетителя на главную. Возможно указание телефонных номеров или других контактов. Логотип должен быть оригинальным и узнаваемым. Лучше заказать его у профессионалов.
- Контент полностью связан с заголовками. Текстовые материалы имеют структуру, разделы, подзаголовки, абзацы, списки, выделение ключевых фраз. Изображения подписаны, укомплектованы в галерею, если их много.
- Обложка или главная точно определяют вектор сайта. Если это компания - то чем она занимается, если магазин - что продает. Старайтесь выражать задачи лаконично, в минимум предложений и слов. Делайте так, чтобы было "понятно даже бабушке".
- Меню находится слева, либо в верхней части. Его видно без дополнительных прокруток, хорошо, если оно закреплено или появляется при небольшом скролле. Хороший пример - ВКонтакте.
- Географическую привязку следует указывать сразу же. Если вы работаете в определенном городе, будь то Минск или Санкт - Петербург, то сообщайте в первых текстовых группах. Это положительно скажется на SEO.
- Цена имеет важное значение для потребителя. Если ваша стоимость меньше, чем у конкурентов, то можно сообщить об этом в начале текстовой группы. Если она высокая, то только после того, как опишите свои преимущества.
Структура сайта
Структура сайта - это порядок размещения информации на нем. Сюда входит группировка страниц по разделам, указанным в меню, либо порядок текстовых блоков, если речь идет о лендинге. Глубина структуры, это количество переходов по ссылкам, после которых человек попадет на искомую страницу. Рекомендуется, чтобы таких переходов было не больше трех. Если она находится слишком глубоко, то конверсия будет снижаться.Если ваш проект - интернет-магазин, то ваши товары должны четко разделяться по своему типу и не дублировать друг друга. Верхний раздел, если ваше меню столбиком, посвящается самым ходовым товарам, нижний - самым не популярным.Дублировать товары, либо путь к ним можно в случае акции. Если у вас есть раздел со скидочными товарами, то вы можете размещать их и там, и в соответствующем тематическом разделе.
Порядок лендинга
При работе с одностраничниками, внимательно распределяйте блоки портала. Они должны идти четкой цепочкой, ведущей к заказу или оставленным контактам клиента. При этом, текст и графика должны мотивировать на продолжение прокрутки. В качестве примера для такого интерфейса, можете попробовать следующий порядок:- Торговое предложение. Кто вы, чем занимаетесь, как поможете потенциальному покупателю. Ответьте на вопросы, почему стоит работать с вами.
- Порядок сотрудничества. Куда позвонить клиенту, что он получит за это, как оплачивать услуги или другая информация.
- Ваши предыдущие работы. Включайте сюда кейсы, портфолио, желательно с сопровождением в виде иллюстраций.
- Отзывы и достижения. Отзывы сопровождайте фотографией клиента. Это повышает доверие его отзыву. Остерегайтесь фотографий с фотостока.
- Чем вы можете подкрепить заказ? Гарантии, скидки или уникальное предложение. Хороший пример от "Додо Пицца": доставим пиццу за полчаса или вы получите ее бесплатно.
- Ваши известные клиенты, партнеры. Если это корпоративные структуры, то хорошо подойдут официальный отзывы на бланках. Такое вы можете встретить среди строительных компаний.
- Контрольный текст, емко формирующий все вышеописанное, находящийся рядом с кнопкой заявки или контактами.
