11.2 Проблемы реализации грамотного интерфейса

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

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

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

Ясность диалога, т.е.

• возможность легко понять основы функционирования программы за счет того, что система предоставляет структурированный список своих функций;

• система способна объяснить свое состояние и действия;

• в аналогичных ситуациях от пользователя требуются аналогичные действия;

• организация диалога ясна для пользователя, естественна, наглядна и логична; действия системы предсказуемы.

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

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

Стандартизация интерфейса, то есть сходство с существующими стандартами.

Наряду со стандартными компонентами интерфейса в КОП рекомендуется включать и различные дополнения, такие как контекстно-зависимая справочная система ("Help"), обработка некорректных действий пользователя, всплывающие подсказки описания интерфейса, демонстрация работы программы.

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

К признакам качественного экранного дизайна можно отнести следующие свойства:

• легко воспринимаемый с экрана, логично организованный текст;

• отображение на экране только необходимой информации;

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

• мотивированное чередование стилей оформления.

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

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

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

Можно интенсифицировать процесс восприятия учебного материала, учитывая особенности человеческого мышления и используя различные способы оформления электронного учебного пособия.

На процесс восприятия (а значит, и понимания) текста, расположенного на экране дисплея, влияет целый набор факторов:

• ширина текстовой зоны,

• способ выравнивания текста,

• его расположение на экранной странице,

• начертание, стиль и размер шрифта.

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

• ширина текстовой зоны должна быть в пределах 540?570 pix,

• текстовая зона должна центрироваться по горизонтали,

• размер шрифта должен быть не менее 12 пунктов.

При невыполнении этих требований, особенно на мониторах с диагональю более 14 дюймов, длинная строка заставляет глаз перемещаться в пределах большого угла  иногда даже приходится поворачивать голову от начала к концу строки. В результате повышается утомляемость, что, как следствие, дает резкое снижение понимания материала учебника. Однако использование фиксированной ширины текстовой зоны может повлечь неприятности при разных разрешениях (например, текстовая зона шириной 540 pix будет диссонансно смотреться при разрешении экрана 1124х760 pix).

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

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

• местом ее расположения,

• фоном,

• шрифтом.

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

1. Название учебного центра.

2. Название курса, по которому сделан учебник.

3. Список (меню) основных разделов учебника или ссылка на него.

4. Вызов помощи по работе с учебником.

5. Ссылка на информацию об авторах.

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

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

На каждой странице учебника в обязательном порядке должны присутствовать две навигационные панели: в начале и в конце странице. Эти панели призваны обеспечивать навигацию внутри текущего раздела учебника и содержать, по крайней мере, 4 кнопки для перехода: на предыдущую страницу, на следующую страницу, к содержанию, наверх.

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