При создании сайта любой сложности всегда нужно помнить про такую вещь, как простота для пользователя - юзабилити (англ. usability - полезность).

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

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

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

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

Приведу несколько примеров для практического усвоения данной концепции.

Пример I

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

В главном меню создаем основные разделы:

• Главная (Домашняя) страница
• Услуги (Продукция)
  • Услуга 1
  • Услуга ....
  • Услуга n
• Новости
• Карта сайта
• Обратная связь

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

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

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

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

Обратная связь - страница сайта, которая содержит контактную форму для связи с представителей компании или же контактные данные представителя компании (ICQ, GTalk, E-mail и т.п.).

В дополнительных меню же нужно расположить дополнительную информацию для пользователя. Более корректно разделить информацию по индивидуальным блокам:

Блок 1

• Основные страницы сайта
• Статьи на сайте

Блок 2

• Контактная информация (телефоны, e-mail и т.п.) или месторасположение компании

Этой информации должно хватить для пользователя, который находится на корпоративном сайте компании.

Давайте проведем некие проверку (путь) прохождения пользователя по сайту по количеству кликов:

      Главная страница → Услуги (1) → Услуга 1 (2) → Обратная связь (3)

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

     Продукция 1 → Обратная связь (1)

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

     Статья (Новости) → Продукция(1) → Продукция 1 (2) → Обратная связь (3)

Допустим, что пользователь попал на сайте через поисковую систему, но не на продукцию, а на статью или новости на сайте. В данном случае он проследует в раздел продукции и свяжется с компанией. Тут у нас получается максимум кликов, то есть три.

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

Пример II

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

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

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

Главное меню сайта должно содержать основные разделы, в дополнительные все разделы сайта с подразделами, если такие имеются.

Например, если сайт с фильмами, то в главном меню мы делаем разделы:

• Главная
• Страна
• Год
• Жанры
• Актеры
• Режиссеры

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

Каждый из остальных разделов может содержать множество элементов и поэтому некоторые из них (например Актеры или Режиссеры) лучше ограничить по количеству(можно использовать для этого статистику посещения - «Топ 20»).

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

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

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

Наша компания может провести проверку аудит сайта на юзабилити или же разработать гибкую структуру для будущего сайта любой сложности.