ВасьОК — Блог

Как удержать посетителя сайта используя принципы юзабилити

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

Все понятно – но что конкретно?

Все понятно, но что конкретно?

Фотография группы Несчасный случай

Само слово юзабилити, если его просто перевести, означает удобство использования чего-то (в нашем случае веб-сайта). Как синоним может применяться термин эргономичность, но юзабилити, все же, шире, так как помогает помимо комфорта использования интернет-ресурса, обеспечить еще и его повышенную эффективность. То есть, дает возможность не просто привлечь посетителей, а удержать их. Очень важен этот показатель для коммерческих сайтов, так как удержание посетителей там напрямую означает получение прибыли. А клиенты, как известно, приходят на сайт не для того, чтобы любоваться изысками дизайнерской мысли или изучать инструкции. Они приходят получить что-то – и это нечто должно им быть предоставлено быстро, по максимально упрощенной схеме.

Почему они уходят

щенок и котенок

Щенок не хочет, чтобы котенок уходил

Исследования показывают, что наиболее серьезными причинами, по которым люди быстро покидают сайт, являются:

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

40% посетителей, получивших неудовлетворительный опыт общения с сайтом, никогда больше им не воспользуются. Поэтому приведение сайта в соответствие со всеми требованиями юзабилити является необходимым для его успешности. На Западе 10% бюджета, заложенного на разработку сайта, отводится под юзабилити – причем сначала формируются принципы удобства работы, а потом все остальное. В наших условиях более распространена оценка и доработка уже работающего сайта постфактум, когда владелец понимает, что эффективность работы ресурса оставляет желать лучшего.

Работа над ошибками

девушка и стикеры

Девушка все в стикерах

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

  1. Дизайн

Конечно, он должен быть профессиональным – даже, если делаете его самостоятельно, необходимо изучить соответствующую литературу, почитать рекомендации. Что до принципов юзабилити применительно к этому пункту, то они требуют отказаться от вычурности в угоду традиционности. Обычные посетители отдают предпочтение всему привычному (логотип в левом верхнем углу, поиск по сайту в верхней части, сверху и по бокам – панели меню), это дает ощущение контроля над ситуацией. Для «продвинутых» можно предусмотреть возможность получить все необходимое еще быстрее, использовав макросы, горячие клавиши, сокращения. Вся необходимая информация должна быть доступна сразу, в верхней части страницы. Отвлекающие факторы стоит свести к минимуму.

белый текст на черном фоне и наоборот

Белый текст на черном фоне и наоборот

Проблема: выворотка – белый текст на черном фоне. Безусловно, выглядит оригинально и броско. Это – устарело еще в 90-х, раздражает, а главное, читается с трудом. Раздосадованный необходимостью приглядываться, чтобы хоть что-то разобрать, пользователь уходит со страницы в считанные секунды. То же касается большинства «оригинальных» цветовых сочетаний фона и шрифтов.

Решение: традиционный белый на черном текст – удобно, привычно, читабельно. Можете сами сравнить на картинке выше.

  1. Навигация

То, насколько быстро посетитель сможет быть переправлен к интересующей его информации, служит мерилом того, останется он или уйдет. Часто говорят о «правиле трех кликов». На идеальном (с точки зрения юзабилити) сайте пользователь найдет то, что ему требуется, сделав всего три щелчка мышью. Но! Если пользователь полностью осознает происходящее (на каждом этапе), он спокойно сделает и 10 кликов – главное дать общее понимание системы таких переходов. Понятным это должно быть пользователю любого возраста и степени «продвинутости». Среди других правил, которым нужно следовать, выделим то, что навигация не должна занимать более 20% объема страницы. Основное меню традиционно располагается сверху. Каталог товаров (или предлагаемые услуги, другая важная информация) занимает свое место в боковой панели – вертикально.

Навигация на сайте

Навигация на сайте

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

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

  1. Функционал

Все ошибки, которые выявляются при «общении» с сайтами (сбои, невозможность что-то скачать, куда-то перейти или оформить заказ) могут быть роковыми. Если человек, кликнув на заказ, сталкивается с проблемой – он сразу уходит. Также стоит внимательно изучить то, как выглядит ресурс в разных браузерах – возможно, что ваш красивый сайт для пользователей «олдскульного» Internet Explorer смотрится совсем непрезентабельно.

Иконки браузеров

Иконки браузеров

Проблема: на странице, где должна осуществляться покупка (скачивание, участие в акции и пр.), находятся посторонние ссылки. Внимание клиента рассеивается, он отвлекается на другие вопросы, забывает о том, что выбрал, делает множество переходов и уходит.

Решение: если сайт продающий и на нем имеется «корзина» – она должна быть абсолютно пустой. Заполнять ее могут лишь отобранные пользователем товары с хорошо заметной кнопкой «оплатить» или «заказать». И все.

В данной статья я рассмотрел всего три основополагающие принципы юзабилити, которые на мой взгляд являються его основой. Конечно — это только верхушка айзберга и если эта тема для вас интерестна я с удовольствием буду её и дальше раскрывать.

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

  • Потап Медведович

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

    • Василий Петечук

      Добрый день! Спасибо за комментарий — это довольно древняя статья и как вы правильно подметили все уместить в один материал не возможно, да и не нужно все это. Возможно вам понравится более свежий материал на эту тему :http://vas-ok.com/kakaya-ty-korzina-interne-magazina/