4.1.1. Принципы логического проектирования

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

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

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

2. Целесообразность.

3. Однообразие.

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

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

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

Целесообразность

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

Однообразие

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

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

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

4.1.2Логическая организация информации

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

Организация информации на сайте может быть:

• Линейной.

• иерархической.

• Сетевой (контекстно-зависимой).

• Комбинированной

Линейная структура

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

Иерархическая структура

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

Сетевая структура

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

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

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

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

Советы по организации структуры

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

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

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

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

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

Например, карта сайта центра обучения иностранным языкам "Language-House" представлена на рис. 6.1.

Рис. 6.1. Карта сайта

центра обучения иностранным языкам "Language-House"