основные принципы юзабилити

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

В веб-дизайне существует такое понятие, как «юзабилити» — удобство и простота использования. Хотите увеличить количество посещений и повысить лояльность пользователей к своему продукту? Сделайте свой сайт максимально комфортным для использования.

Откройте свою посадочную страницу. Если вы все сделали правильно, следующие вопросы не должны возникнуть:

  • Что это за сайт? Возможно, проблема в отсутствии логотипа, его расположении, размере или качестве изображения.
  • На какой странице я нахожусь? Вероятно, не указано название страницы.
  • Какие главные разделы на этом сайте? Прочитайте названия разделов своего сайта еще раз. Некорректная формулировка может запутать кого угодно.
  • Какие опции доступны на этом уровне? Локальная навигация должна быть понятной. Если пользователь не понимает, что еще есть рядом на странице, вероятно, он уйдет на другой ресурс.
  • Где я? Если пользователь не понимает, где именно на сайте он находится, помогите ему – создайте заметный указатель на карте сайта.
  • Как искать? Если пользователь не может найти поисковую строку на вашем сайте, то он ничего не найдет.

Вы всегда можете повысить уровень юзабилити сайта практически на любом этапе разработки:

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

Основные принципы юзабилити

tumblr_md4uxgraxz1qe31lco3_r2_1280

Определите целевую аудиторию и ее интересы

Это поможет отразить на страницах сайта информацию, которая привлечет больше пользователей. В соответствии с этим, чем уже круг целевой аудитории, тем проще вам удовлетворить ее потребности и заинтересовать.  А это, в свою очередь, напрямую положительно скажется на конверсии сайта.

 Добейтесь максимальной прозрачности

Предоставьте посетителям полную информацию о продукте:

  • страна производства
  • цена
  • условия доставки
  • возможные дополнительные расходы
  • гарантии

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

Соблюдайте структуру сайта

По стандарту, страницы сайта разбиваются на определенные области заголовками, разделителями или интервалами.

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

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

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

Поддерживайте обратную связь

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

Избегайте давления

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

Принципы эффективного юзабилити

  • Основной дизайн должен соответствовать разделам сайта или его страницам. Последовательный и гармоничный дизайн – залог профессионального подхода.
  • Стремитесь к тому, чтобы пользователи могли без помех воспринимать визуальную информацию на вашей странице. Для этого почитайте немного о принципах визуальной иерархии в веб-дизайне, чтобы иметь общее представление о том, как устроено наше восприятие изображенных на экране предметов, и правильно выделять важные элементы.
  • В соответствии с этими принципами usability выделяйте важные элементы на сайте и сделайте доступ к информации как можно проще.
  • Еще раз напомним о простоте. Не перегружайте сайт лишней информацией и чрезмерной графикой.

 

Основные принципы юзабилити навигации сайта

принципы юзабилити сайта

  • Понятные названия разделов, кнопок и ссылок
  • Если есть кнопка или ссылка, она должна быть кликабельна и пользователь должен видеть, что на них можно нажать
  • Ясная визуальная иерархия. Она основывается на трех принципах: чем важнее элемент, тем он заметнее; логически связанные элементы должны быть соединены и визуально; если на сайте есть такие элементы, как вложения, они должны быть частями друг друга.
  • В навигации сайта не должно быть воды.
  • Цвет ссылки, по которой кликнул пользователь, должен изменяться
  • Расположение навигации в одном и том же месте облегчит пользователям знакомство с сайтом
  • Стандартное расположение лого – левый верхний угол каждой страницы сайта или рядом. Логотип должен быть узнаваем.
  • На каждой странице должна быть ссылка переход на главную. В качестве кнопки можно использовать лого. Но не все пользователи знают об этой возможности, поэтому можно использовать оба варианта одновременно.
  • Область поиска понятна и сам элемент корректно работает.

Основные принципы юзабилити сайта главной страницы

Главная страница – это лицо вашего сайта. В случае если вы разрабатываете лендинг, лицом вашего ресурса становится первый экран. Поэтому обязательно тестируйте юзабилити этого блока. Самый распространенный и надежный способ – A/B тест.

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

  • Содержание сайта
  • Выгода для пользователя
  • Отличие от других ресурсов (уникальность)

Другие, уточняющие принципы юзабилити главной страницы сайта

  • Основную идею передает слоган и текст приветствия. Если вы создаете лендинг – это заголовок и подзаголовок, который раскрывает основную мысль более подробно.
  • Если вы предлагаете пользователю зарегистрироваться или оставить свои данные для какой-либо другой заманчивой цели – сделайте лид-форму заметной.
  • Описание разделов на главной странице поможет пользователю сориентироваться, если он первый раз оказался на вашем ресурсе.
  • На главной странице обычно размещается более крупный логотип, чем на остальных страницах.
  • Рядом с лого размещается слоган.
  • Визуальные особенности главной страницы должны соответствовать другим внутренним. Следите за тем, чтобы логика и гармония присутствовали в подборе цвета, шрифтов, а также использовании строчных и прописных букв.

Доверие пользователей – ваше все

  • Проанализируйте потребности целевой аудитории. Юзабилити вашего сайта – ключ к простому и очевидному достижению целей пользователей. Будь то подписка, регистрация, участие в акции или любые другие выгодные для ваших клиентов услуги.
  • Заранее сообщайте информацию, которая может меняться. Например, цена за доставку товара, перебои в работе службы или изменения условий акций и т.д.
  • Все действия пользователь должен совершать в два клика. Если вы создаете лендинг пейдж, сделайте форму для заполнения максимально простой и, по возможности, короткой.
  • Создайте список часто задаваемых вопросов и ответов.
  • Телефоны техподдержки, условия доставки и цены должны бросаться в глаза и быть доступны пользователю в любой момент.
  • Не мешайте пользователю. Флеш-ролики и большое количество рекламных фото вызывают отторжение.
  • Помните о людях с ограниченными возможностями. Usability должно быть простым и удобным также и для них.
  • Откажитесь от необязательных полей для заполнения лид-формы, они отпугивают пользователей.

P.S.

Тестируйте элементы сайта, чтобы сделать юзабилити максимально простым и доступным для пользователей. Чем проще ваш ресурс, тем больше людей буду его посещать.