Увеличиваем пространство сайта

Большинство пользователей имеют компьютеры с маленькой диагональю экра­на. Если вы возьмете листок бумага размером 21,6x28 см (А4) и расположите его горизонтально, :»то и будет размер экрана большинства пользователей. По­сле того как Вы наполните Web-страницу кнопками, избранными закладками и элементами прокрутки, пространство, предназначенное непосредственно для просмотра, сократится до размеров почтовой открытки или будет около 800x600 для большинства пользователей, то крошечное окно и есть объект вашего Web-дизайна.

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

Создайте элементы прокрутки для добавления менее важною содержи­мого. Вы просто не можете вместить все в видимую область окна браузера (первые 800x600 пикселей). Поэтому расположите в области этого окна наи­более значимые элементы. Менее важные элементы разместите ниже "линии сгиба" (ниже первого экрана страницы, который не требует прокрутки). На предварительном этапе создания макета страницы при распределении кон­тента вы решаете: какие элементы расположить в пределах, а какие ниже первого экрана.

Создайте наглядные полсказки, например заголовки или части рисунков, ко­торые позволят пользователям на основе видимой области использовать прокрутку и найти нужный контент ниже первого экрана страницы. Пользо­ватели не возражают выполнять прокрутку страницы, если только она не бу­дет бесконечной. Хорошим правилом является ограничение общего размера страницы до двух размеров видимой области (получаем I2O0 пикселей в вы­сочу, исходя из размеров 800x600 видимой области Web-страницы).

Создайте элементы горизонтальной прокрутки. Для реализации горизон­тальной прокрутки можно воспользоваться Flash-технологиями. Такой прием используегся нечасто, посему это свежее решение для представления кон­тента большого объема. Flash-интерфейс содержит достаточное количество визуальных подсказок, называемых также в просве­щенных кругах "affordances" ("предоставленные возможности"). Этот тер­мин означает интуитивно понятное свойство объекта (среды, интерфейса), указывающее на то, каким образом следует взаимодействовать с данным объектом или использовать его. В нашем случае это горизонтальная про­крутка.

Создайте раскрывающиеся элементы для добавления контента. Еще один способ увеличения пространства сайта — создание раскрывающихся элементов в верхней части Web-страницы. Контент будет раскрываться при наведении на него указателя мыши или щелчке. Вы можете отобразить и скрыть вложенный контент. Это реализуется посредством технологий JavaScript, DHTML и Flash. Для данных технологий характерно использова­ние режимов расширенного просмотра и раскрывающихся меню.