Проблемы и перспективы современной науки Минский институт управления

III Республиканский научно-практический семинар молодых ученых 23 ноября 2012 года

УДК 004.92

РАЗРАБОТКА ГРАФИЧЕСКОГО ДИЗАЙНА ДЛЯ ЭЛЕКТРОННОГО УЧЕБНОМЕТОДИЧЕСКОГО ПОСОБИЯ ПО ИНФОРМАЦИОННЫМ ТЕХНОЛОГИЯМ

Т.П. Корнюшкоa

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

Ключевые слова: электронное издание, электронное учебно-методическое пособие, web-страница, web-дизайн, мультимедиа-технологии, юзабилити, макетирование.

DEVELOPMENT OF GRAPHIC DESIGN FOR ELECTRONIC EDUCATIONAL TOOLS

ON INFORMATION TECHNOLOGY

T.P. Kornyushkoa Abstract The user interface design of electronic textbooks. Select the interface: ease of use, color, text, graphics, navigation. Formation of electronic text, create tables, lists, hyperlinks.

Dynamic illustration.

Keywords: electronic edition, electronic educational tools, web-page, web-design, multimedia technologies, usability, breadboarding.

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

В положении об электронном учебно-методическом комплексе по дисциплине, подписанном Министерством образования 29.12.2008 года, дана следующая формулировка:

«ЭУМП – электронное учебное издание по учебной дисциплине, содержащее текстовые или мультимедийные материалы по методике преподавания учебной дисциплины».

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

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

1. Моделирование и создание электронного учебно-методического пособия.

Важное место в процессе модернизации образования в настоящее время занимают webКорнюшко Татьяна Павловна, a Минский институт управления, магистрант, Minsk Institute of Management, Master’s degree student, [email protected] Корнюшко Т.П. Разработка графического дизайна для электронного… технологии, которые становятся основным инструментом организации единого информационного образовательного пространства.

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

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

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

Пример структуры ЭУМП представлен на рисунке 1.

Рисунок 1 – Структура ЭУМП Преимущества разрабатываемого электронного учебно-методического пособия:

– возможность работы с разными версиями Microsoft Office (версии 97–2003 и 2007);

– возможность выполнения интерактивных тестов;

– хорошая структурированность изучаемого материала;

– позволяет быстрее осваивать и запоминать учебный материал, благодаря мультимедийным средствам обучения;

– индивидуальный темп работы;

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

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

2. Разработка дизайна. Дизайн – это всегда проектирование, ориентированное на пользователя. В проектировании интерфейсов существует целая наука под названием «usability», которая включает программирование, эргономику, дизайн. Основа юзабилити и правильного макетирования любого ЭУМП – это меню. Если оно неудобно, то придется потратить слишком много времени на поиск необходимой информации и возможно, что пользователь так и не найдет то, что ему нужно. Здесь на первый план выходит композиция, работа с расположением отдельных текстовых и графических блоков, шрифты. Также необходимо хорошо представлять возможности CMS в плане представления тех или иных элементов. Здесь, прежде всего, имеет значение ограничения стандартов html-кода или flash.

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

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

Если разделов много и разместить их названия горизонтально не удается, то необходимо размещать все вертикально, вдоль одной из сторон страницы (зависит от дизайна).

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

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

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

Для электронного пособия обычно характерно наличие текста, а для текста важно, чтобы он был «читабельным», хорошо смотрелся. Зачастую дизайнеры увлекаются цветом, используя его очень ярко, но тут тоже существует своя культура. Немаловажную роль при этом играет контраст. Цвет текста воспринимается в зависимости от цвета фона: если менять цвет фона, то будет казаться, что меняется и оттенок предмета, например:

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

предмет, расположенный на теплом фоне, выглядит «холоднее» и наоборот;

серый рядом с красным выглядит холодноватым, рядом с синим или зеленым – тепловатым;

на светлом фоне цвет предмета кажется более темным, на темном – светлым.

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

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

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

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

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

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

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

Все страницы связаны между собой системой гиперссылок.

Дизайн ЭУМП по информационным технологиям выбран близким к цветовой гамме Microsoft Office. Если студент выполняет задание по Word, то и дизайн лабораторной работы будет соответствующего цвета, это же касается заданий по Power Point и Excel. Фотографии, графики и схемы будут носить информационно-демонстрационый характер. Пользователю ЭУМП должно быть интуитивно понятно, в какой части учебного пособия он находится, чтобы было легче ориентироваться, а поиск необходимой информации занимал считанные секунды [4].

Литература / References 1. Татаринцев, А.И. Электронный учебно-методический комплекс как компонент информационно-образовательной среды педагогического вуза / А.И. Татаринцев // Теория и практика образования в современном мире: м-лы междунар. заоч. науч. конф. (г. Санкт-Петербург, февраль 2012 г.). – СПб. : Реноме, 2012. – С. 367–370.

Tatarincev, A.I. Electronnyi uchebno-metodicheskii kompleks kak component informacionno-obrazovatelnoi sredy pedagogicheskogo vuza / A.I. Tatarincev // Teoriya i praktika obrazovaniya v sovremennom mire (g. Sankt-Peterburg, fevral 2012 g.). – SPb. : Renome, 2012. – P. 367–370.

2. Кузьмина, Н.В. Основы работы в Интернет: учеб. пособие. Ч.5. / Н.В. Кузьмина, Н.А. Инькова, Е.А. Зайцева, С.Г. Толстых. – Тамбов : Изд-во ТГТУ, 2002. – С. 40.

Kuzmina, N.V. Osnovy raboty v Internet: ucheb. posobiye. CH.5. / N.V. Kuzmina, N.A. Inkova, Ye.A. Zaytseva, S.G. Tolstykh. – Tambov : Izd-vo TGTU, 2002. – P. 40.

3. Гречиха, А.А. Вузовская учебная книга: типология, стандартизация, компьютеризация:

учеб.-метод. пособие / А.А. Гречиха, Ю.Г. Древс. – М. : Изд-во «Логос», 2000. – С. 255.

Grechikha, A.A. Vuzovskaya uchebnaya kniga: tipologiya, standartizatsiya, kompyuterizatsiya: ucheb.-metod.

posobiye / A.A. Grechikha, Y.G. Drevs. – M. : Izd-vo «Logos», 2000. – P. 255.

4. Корнюшко, Т.П. Актуальные проблемы науки XXI века: сб. ст. уч. II науч.-практ. семинара молодых ученых / Т.П. Корнюшко; Минский ин-т упр. – Минск : Изд-во МИУ, 2012. – 95– 101 с.

Kornushko, T.P. Aktyalnye problem nauki XXI veka: sb. st. uch. II nauch.-prakt. seminara molodyx uchenyx / T.P. Kornushko; Minskii in-t upr. – Minsk : Izd-vo MIU, 2012. – P. 95–101.