Глава II. Дизайн и интерфейс школьного сайта.

Анализ интерфейса школьных сайтов

В заключение этой главы позволим себе привести два небольших фрагмента, связанных с оценкой конкретных школьных сайтов. Для анализа специально выбраны вполне достойные примеры, сделанные достаточно профессионально. Если эти строки попадутся на глаза авторам упомянутых сайтов или другим людям, имеющим отношение к школам, сайты которых подвергнуты «критическому разбору», за высказанные замечания приносим свои извинения. Цель здесь — не указать на недостатки, а продемонстрировать на этих примерах читателю некоторые подходы к анализу сайта школы с точки зрения технологий, использованных их при создании. Для краткости анализируется лишь первая страница сайта. В любом случае, все написанное в этом разделе — всего лишь субъективное мнение, с которым читатель может не соглашаться.

Официальный сайт школы № 1089 г. Москвы

37

Первое, что бросается в глаза, — различный стиль написания номера школы «1089» и фона, на котором он размещен. Четкий, «квадратный» шрифт и плавные линии фона создают впечатление диссонанса.

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

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

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

Интересной особенностью первой страницы является надпись «ХХХ часов прошло с момента наступления этого учебного года». Можно было бы оформить этот элемент в виде интерактивных электронных часов, отсчитывающих время: до Нового года с надписью «от начала учебного года прошло…», после — «до конца учебного года осталось…» Сейчас число выглядит статичным.

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

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

Вальдорфская средняя школа в Дачном № 658.

38

Очень интересно сделанный сайт. Хорошая цветовая гамма, удобное восприятие информации, стильный вид.

Меню выполнено в виде аккуратных колонок в полосе на шапке сайта — таким образом сэкономлено место для размещения контента, который располагается по всей ширине страницы. Но при этом информация легко воспринимается, т. к. как бы разделена на три колонки: «О школе», «Новости», «Объявления». Одновременно размещено достаточно много данных, но при этом нет ощущения контентной перегруженности.

В верхней части, помимо меню, отдельными блоками выделены «Контактная информация» и «Партнеры»: видно, что это нерядоположенные основному меню компоненты, и они позиционируются отдельно. Очень удачно в правом верхнем углу смотрятся значки «домика» (привычная сетевая метафора возврата на главную страницу сайта), «сердечка» (занесение сайта в "Избранное"), «конвертика» (e-mail).

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

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

 

 

←  Предыдущая глава | Содержание | Следующая глава  →