Секреты юзабилити: 5 примеров правильного оформления веб-сайтов

Секреты юзабилити: 5 примеров правильного оформления веб-сайтовВы уже имеете свой сайт, но хотите узнать, насколько он удобный для пользователей? В таком случае, поставьте себя на место потенциального посетителя.

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

«Но сайт так долго грузится — нет времени ждать» — думает он, и закрывает ваш сайт.

На следующий день ваш сайт находит другой потенциальный посетитель.

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

Получается, вы смогли заинтересовать этих потенциальных посетителей, но что дальше? Ваш веб-сайт не сумел их удержать, а значит — не принес пользы ни вам, ни посетителям.

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

Вам интересно, как повысить юзабилити своего сайта? В этой статье мы расскажем о 5 главных принципах, которые помогут это сделать.

Принцип №1: Доступность

  • Время загрузки — важно. Инвестируйте в хороший хостинг, чтобы ваши посетители не ждали долго, пытаясь загрузить сайт.
  • Дважды проверьте, что на нем нет мертвых ссылок. Ничто не заставит пользователя так же быстро покинуть сайт, как страница 404.
  • Убедитесь, что сайт может адаптироваться под различные размеры экранов и медленное соединения с интернетом.

Amazon. com — отличный пример доступного веб-сайта.

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

Принцип №2: Удобство

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

Apple — простота бренда и внимание к тому, что действительно важно, лежит в основе их работы.

  • Внешний вид сайта очень элегантный и минималистичный.
  • В классическом верхнем меню находятся логотип, кнопка «Домой», категории товаров и функция поиска. Нижний колонтитул сайта содержит классические вторичные ссылки, такие как «Условия использования» и «Политика конфиденциальности».
  • Благодаря четкому дизайну — ничего не отвлекает внимание при просмотре сайта.

Принцип №3: Простота освоения

  • Хороший интерфейс — интуитивно понятный интерфейс. Используйте то, с чем люди уже знакомы, или же создавайте, то то, что легко освоить.
  • Если вы используете новые концепции в дизайне, обязательно используйте их последовательно. Помогайте людям на начальной стадии обучения. Например, вы можете предложить дополнительную информацию или инструкции при первом использовании.
  • Дальше поддерживайте такую концепцию, чтобы помочь людям привыкнуть к ней.

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

  • В левом верхнем углу находится логотип. А в правом верхнем углу — поле поиска, позволяющее искать любые продукты Microsoft. Ниже приведено главное меню навигации с основными категориями контента сайта.
  • При нажатии на ссылки мы получаем раскрывающееся меню со всем содержимым в этой категории.

Ниже есть раздел социальных сетей и список всех продуктов Microsoft.

Принцип №4: Достоверность

  • Качество и достоверность вашего контента напрямую влияет на вашу репутацию. Даже если люди находят контент, который они ищут, они не будут доверять ему, если они не доверяют вам.
  • Важно, чтобы люди понимали, что вы реальная компания с реальными людьми. Это повысит их лояльность к вам.
  • Оформите страницу «О нас». Разместите там свои контактные данные. Убедитесь, что вы честны и точны в своих изложениях.
  • Избегайте ошибок: таких как некорректная грамматика или неправильное написание слов.
  • Не скромничайте, когда рассказываете о своем опыте. Если вы специалист в своей области, убедитесь, что люди об этом знают. Например, вы можете публиковать отзывы и ссылки на ваши работы.

L’ORÉAL — отлично справляется с созданием доверия к своему бренду.

  • Профессионального дизайна соответствует безупречной репутации.
  • Есть целая рубрика, посвящена исследованиям и инновациям. Это подтверждает участие бренда в профессиональных исследованиях и отражает высокое качество продукции.
  • Помимо реальных исследований, бренд использует экспертные отзывы и фотографии знаменитостей, таких как Джулия Робертс. Это делается для того, чтобы убедить людей в качестве и популярности своих продуктов.
  • Еще один индикатор доверия заключается в том, что с L’ORÉAL очень легко связаться, и не только через социальные сети. Физический адрес и номер телефона тоже легко найти.

Принцип №5. Релевантность

  • Важно понимать, кто ваши пользователи и почему они посещают ваш сайт.
  • Узнайте, как люди чаще всего находят его и какой контент они при этом ищут.
  • Любое дизайнерское решение, которое вы принимаете, должно быть направлено только на создание более удобного для пользователя веб-сайта.

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

    Бренд предлагает спортивную одежду и оборудование для различных видов спорта. Вместо простой группировки посетителей по полу или возрасту, компания Nike определяет каждого как спортсмена, заинтересованного в определенной виде спорта. Например, вы ищете беговые кроссовки. А значит, вы не заинтересованы в теннисе или других видах спорта. Компания Nike предлагает вам посмотреть ту часть магазина, которая полностью соответствует поставленным целям.

Юзабилитиэто тестирование, тестирование и еще раз тестирование

Хорошее юзабилити не достигается за одну ночь. Оно требует тщательных исследований, интерактивного подхода и постоянного тестирования.

Если ваш сайт доступен и понятный для посетителей, его узнают и ему доверяют — поздравляю, а вас хорошее юзабилити. Но если хоть один из главных принципов не достигнут — вам еще есть над чем работать. Следуйте нашим советам и повышайте свои usability skills. Совершенствуйте свой сайт, и посетителям захочется возвращаться к вам снова и снова.

как повысить юзабилити сайта

как увеличить поведенческий фактор на сайте

как улучшить поведенческие факторы