Основы юзабилити сайта — обзор стандартных ошибок

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

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

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

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

Ниже в тексте рассмотрим подробно каждого из этих этапов, и постараемся разобраться в причинах возникновения ошибок.

Юзабилити и интерфейс сайта — обзор стандартных ошибок

Этап 1 —Наполнения web-сайта контентом

1. Тексты со ссылками

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

«Внимание: Но есть тексты со ссылками, переход по которым не осуществляется.»

Это недопустимо. Подобного рода ошибки следует исправлять.

Вторая распространенная ошибка – это, наоборот, не выделенная в тексте ссылка. Такого рода ссылки также приводят пользователя в заблуждение. Кроме того, нельзя использовать для выделения особо важной информации в тексте тот же способ, что используется для выделения ссылки.

Третья ошибка при работе с текстом – неграмотное использование цветовой схемы. Для фрагмента текста, который не является ссылкой, нельзя использовать традиционный синий ссылочный цвет.

2. Контрастность текста

Контрастность текста также влияет на расположение посетителей.

«Использование, например, серого или голубого цвета на белом фоне, осложняет восприятие информации.»

В этом случае, приоритетнее удобство, а не эстетика. Контрастность текста способствует его эффективному восприятию.

3. Беглый просмотр страниц web-сайта

Для каждой страницы сайта необходимо определить длину текста. Для всех время играет особую роль. Целевому посетителю важно быстро определиться, на ту ли страницу web-сайта он попал в поисках информации. Первые сообщения, которые открываются взору посетителя сайта, должны быть короткими и максимально информативными.

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

Этап 2 —Создание структуры web-сайта, и организация его страниц

Структура web-сайта играет важную роль. Она способствует созданию высокого уровня доверия у целевого посетителя к web-сайту.

«Важная информация: Доверие потенциального потребителя к товарам и услугам, что представлены на сайте, прямо влияет на прибыльность интернет-бизнеса.»

Посетители должны не только найти нужную информацию, но и понять то, что владелец web-сайта желает до них донести.

1. Слои сайта

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

2. Логическая структура web-сайта

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

3. Сплеш-страница на web-сайте

Splash-страница является, как правило, вводной. На ней практически нет полезной информации, она редко перекликается с внешним видом web-сайта, выполняя порой просто имиджевую функцию.

«Ориентируя сайт на пользователя, необходимо следить за тем, чтобы каждая страница сайта предоставляла нужную информацию в требуемом объеме.»

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

Этап 3 — Ошибки при реализации навигации по web-сайту

Наверно, больше 90 % целевых посетителей сайтов разочаровывает неграмотно реализованная навигация по интернет-ресурсу.

1. Форма авторизации на ресурсе

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

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

2. Динамическая навигация — хорошо или плохо?

Безусловно, динамическая навигация демонстрирует высокий уровень профессионализма дизайнера web-сайта. Но пользоваться ею не очень удобно, хоть она и отличается оригинальностью. Такая навигация подходит далеко не каждому виду web-сайтов, поэтому к ее использованию стоит относиться ответственно.

3. Сохранение монотонность навигации для сайта

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

«В идеале, каждый посетитель должен знать, как организована навигация по сайту, чтобы иметь доступ ко всей необходимой информации.»

Переход на главную страницу web-сайта должен находиться на одном и том же месте на любой странице.

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