I am ready for a long road flight for working with a week- or months-long projects.
блог E-Soft Learning
Требования к дизайну
электронного учебного курса
электронного учебного курса
Сегодня не существует стандартов на графический интерфейс электронного учебного курса. Однако, де-факто требования к основным элементам графического интерфейса электронного учебного курса существуют, и их придерживается большинство разработчиков электронных учебных курсов.
Компоновка интерфейса электронного учебного курса
Размер интерфейса электронного учебного курса следует выбирать исходя из возможностей дисплеев слушателей дистанционного обучения. Экран обучаемого сильно зависит от типа используемого им устройства. Это может быть смартфон с небольшим экраном или графическая станция с экраном большого размера. С учетом большого разнообразия устройств целесообразно делать размер интерфейса электронного учебного курса адаптивным (меняющимся в зависимости от размера экрана обучаемого).
Для удобства работы пользователя электронного учебного курса необходимо закрепить в рамках интерфейса курса основные элементы управления (кнопки навигации, оглавление, данные о прохождении электронного учебного курса и т.д.). Пользователю в этом случае будет значительно легче освоить работу с ним. Плюс пользователь будет значительно быстрее выполнять все операции по работе с электронным учебным курсом.
В результате закрепления элементов управления электронного учебного курса его интерфейс делится на две области. В первой области содержатся элементы управления. Данная область является статичной и практически не меняет своего внешнего вида. Вторая область является динамической и в нее загружаются слайды электронного учебного курса.
Размер интерфейса электронного учебного курса следует выбирать исходя из возможностей дисплеев слушателей дистанционного обучения. Экран обучаемого сильно зависит от типа используемого им устройства. Это может быть смартфон с небольшим экраном или графическая станция с экраном большого размера. С учетом большого разнообразия устройств целесообразно делать размер интерфейса электронного учебного курса адаптивным (меняющимся в зависимости от размера экрана обучаемого).
Для удобства работы пользователя электронного учебного курса необходимо закрепить в рамках интерфейса курса основные элементы управления (кнопки навигации, оглавление, данные о прохождении электронного учебного курса и т.д.). Пользователю в этом случае будет значительно легче освоить работу с ним. Плюс пользователь будет значительно быстрее выполнять все операции по работе с электронным учебным курсом.
В результате закрепления элементов управления электронного учебного курса его интерфейс делится на две области. В первой области содержатся элементы управления. Данная область является статичной и практически не меняет своего внешнего вида. Вторая область является динамической и в нее загружаются слайды электронного учебного курса.
Элементы управления
Элементами управления называются компоненты интерфейса электронного учебного курса с помощью которых пользователь курса может выполнить необходимые ему действия. Обратите внимание, если пользователю электронного учебного курса предложить нестандартное использование элементов управления, это может вызвать у него замешательство.
К типовым элементам управления, которые могут использоваться в электронном учебном курсе, относятся:
Элементами управления называются компоненты интерфейса электронного учебного курса с помощью которых пользователь курса может выполнить необходимые ему действия. Обратите внимание, если пользователю электронного учебного курса предложить нестандартное использование элементов управления, это может вызвать у него замешательство.
К типовым элементам управления, которые могут использоваться в электронном учебном курсе, относятся:
1
- кнопка (button);
- список (list box);
- ниспадающее меню (pull down menu);
- раскрывающийся список (drop-down list, combo box);
- флажок/переключатель (check box);
- радио-кнопка (radio button);
- поле редактирования (textbox, edit field);
- значок (icon);
- панель инструментов (toolbar);
- строка состояния (status bar);
- всплывающая подсказка (tooltip, hint);
- полоса прокрутки (scrollbar);
- вкладка (tab);
- элемент отображения табличных данных (grid view);
- меню (menu):
- главное меню окна (main menu),
- контекстное меню (popup menu);
- окно (window):
- панель (panel),
- диалоговое окно (dialog box),
- модальное окно (modal window);
- дерево – элемент отображения иерархии (tree view).
Размещение текста и иллюстраций на слайде электронного учебного курса
При размещении текста и иллюстраций на слайде электронного учебного курса необходимо учитывать право-левую асимметрию головного мозга человека. Целесообразно размещать текстовые сообщения в правой части слайда электронного учебного курса, а иллюстрации – в левой. Это связано с тем, что левое и правое полушария по-разному воспринимают и перерабатывают информацию. При запоминании слов основную роль играет левое полушарие, а при запоминании образов более активно правое. При этом информация с правой части слайда электронного учебного курса поступает в левое полушарие, а с левой части – в правое.
При размещении текста и иллюстраций на слайде электронного учебного курса необходимо учитывать право-левую асимметрию головного мозга человека. Целесообразно размещать текстовые сообщения в правой части слайда электронного учебного курса, а иллюстрации – в левой. Это связано с тем, что левое и правое полушария по-разному воспринимают и перерабатывают информацию. При запоминании слов основную роль играет левое полушарие, а при запоминании образов более активно правое. При этом информация с правой части слайда электронного учебного курса поступает в левое полушарие, а с левой части – в правое.
Количество элементов на слайде электронного учебного курса
Не желательно размещать на информационном слайде электронного учебного курса более 9 различных объектов (иллюстраций, текстовых сообщений и т. д.). Это обусловлено тем, что человек не способен удерживать в оперативной памяти информацию более чем по 5 – 9 объектам. Кроме того, параметры наблюдаемого человеком объекта удерживаются в оперативной памяти ограниченное время. Поэтому, если для восприятия слайда электронного учебного курса требуется информация, полученная с помощью предъявленных ранее слайдов, лучше воспроизвести ее основные элементы еще раз, или предоставить пользователю электронного учебного курса удобный механизм повторного вызова соответствующего слайда.
Не желательно размещать на информационном слайде электронного учебного курса более 9 различных объектов (иллюстраций, текстовых сообщений и т. д.). Это обусловлено тем, что человек не способен удерживать в оперативной памяти информацию более чем по 5 – 9 объектам. Кроме того, параметры наблюдаемого человеком объекта удерживаются в оперативной памяти ограниченное время. Поэтому, если для восприятия слайда электронного учебного курса требуется информация, полученная с помощью предъявленных ранее слайдов, лучше воспроизвести ее основные элементы еще раз, или предоставить пользователю электронного учебного курса удобный механизм повторного вызова соответствующего слайда.
Размещение данных на слайде
Необходимо размещать текстовые фрагменты на слайде таким образом, чтобы взгляд пользователя сам перемещался в нужном направлении.
Необходимо делать отступ от краев экрана. Объекты на слайде не должны «прижиматься» к краю экрана.
Необходимо соблюдать симметрию при размещении объектов на слайде. Целесообразно выравнивать объекты по вертикали и горизонтали.
Важным показателем качества размещения информации на экране является плотность расположения данных на экране. Следует придерживаться следующих правил:
Необходимо размещать текстовые фрагменты на слайде таким образом, чтобы взгляд пользователя сам перемещался в нужном направлении.
Необходимо делать отступ от краев экрана. Объекты на слайде не должны «прижиматься» к краю экрана.
Необходимо соблюдать симметрию при размещении объектов на слайде. Целесообразно выравнивать объекты по вертикали и горизонтали.
Важным показателем качества размещения информации на экране является плотность расположения данных на экране. Следует придерживаться следующих правил:
1
оставлять пустым приблизительно половину слайда;
2
оставлять пустую строку после каждой пятой строки текста.
Яркостные характеристики
Одним из ключевых факторов, влияющих на степень комфортной работы пользователя электронного учебного курса, являются яркостные характеристики. Яркость наблюдаемых на экране объектов не должна превышать 64 кандел/м2. При этом перепад яркостей в поле зрения пользователя электронного учебного курса должен быть не более 1:100. Также следует принимать во внимание, что светлые объекты на темном фоне обнаруживаются легче, чем темные на светлом.
Одним из ключевых факторов, влияющих на степень комфортной работы пользователя электронного учебного курса, являются яркостные характеристики. Яркость наблюдаемых на экране объектов не должна превышать 64 кандел/м2. При этом перепад яркостей в поле зрения пользователя электронного учебного курса должен быть не более 1:100. Также следует принимать во внимание, что светлые объекты на темном фоне обнаруживаются легче, чем темные на светлом.
Пространственные характеристики
При разработке электронных учебных курсов необходимо учитывать следующие положения, относящиеся к пространственным характеристикам:
При разработке электронных учебных курсов необходимо учитывать следующие положения, относящиеся к пространственным характеристикам:
1
основную информацию об объекте несет его контур;
2
время различения и опознания контура объекта увеличивается с увеличением его сложности;
3
при различении сложных контуров безошибочность выше, чем при различении простых;
4
решающее значение в восприятии формы объектов имеет соотношение «фигура/фон»;
5
минимальный размер объекта должен выбираться для заданных уровней контраста и яркости. Уменьшение значений этих параметров требует увеличения угловых размеров объекта.
Характеристики цветового восприятия
При согласовании цветов символов и фона необходимо учитывать, что восприятие символов максимально для контрастных цветов (т.е. относящихся к противоположным границам спектра). В случае если контрастность менее 60% читаемость символов резко ухудшается. Наиболее хорошее восприятие символов достигается при следующих комбинациях цвета символа с цветом фона (в порядке убывания четкости восприятия):
При согласовании цветов символов и фона необходимо учитывать, что восприятие символов максимально для контрастных цветов (т.е. относящихся к противоположным границам спектра). В случае если контрастность менее 60% читаемость символов резко ухудшается. Наиболее хорошее восприятие символов достигается при следующих комбинациях цвета символа с цветом фона (в порядке убывания четкости восприятия):
1
- синий на белом;
- черный на желтом;
- зеленый на белом;
- черный на белом;
- белый на синем;
- зеленый на красном;
- красный на желтом;
- красный на белом;
- оранжевый на черном;
- черный на пурпурном;
- оранжевый на белом;
- красный на зеленом.
Также следует учитывать, что цветовая гамма оказывает влияние на психологический фон.
На эмоциональное состояние человека цвета оказывают следующее воздействие:
На эмоциональное состояние человека цвета оказывают следующее воздействие:
1
- голубой успокаивает;
- красный – волнует и утомляет;
- зеленый – настраивает на добродушный и безынициативный лад;
- желтый – веселый, оптимистичный, вызывает легкомысленный настрой;
- оранжевый – раскрепощает фантазию;
- фиолетовый – цвет зависти, тревоги, неудовлетворенности;
- коричневый – угнетает умственную активность;
- черный – мрачный, способствует возникновению головных болей, но снижает число ошибок.
При разработке электронного учебного курса обязательно следует учитывать цвета, так как неудачное использование цветов может привести к возникновению у пользователя негативного эмоционального состояния.
В рамках одного электронного учебного курса нецелесообразно использовать большое количество цветов.
В рамках одного электронного учебного курса нецелесообразно использовать большое количество цветов.
Текст
При формировании текстовых блоков слайда электронного учебного курса следует придерживаться следующих правил:
При формировании текстовых блоков слайда электронного учебного курса следует придерживаться следующих правил:
1
не следует писать длинно;
2
не следует использовать снисходительных интонаций.
В случае если текстовая часть слайда занимает более двух экранов необходимо разделить ее на фрагменты, а не использовать полосу прокрутки, обеспечивая размещение на слайде большого количества текста.
Для привлечения внимания пользователя электронного учебного курса к определенным фрагментам текста следует использовать яркие цвета. Однако не стоит использовать в рамках одного слайда выделение ярким цветом слишком часто, так как пользователю электронного учебного курса трудно будет разделить внимание между различными (часто противоположными областями слайда).
Для привлечения внимания пользователя электронного учебного курса к определенным фрагментам текста следует использовать яркие цвета. Однако не стоит использовать в рамках одного слайда выделение ярким цветом слишком часто, так как пользователю электронного учебного курса трудно будет разделить внимание между различными (часто противоположными областями слайда).
