Логическое проектирование дизайна сайта

Логическое проектирование включает организацию информации на сайте, построение его структуры и навигации по разделам. На этом этапе следует описать следующее:

1. Тип структуры сайта (линейная, иерархическая, контекстная).

2. Названия разделов.

3. Что будет содержать в себе каждый раздел.

4. Организация и связь разделов между собой.

5. Какая информация будет размещена на определенных страницах сайта.

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

1. Использование обозначений.

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

1. Уместность

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

2. Единообразие

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

3. Разделение на части

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

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

Линейная. Наиболее простой способ организации данных. Представляет собой набор следующих друг за другом веб-страниц.

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

Контекстно-зависимая структура

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

Комбинированная структура

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

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

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