Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Методические указания к КР ЗПД_402.pdf
Скачиваний:
73
Добавлен:
25.03.2016
Размер:
3.92 Mб
Скачать

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

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

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

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

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

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

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

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

Шрифт

 

Пример

 

Описание

 

 

 

 

 

 

 

 

Arial

 

Лучший без засечек

 

Хорошо смотрится как основной текст,

 

 

Лучший без засечек

 

 

 

 

 

так и текст в заголовках, хотя выглядит

 

Helvetica

 

Лучший без засечек

 

 

 

 

 

 

несколько простовато

 

 

 

Лучший без засечек

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Лучший без засечек

 

 

Разработан специально под

 

 

Verdana

 

 

 

Web. Особенно удобно приме-

 

 

 

Лучший без засечек

 

 

 

 

 

 

 

 

нять для HTML-текста

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tahoma

 

Лучший без засечек Луч-

 

 

 

 

 

 

ший без засечек

 

 

 

 

 

 

 

 

 

 

 

 

Arial Narrow

 

Лучший без засечек

 

 

 

 

 

 

Лучший без засечек

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Lucida Sans

 

Лучший без засечек

 

 

 

 

 

Unicode

 

Лучший без засечек

 

 

 

 

 

 

 

 

 

 

 

 

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

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

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

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

Шрифт

Пример

Описание

 

 

 

27

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

 

Лучший с

 

Является рубленым шрифтом с засечками. Пред-

Bookman

 

назначен для заголовков. Жирное начертание

засечками

 

 

 

 

 

этого шрифта лучше всего подходит при неболь-

 

 

 

 

 

 

 

 

Century

Лучший с

 

Жирный шрифт удобен для чтения, однако шире,

 

 

 

Schoolbook

засечками

 

чем все остальные шрифты того же кегля

 

 

 

 

 

 

 

 

 

Лучший с за-

 

Красивые старомодные шрифты классического вида. Хороши

Gammond

 

для заголовков и основного текста. Жирный лучше смотрится

сечками

 

 

 

при небольших размерах кегля

 

 

 

 

 

 

 

 

 

Лучший с за-

 

Как и Verdana, шрифт Georgia был специально разра-

 

Georgia

 

ботан для удобного чтения в Интернете. Шрифт хо-

 

 

сечками

 

рошо смотрится для основного текста и для заголовков

 

 

 

 

 

 

 

 

 

 

 

Лучший с за-

 

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

 

Times

 

перечисленные здесь шрифты. Однако его удобно использо-

 

сечками

 

 

 

 

вать для основного текста и заголовков

 

 

 

 

 

 

 

 

 

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28

Гусаревич Ирина Валерьевна

irina-gusarevich@mail.ru

кафедра 0-219

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

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

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

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

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

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

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

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

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

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

65%.

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

гиперссылок

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

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

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

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

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

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

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

29

Гусаревич Ирина Валерьевна

irina-gusarevich@mail.ru

кафедра 0-219

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

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

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

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

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

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

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

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

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

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

мый кадр).

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

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

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

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

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

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

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

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

1:100.

30

Гусаревич Ирина Валерьевна

irina-gusarevich@mail.ru

кафедра 0-219

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

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

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

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

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

ности;

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

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

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

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

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

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

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

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

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

тия):

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

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

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

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

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

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

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

31

Гусаревич Ирина Валерьевна

irina-gusarevich@mail.ru

кафедра 0-219

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

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

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

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

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

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

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

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

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

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

настрой;

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

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

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

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

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

32