Проектирование адаптивной структуры сайта

Проектирование логической структуры сайта необходимо для:

· создания четкой и логичной схемы навигации;

· информативного и привлекательного представления web-страниц на разных устройствах и с разным разрешением экрана;

· разработка цветовой концепции сайта;

· организации простой технологии внесения изменений при редактировании сайта.

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

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

· все навигационные элементы должны отображаться сразу после загрузки страницы;

· все внутренние связи должны быть двунаправленными, то есть позволять перемещаться между документами в обоих направлениях;

· с любой страницы должен быть предусмотрен возврат на главную страницу сайта;

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

· если сайт имеет более одного уровня навигации, он обязательно должен содержать навигационную карту.

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

Пример логической структуры веб-сайта показан на рис. 4.1.

Рисунок 4.1 Структура сайта