 Гусаревич Ирина Валерьевна irina-gusarevich@mail.ru кафедра 0-219

4 РЕКОМЕНДАЦИИ ПО РАЗРАБОТКЕ ДИЗАЙНА

ОБРАЗОВАТЕЛЬНОГО ЭЛЕКТРОННОГО ИЗДАНИЯ

4.1 Рекомендации по подбору шрифтов для основного текста

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

нятые в Интернете, сформировал список самых популярных шрифтов.

Список шрифтов без засечек пригодных для использования для

представления текста на экране

Для основного текста нельзя указывать шрифт, которого не будет на 80%

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

Список шрифтов с засечками пригодных для использования для

представления текста на экране

27

 Гусаревич Ирина Валерьевна irina-gusarevich@mail.ru кафедра 0-219

4.2 Требования к структуре материала электронного учебника

1. Электронное учебное пособие должно иметь ключевой экран, на ко-

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

дию собственного обучения, что и будет достигнуто с помощью данной схемы.

2. Отсутствие нагромождений, четкий порядок во всем; тщательная группировка (структурирование) мультимедиа-информации; объединение от-

дельных связанных мультимедиа-объектов в целостно воспринимающиеся группы (принцип структурности).

3. Вся наиболее важная информация должна помещаться в левом верх-

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

4. Мультимедиа-объекты (графика, видео, звук и т.п.) должны орга-

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

ных элементов и их количество определяются функциональной направленно-

стью учебного материала; образное мышление доминирует над словесно-ло-

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

зультатов не требуется – задача имеет конкретный характер; это относится в

28

первую очередь к оперированию сложными образами – объемными формами,

цветовыми композициями и т.п.

5. Инструкции по выполнению заданий необходимо тщательно проду-

мывать на предмет ясности, четкости, лаконичности, однозначности толкова-

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

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

7. Эффективность обучения значительно повышается, если одновре-

менно задействованы все каналы восприятия информации (звуковые, слухо-

вые и зрительные). Исследования показывают, что эффективность слухового восприятия информации составляет 16%, зрительного – 25%, а их одновремен-

ное включение в процесс обучения повышает эффективность восприятия до

65%.

4.3 Требования к организации систем поиска, навигации и

гиперссылок

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

1. Гиперссылки должны быть четко обозначенными и содержать по-

дробную информацию о том, куда они ведут.

2. Следует всегда использовать пояснения к мультимедиа-объектам

(картинкам, фотографиям, видео и т.п.), которые предваряли бы загрузку изоб-

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

если страничка не содержит необходимого материала.

29

3. Если навигационная панель выполнена графическими средствами, то рекомендуется ниже данной панели помещать ее текстовую копию – текст все-

гда загружается быстрее графики, что ускорит навигацию в электронном сред-

стве обучения.

4. Должна просматриваться четкая логическая обусловленность каж-

дого последующего шага в цепочке гиперссылок.

4.4 Требования к пользовательскому интерфейсу

1. Очередной информационный кадр не должен содержать более 9 раз-

личных элементов (рисунков, фрагментов текста и т. д.). После того, как чело-

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

сти его основные элементы еще раз (либо поместить гиперссылку на требуе-

мый кадр).

2.Плотность расположения данных на экране (или в пределах окна):

оставлять пустым приблизительно половину экрана (окна);

оставлять пустую строку после каждой пятой строки таблицы;

оставлять четыре-пять пробелов между столбцами таблицы.

3.Яркостные характеристики. Они определяют размер зоны видения светящегося объекта, а также скорость и безошибочность обработки информа-

ции, отображаемой на экране монитора.

Для обеспечения длительной зрительной работоспособности человека яркость наблюдаемых на экране объектов не должна превышать 64 кандел/м2;

при этом перепад яркостей в поле зрения обучаемого должен быть не более

1:100.

30

Необходимо также учитывать, что острота зрения при восприятии свет-

лых объектов в 3-4 раза ниже, чем для темных; светлые объекты на темном фоне обнаруживаются легче, чем темные на светлом.

4. При решении практических задач необходимо учитывать следующие пространственные характеристики объекта:

основную информацию об объекте несет его контур; время раз-

личения и опознания контура объекта увеличивается с увеличением его слож-

ности;

при различении сложных контуров безошибочность выше, чем

при различении простых;

решающее значение в восприятии формы объектов имеет соотно-

шение «фигура/фон»;

минимальный размер объекта должен выбираться для заданных

уровней контраста и яркости; уменьшение значений этих параметров требует увеличения угловых размеров объекта.

5. При согласовании цветов символов и фона следует учитывать, что восприятие символов максимально для контрастных цветов (т.е. относящихся к противоположным границам спектра). При контрастности менее 60% читае-

мость символов резко ухудшается. Установлены следующие допустимые ком-

бинации цвета символа с цветом фона (в порядке убывания четкости восприя-

тия):

синий на белом;

черный на желтом;

зеленый на белом;

черный на белом;

белый на синем;

зеленый на красном;

красный на желтом;

31

красный на белом;

оранжевый на черном;

черный на пурпурном;

оранжевый на белом;

красный на зеленом.

6.Учтите воздействия различных цветов на эмоциональное состояние человека:

голубой – успокаивает;

красный – волнует и утомляет;

зеленый – настраивает на добродушный и безынициативный лад;

желтый – веселый, оптимистичный, вызывает легкомысленный

настрой;

оранжевый – раскрепощает фантазию;

фиолетовый – цвет зависти, тревоги, неудовлетворенности;

коричневый – угнетает умственную активность;

черный – мрачный, способствует возникновению головных болей,

но снижает число ошибок.

32