Дмитрий Рудаков. Портфолио

 

Анализ макета сайта учебно-методического центра по образованию на железнодорожном транспорте (2006)

Изображения можно увеличить. Но стоит ли?

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

Указание полного названия организации помогает посетителям сайта быстро определить характер сайта (желательно также расшифровать аббревиатуру «ГОУ» — не всем известно, что это «государственное образовательное учреждение»). Вынесенные в «шапку» адрес и телефоны позволяют посетителям напрямую связаться с организацией, минуя путешествие по разделам сайта.

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

Общая стилистика макета отсылает к 1997 году: времени, когда дизайном сайтов занимались люди, больше связанные с компьютерами, чем с искусством. Объемные, грубо выдавленные из плоскости границы основные блоки и огромные промежутки между ними «съедают» слишком много ценного пространства веб-страницы. Отказаться от такого стиля можно без ущерба для содержания.

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

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

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

В настоящее время макет сайта оптимизирован для разрешения экрана 1024 на 768 пикселей. В то же время, по данным на 2 июля 2006 года (см.  globalstats.hotlog.ru), в русском Интернете 22,88% активных пользователей с разрешением экрана 800 на 600 пикселей: достаточно много, чтобы пренебрегать их удобством просмотра сайта. Рекомендуется изменить макет таким образом, чтобы пользователи со старыми мониторами могли просматривать сайт, не прибегая к горизонтальной прокрутке.

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

Изложенные соображения позволяют сделать вывод о том, что представленный макет сайта УМЦ нуждается как минимум в значительной доработке.

———