12 секретов юзабилити

web_design
Аудио дорожка
2855

В переводе с английского означает «удобство использования». Ее задача задержать посетителя на сайте, чтобы он нашёл полезную для себя информацию. Если веб-ресурс содержит все, что ожидал на нем увидеть гость, то входящий трафик конвертируется в заявки и звонки. Принципы закладываются в процессе разработки сайта. Для этого создаётся определённый набор функций и элементов управления. Посещаемость интернет-ресурса проверяется с помощью специальных программ (например, 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.