ПЕДАГОГІЧНО-ОРІЄНТОВАНИЙ WEB-ДИЗАЙН ДЛЯ СТВОРЕННЯ ЕЛЕКТРОННИХ НАВЧАЛЬНИХ ПОСІБНИКІВ ДИСТАНЦІЙНОГО НАВЧАННЯ.
PEDAGOGY ORIENTED WEB-DESIGN FOR THE DISTANCE LEARNING WEB-BOOKS
А.В.Журавльов, І.І. Журавльова,
м.Київ-03057, вул. Е.Потьє, 20, тел. 2419841, факс 2419844
E-mail: zhav@uapa-dlc.org.ua, www.uapa-dlc.org.ua

В зв`язку з тим, що більшу частину інформації людина сприймає через сферу почуттів, особливої важливості набуває психологічно-орієнтований дизайн WEB-елементу дистанційного навчання - педагогічно орієнтований дизайн.

Умовно за сприйняттям інформації можна поділити аудиторію на такі основні групи:

• Візуали - отримують інформацію через сприйняття образів. Отже навіть при використанні текстового дизайну необхідно враховувати їх потреби і використовувати виділення шрифтом, стилем та кольором
• Аудіали - сприймають інформацію через звуки або приговорюванням прочитаного. Для них варто використовувати різко відокремлений віршоподібний запис.
• Кінестетики - сприймають інформацію через відчуття, отже важливим буде створення загального настрою з використанням сполучень кольорів.

Вважається, що в Інтернеті переважають візували, але комплексне використання засобів впливу дозволяє забезпечити найкращий психологічно-орієнтований дизайн.

Для ефективного донесення інформації для користувача дистанційного навчання необхідно враховувати його технічні можливості:

a) Швидкість завантаження. Враховуйте, що необхідно вказувати розмір файлів до завантаження більших за 30 Кб.

Затримки:

• 0,1 сек. - не сприймається як пауза
• 1 сек. - не переривається думка
• 10 сек. - поріг концентрації

b) Браузер. Необхідно тестувати створену сторінку в обох найбільш популярних браузерах Netscape та IE - через відмінності у відтворенні.

c) Розмір екрану. Необхідно тестувати створену сторінку в усіх найбільш популярних режимах: 640х480, 800х600, 1024х768

d) Наявність звукової карти. Не навантажуйте змістом звукове супроводження сторінки - це може залишитись невідомим для користувача.

Форматування навчальної WEB-сторінки має враховувати наступне:

a) Елементи навігації мають бути традиційні, зрозумілі, необтяжливі. Не варто вводити нові позначення для стандартних операцій

b) Розподіл простору має враховувати, що саме має в першу чергу побачити користувач: навчальний матеріал, чи графічні елементи. Рекомендується відводити не менш як три чверті простору під корисну для користувача інформацію

c) Використання фреймів має бути дуже обережним через проблеми з друком (більшість браузерів роздрукує лише один з фреймів), посиланнями (вони виведуть користувача не в потрібне йому місце, а на стартову сторінку), пошуком (отримане в результаті посилання не обов`язково приведе до знайденої сторінки, скролінгом (цьому можно запобігти лише ретельним прорахуванням фреймів).

d) Версія для друку має містити мінімальний текст, необхідний користувачеві. Не варто примушувати його друкувати дизайнерські досягнення автора сторінки замість навчальної інформації.

Форматування тексту на сторінці WEB-елементу курсу має відповідати таким вимогам:

a) Лаконічність. Шляхом експериментальних досліджень встановлено, що швидкість сприйняття тексту з екрану на 25% нижче за швидкість сприйняття з паперу.

b) Ширина текстової зони має складати біля 500 - 570 ріх. Це забезпечить нормальне відображення посібника в різних розмірах екрану та одночасно надасть змогу ефективно розмістити корисну інформацію

c) Кегль основного тексту має бути не менш як 12 ріх

d) Центрування. Визначено, що найкраще сприймаються центровані тексти, тому доцільно вирівнювати по центру ключові фрази та визначення.

e) Фіксування шрифтів. В зв`язку з тим, що сприйняття рублених шрифтів вимагає більших зусиль, ніж шрифтів з насічками, рекомендується використовувати шрифти з насічками - для основного тексту (Times New Roman, Times ET, School Book), та рублені для визначень (Arial, Tahoma, Helvetica, Verdana, Sans-Serif)

f) Структурування та розбиття на абзаци. Краще сприймається текст, який охоплюється оком - цей принцип широко застосовується в рекламі та поліграфії, варто використати його і для створення ефективного навчального матеріалу.

g) Виділення кольором та стилем. Не більш 4 основних кольорів на сторінці.

h) Вибір фону. Краще сприймається м`який розфокусований фон з текстурою, краще суцільної заливки.

Правильне використання сполучень кольорів може сприяти засвоєнню матеріалу, викликаючи у користувача необхідний емоційний стан. Існує значна кількість досліджень, які проводились в різних країнах в цій галузі, але на цей час основна сфера використання цих знань - реклама.

• "Престижні", золото, срібло, темно-сірий, чорний. Їх задача - передати солідність, впевненість, стабільність та високу вартість.
• "Пастельні", ніжні бежеві, рожеві, голубуваті... Жіночі, м`які, розслаблюючі...
• "Здорові", з американської психології... Чистота, здоров`я, впевненість, сім`я....
• "Природні", близькі до природних органічних компонентів...
• Як варіант використання кольору - "Розтяжки"... Звичайно тональні відтінки одного кольору, та як акцент - більш активний колір.

Використання звуків в WEB-оформленні матеріалу допустиме, якщо того вимагає даний посібник, але небажане. Як через можливу відсутність звукової карти на робочому місці користувача, так і через необхідність врахування можливих умов його роботи. В будь-якому випадку саме користувач має обирати: слухати йому звукове оформлення чи ні.

Засоби спілкування з користувачем - необхідна умова якісного ЕНП. До таких засобів відносяться зокрема: чат, конференція, форум, гостьова книга, надання можливості використання електронної пошти між учасниками навчального процесу. Ці засоби можуть бути надані користувачеві за допомогою безкоштовних сервісів Інтернету, або власними розробками WEB-програмістів ВНЗ, або за допомогою існуючих Інформаційних середовищ дистанційного навчання (Прометей, WebCT, Learning Space тощо).