Предложения по изменению шаблона сайта.

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

При оценке построения сайта А. И. Калиновский[50] обращает внимание на следующие компоненты:

1. структура документа;

2. навигация;

3. предпочтительный шрифт, его размер;

4. оформление ссылок;

5. размещение изображений, альтернативный текст к ним;

6. измерения страницы;

7. поддержка браузеров.

Остановимся подробнее на перечисленных компонентах:

1. Структура документа.

Якоб Нильсен в своей работе «Веб-Дизайн»[51] выделяет четыре базовые структуры сайтов: плоская структура, линейная структура, древовидная структура, комбинированная структура. Рассмотрим эти виды подробнее.

· Плоская структура. Она имеет следующий вид: головной документ (Home Page) содержит ссылки на все остальные документы. Такую структуру используют для сайта, насчитывающего не более 5 – 9 документов.

· Линейная структура. Эту структуру иногда называют последовательной. Она представляет собой серию связанных документов, использующих только ссылки вперед и назад.

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

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

Официальный сайт ЧГПУ им. И.Я. Яковлева www.chgpu.edu.ru имеет комбинированную структуру, основанную, преимущественно, на принципах древовидного построения сайта. Т.е. каждый пункт меню главной страницы содержит список разделов, но данные разделы не содержат ссылок для перехода на смежный блок. Такая особенность построения сайта оказывается неудобной в силу того, что все навигационные перемещения осуществляются посредством главной страницы.

Плюсом структурного построения сайта www.chgpu.edu.ru является наличие заголовков, четко отражающих содержание раздела, и абзацев, облегчающих восприятие информации.

2. Навигация.

С. Круг[52] отмечает, что навигационная модель сайта строится на основе информационной иерархической структуры с учетом интересов целевых групп пользователей и включает в себя описание всех опорных страниц сайта и элементов навигации.

По мнению этого автора, в первую очередь необходимо определить главное меню сайта и меню сервисов:

1. В главное меню сайта включаются ссылки на главную страницу (main page, home page) и основные информационные разделы сайта.

2. В меню сервисов включаются разделы, которые не относятся к информационному наполнению сайта, а являются вспомогательными сервисами. Например, поиск по сайту, карта сайта, контактные данные по общим вопросам, форма для обратной связи по общим вопросам и др. С. Круг[53] отмечает, что такие сервисы всегда должны находиться «под рукой» у любого посетителя и на любой странице сайта.

Следует выделить сильные позиции навигационного построения сайта www.chgpu.edu.ru: информационные разделы сайта объединены в блоки по принципу сходства тематики, что способствует облегчению объема строки меню, также некоторые разделы четко указывают свою направленность (например, раздел «Абитуриенту»).

Но при этом необходимо остановиться на слабых позициях навигации сайта:

1. Разделы верхней строки меню дублируются в левой навигационной панели.

2. Не все названия разделов разъясняют суть содержащегося материала (например, раздел «Структура» будет понятней, если его обозначить названием «Факультеты»).

3. Не все целевые аудитории имеют посвященный им раздел (например, нет вкладки «Студенту»).

4. Можно включить дополнительные информационные блоки (например, блок «О нас пишут»).

При этом предпочтение в исполнении навигационного меню А. И. Ковалевым[54] и В. Б. Комягиным[55] отдается расположению в левой вертикальной панели. Такое исполнение меню помогает пользователю легче ориентироваться на сайте и быстрее находить необходимый раздел информации. Для облегчения панели меню предлагается размещение списка блочных заголовков, каждый из которых содержит раскрывающийся список включенных в него разделов.

3. Предпочтительный шрифт, его размер.

Якоб Нильсен[56] уделяет особое внимание единому стилю исполнения сайта. Каждая страница должна иметь ярко выраженную принадлежность ко всему сайту.

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

Приведем пример оформления заголовка новостного материала сайта www.chgpu.edu.ru (статья от 24.03.2011 г.).

 

Рисунок 3.

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

4. Цветовая схема.

Представляет собой выбор из трех цветов, которые будут использоваться для оформления страницы, а также для представления обычного текста, ссылок и посещенных ссылок. В частности, цветовая схема официального сайта ЧГПУ им. И.Я. Яковлева представлена белым и голубым цветом в сочетании с желтым логотипом ВУЗа.

5. Размещение изображений, альтернативный текст к ним.

В графике должны применяться два основных формата (GIF и JPG). Не рекомендуется использовать рисунки и фотографии одновременно. Графическое оформление должно укладываться в общую цветовую схему.

6. Измерения страницы.

Сайт может иметь переменную или фиксированную ширину. Переменная ширина является приоритетной, т.к. позволяет отражать полный объем информации на странице вне зависимости от размера экрана монитора.[57]

7. Поддержка браузеров.

Сайт должен корректно отображаться всеми ведущими браузерами.

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

Таблица 2.

Структурные элементы шаблона сайта

1. Заголовок
2. Левая колонка	3. Контентная зона
4. Нижний колонтитул

 

Рассмотрим подробнее представленные элементы.

1. Заголовок.

Содержит логотип, вспомогательное меню, формы поиска по сайту.

2. Левая колонка.

Отражает основное меню сайта, его структуру и информационное содержание разделов.

3. Контентная зона.

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

4. Нижний колонтитул.

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

Данный шаблон является наиболее популярным в силу удобства пользования и ориентирования на электронном ресурсе.

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