Элементы сайта для хорошего юзабилити

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


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

Давайте разберем, какие наиболее важные элементы для создания хорошего юзабилити.

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

- название сайта или логотип и располагается в верхнем левом углу;

- боковое и верхнее меню;

- контент в основном, в центре, где содержится основная информация сайта;

- в правую часть обычно располагают боковые блоки информации, рекламу и различные дополнительные элементы сайта;

- в футер (подвал) как правило, размещают дублирующие элементы, контактные данные, возможно, какую-то дополнительную информацию.

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


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

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


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

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

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

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

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

Немного рекламы :)

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP