Секреты юзабилити: 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. Совершенствуйте свой сайт, и посетителям захочется возвращаться к вам снова и снова.