12 секретов юзабилити
В переводе с английского означает «удобство использования». Ее задача задержать посетителя на сайте, чтобы он нашёл полезную для себя информацию. Если веб-ресурс содержит все, что ожидал на нем увидеть гость, то входящий трафик конвертируется в заявки и звонки. Принципы закладываются в процессе разработки сайта. Для этого создаётся определённый набор функций и элементов управления. Посещаемость интернет-ресурса проверяется с помощью специальных программ (например, pr-cy.ru, seogadget.ru, 2ip.ru и т. д.). Если показатели популярности портала не очень высоки, всегда можно на них повлиять. Для этого нужно проанализировать навигацию сайта и пересмотреть методы.
Чем понятней навигация ресурса, тем чаще буду приходить посетители, и тем выше станет процент продаж (заказов). Другими словами, удобный для пользования сайт повышает его конверсию и превращает посетителей в клиентов.
Какие параметры улучшают удобство сайта?
1. Скорость загрузки страниц.
Она ооооох(!!!) как влияет на решение потенциального клиента посетить ваш сайт. Очень важно, чтобы скорость загрузки страницы была до 3 секунд
Типичная проблема: страница слишком долго грузится, в результате чего посетитель уходит на другую.
Выход: увеличьте скорость загрузки страницы. Идеальный вариант – секунда, но до 3-ёх тоже терпимо. Чем дольше, тем выше риск потерять клиента. Обратите внимание на верстку и контент. Возможно, стоит уменьшить размер страниц веб-ресурса или изображений на нем, оптимизировать коды JavaScript и CSS или сократить количество редиректов и т. д.
2. Главная страница.
Помните? Встречают по одежке. Вы же не придёте на премию вручения «Оскар» в халате, банных тапочках и с полотенцем на голове? Так же и оформление сайта – оно делается в соответствии с тематикой. Что больше заинтересует целевую аудиторию владельца автосалона: фото иномарки или милого котика с бантом на шее? Ответ очевиден.
Дизайн главной страницы сайта должен соответствовать главной цели.
Типичная проблема: Главная страница «захламлена» информацией не по теме, и пользователь не видит, где ему найти то, в чем он нуждается.
Выход: Расставьте все «по полочкам», оставляйте только информацию, имеющую прямое отношение к тематике сайта и потребностям клиента.
3. Визуальные эффекты.
Они по-разному влияют на время пребывания посетителя на сайте: могут способствовать как повышению, так и понижению.
Перегружать сайт эффектами чревато потерей аудитории
Типичная проблема: вредные эффекты. Что делали лично вы, когда не могли прочесть интересующий вас текст из-за выскакивающего окна с предложением подписаться на рассылку? Скорее всего, возвращались к результатам поиска и переходили на другой ресурс. Ваши потенциальные клиенты делают так же.
4. Правила гласят: удобная навигация –> удобство перемещения по сайту –> удобство покупки –> успешность ресурса.
Скрытая навигация: появляется при наведении
Типичная проблема: отсутствие кнопок навигации, которые упрощают пользование ресурсом.
Выход: добавьте на основную страницу значок обратной связи («позвонить», «оформить заказ», «поместить в корзину» и т. д.). Желательно разместить на всех страницах кнопку возврата либо «хлебные крошки» (возможность вернуться в предыдущий подраздел или выйти на главную).
5. Побуждение к действию. Это может быть призыв к действию – звонку, покупке, письму, отзыву и т. д.
Контент и дизайн должны содержать ненавязчивый призыв к действию
Типичная проблема: продаёте товар и не делаете уверенного предложения его приобрести. Если вы не уверены в том, что его следует купить, то убедить в этом потенциального покупателя сложно.
Выход: подтолкните посетителя к действию. Хотя бы восклицательным знаком в конце зазывающей фразы или слова. А лучше используйте призыв, выраженный повелительным наклонением («напиши», «позвони», «купи» и т. д.).
6. Максимум пользы. Клиенту нужно дать почувствовать, что именно ваш ресурс поможет ему завершить поиски.
Дайте понять посетителю, что больше искать не надо – надо брать у вас!
Типичная проблема: Неактуальная и несоответствующая конъюнктуре рынка информация.
7. Мера во всем. Слишком много информации может запутать интернет-гостя и вынудить его покинуть сайт.
Структурированная информация, если можно заменить картинкой – замените
Типичная проблема: создатели ресурса не слишком разбираются, что на самом деле необходимо целевой аудитории.
8. Размещение информация по принципу «F-паттерн».
Исследования подтверждают: первую строку текста посетитель читает полностью, следующую – примерно наполовину, во всех остальных обращает внимание только на начало.
Пример F-паттерна
Типичная проблема: создатели веб-ресурса не учитывают психологии посетителей и размещают информацию в том порядке, какой по своим личным критериям считают лучшим.
9. Текстовый контент и его оформление.
Размещённые на веб-ресурсе статьи просто ОБЯЗАНЫ быть полезным для целевой аудитории, и, что не менее важно, грамотными.
Интересная информация без воды
Типичные проблемы:
1) Ошибки. Неправильно написанные слова и пропущенные знаки препинания портят репутацию портала. Есть опасность, что у потенциального заказчика возникнет мысль вроде «неграмотные тексты – неграмотные владельцы ресурса, некачественный товар (услуги)». Следите за написанным, ведь разочарованный посетитель не воробей: вылетит с сайта – не поймаешь;
2) Завлекающий заголовок. Цель размещения – привлечь внимание посетителя. Он просто должен кликнуть на текст. Желательно, конечно, чтобы написанное оправдало его ожидания;
3) «Вода». Текст должен помочь посетителю определиться с выбором, подтолкнуть к покупке (заказу). В лишних словах потенциальный клиент просто утонет;
4) Длина и стиль статей. Никто не станет читать сплошные тексты. Их следует разбивать на абзацы с подзаголовками. Эпоха подражания стилю Достоевского миновала. Длинные предложения с массой деепричастных и причастных оборотов пугают и запутывают читателя. Информацию желательно излагать короткими фразами в стиле Довлатова. Сергей Донатович нынче в тренде;
5) Шрифт. Слишком мелкий утомляет и вызывает тошноту, чересчур крупный рассеивает внимание и раздражает. Оптимальный вариант – 14 или 16 кегль;
6) Цвет. Для текста лучше применяйте чёрный. В случае использования ссылок, окрашивайте их в синий или голубой, т. к. это привычный для большинства интернет-пользователей цветовой сигнал о необходимости перехода на указанную страницу;
7) Картинки и фотографии. Не перенасыщайте ими текст. Изображения всего лишь должны дополнять написанное.
10. Видеоконтент.
То, что интересует посетителей чуть ли не больше всего. Одно дело посмотреть на фотографию товара и прочесть его характеристику, другое – увидеть инструкцию по использованию.
Видео в описании товара или в новостных материалах увеличивает интерес и привлекательность для пользователя
Типичные проблемы:
1) Отсутствие видеоконтента на веб-ресурсе;
2) Видеоконтент не соответствует тематике;
3) Скучный и неинтересный видеоконтент.
11. Реклама.
В наше время без неё никак. Она является основным двигателем многих проектов.
Отдельный блок для рекламы, которая не будет навязываться
Типичная проблема: перегруз основной страницы сайта рекламными объявлениями либо нетематическими афишами. По этой причине вы рискуете потерять клиента. Он просто сбежит, как невеста из-под венца, и найдёт нового жениха, т. е. другой ресурс.
12. Адаптация веб-ресурса под мобильные устройства.
Помните о ней всегда! Это современный MUST HAVE для каждого владельца интернет-ресурса, поскольку большинство людей заходит на сайты через мобильные устройства.
Верстка сайта для всех гаджетов: мобильных телефонов, планшетов
Типичная проблема: часто создатели веб ресурса забывают о том, что сайт должен выглядеть полноценно и привлекательно с любого гаджета. Наиболее распространённым упущением является Safari – поисковик системы IOS. Как ни странно, очень часто недоработки обнаруживаются в версиях именно для ноутбуков, планшетов и телефонов Apple.
