Дизайн регионального портала образовательного сообщества оренбуржья как один из аспектов интеграции в образовательное интернет-пространство

Е.Н. ДУДКИНА

nodesire@mail.ru

Оренбургский государственный университет

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

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

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

На Западе наиболее широкое распространение получила оценка сайтов по пяти довольно простым критериям – Five Criteria for Evaluating Web Pages (Jim Kapoun):

• Accuracy – тщательность, точность, свобода от ошибок;

• Authority – ответственность определенных лиц за контент;

• Currency – актуальность контента, обновляемость;

• Objectivity – отсутствие предвзятости;

• Coverage – информационная полнота¹².

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

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

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

Рис.1. Стартовая страница Регионального портала образовательного сообщества Оренбуржья

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

1. Наличие оригинального и потенциально узнаваемого графического дизайна главной страницы.

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

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

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

2. Эргономичность (структурированность и ясность) системы меню на экране.

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

В целях создания сквозной компоновки использовался принцип зонирования¹³, для чего за теми или иными блоками информации (название рубрики, текст, иллюстрация, навигация и т.п.) закрепляются четко определенные места на странице. Схематично это можно представить следующим образом (рис. 2-5.).

Рис. 2. Схема размещения на Портале информационных блоков на стартовой странице (0 уровень)

Рис. 3. Схема размещения на Портале информационных блоков на странице второго уровня (на примере библиотеки Портала)

Рис. 4. Схема размещения на Портале информационных блоков на странице третьего уровня (на примере библиотеки Портала)

Рис. 5. Схема размещения на Портале информационных блоков на корневой странице новостей

3. Цветовая гамма.

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

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

4. Подбор шрифтов по форме и размеру.

Для текста выбран легко читаемый, без засечек шрифт – Tahoma.

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

5. Понятность интерфейса.

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

6. Удобство работы с графическими элементами.

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

Рис. 6. Фотоколлекции

На таком же принципе основывается подача карт, схемы и т.д.

7. Удобство работы с прикрепленными файлами.

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

Рис. 7. Предупреждение о размере файла

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

Литература

1. Шмелев А.Г. Многокритериальная оценка пользовательских интерфейсов портальных проектов. // В сборнике научных статей «Интернет-порталы: содержание и технологии». Выпуск 2. / Редкол.: А.Н. Тихонов (пред.) и др.; ГНИИ ИТТ «Информика». – М.: Просвещение, 2004. – С. 346-361.

2. Головач В.В. «Дизайн пользовательского интерфейса» /http://www.proklondike.com/file/Usability/Golovach_-_User_Interface(RUS).rar.