Особливості викладання навчальної дисципліни "Основи вебдизайну" в умовах дистанційного навчання

Abstract. In today's world, we are faced with a large amount of information from the Internet, which concerns all areas of our lives. This affects the demand for web design specialists who can provide convenient access to information for the general public. Web design is a tool for creating a visual culture of sites in a virtual environment. Successful web design increases the communicative functionality of a certain site, its attendance and audience response, especially so far as is concerned with commercial sites or information resources, for which attendance is one of the important factors. Therefore, further work on the development of new web design concepts and the development of new information visualization tools requires detailed knowledge of the impact of design decisions on the cultural perception of a web page. In connection with this, the question arises regarding the quality and difficulties of training specialists in this field.

The main tasks of web design teaching are: familiarizing of students with hardware and software tools used in the field of web design, as well as with information technologies and the possibilities of these technologies in the field of education and culture; formation of students' creative approach to the process of creating web pages; the formation of abilities and skills that will help to independently supplement own knowledge, to be able to navigate the flow of scientific information, to develop and improve the skills of learning software, as well as to apply computer technology in education, during the learning of special disciplines, and later in professional activities.

The methodology of teaching web design should take into account the final results of the students' activities, giving it the character of a sustainable purposeful learning process.

The introduction of elements of distance learning in institutions of higher education is a necessary condition for achieving a modern level of education quality. The intensification of processes in the format of distance teaching caused the need to find effective solutions for the implementation of the educational process, in particular, when studying the course “Basic principles of Web Design”.

Keywords: web design, graphic design, computer technologies, distance teaching.

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

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

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

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

Аналіз останніх досліджень і публікацій. Питанню створення освітнього середовища підготовки майбутніх фахівців з графічного дизайну у закладах вищої освіти присвятили свої наукові праці С. Алєксєєва, О. Бойчук, Г. Васильєв, О. Гервас, Г. Гончаренко, В. Даниленко, О. Лаврентьєв, С. Мигаль, Р. Мухутдінов, В. Петровський, В. Савін та інші. До розгляду проблеми розвитку графічного дизайну зверталися Т. Божко, Л. Білякович, О. Гервас, О. Джеджула, Ю. Золотухін, С. Кожуховська, О. Лагутенко, Л. Малиновська та інші. Однак питання підготовки майбутніх педагогів в галузі вебдизайну, як складової графічного дизайну, поки що досліджені недостатньо.

Мета статті - дослідження особливостей викладання навчальної дисципліни «Основи вебдизайну» для майбутніх учителів технологій та інформатики, які навчаються на другому (магістерському) рівні вищої освіти в умовах дистанційного навчання.

Виклад основного матеріалу. Не викликає сумніву, що вміння працювати з графічною та візуальною інформацією, є одним із обов'язкових складових компонентів навчання майбутнього вчителя технологій та інформатики. На другому (магістерському) рівні вищої освіти за освітньо- професійною програмою «Середня освіта (Трудове навчання та технології)» для майбутніх фахівців, що обрали блок вибіркових дисциплін «Графічний дизайн» введені навчальні дисципліни (освітні компоненти): «Основи роботи з мультимедіа», «Теорія дизайну», «Растрова та векторна графіка», «Тривимірна графіка». Включення в освітньо-професійну програму освітнього компоненту «Основи вебдизайну» цілком обґрунтовано, оскільки можливості вебдизайну мають особливе значення в освіті, вони є унікальним засобом спеціальної підготовки студентів, що дозволяє акумулювати теоретичні та практичні знання різних дисциплін, то ж стає важливим компонентом освіти з графічного дизайну.

Метою освоєння дисципліни «Основи вебдизайну» є детальне розуміння процесу створення сайту, який включає в себе технічну розробку, структурування інформації, візуальний (графічний) дизайн.

Основні завдання дисципліни:

- оволодіння здобувачами вищої освіти теоретичними основами з різних аспектів дизайну, включаючи специфіку вебдизайну;

- опанування навчальних робочих прийомів розробки та створення сайтів різних напрямків;

- отримання навчальних практичних навичок роботи над вебсторінками в рамках вебпроектів.

У зв'язку з розвитком вебдизайну як професіональної діяльності, до системи освіти з підготовки майбутніх фахівців з графічного дизайну висуваються нові вимоги: після закінчення закладу вищої освіти випускники повинні володіти технологіями роботи у вебпросторі, щоб бути професійно затребуваними на ринку праці.

Але слід зазначити, що існують певні труднощі у практиці навчання цієї дисципліни для здобувачів вищої освіти.

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

Поняття дизайн (походить від англ. design - проектувати, креслити, задумати, а також проєкт, план, малюнок) має багато визначень одне з них «дизайн - це комплексна міждисциплінарна проектно-художня діяльність, яка синтезує в собі елементи наукових, технічних і гуманітарних знань, інженерного конструювання і художнього мислення» [5, с. 80]. Центральною проблемою дизайну є створення предметного світу, естетично оцінюваного, як відповідного, гармонійного, цілісного.

Л. Грищенко зауважує, що сучасний дизайн можна визначити як базову фундаментальну та загальноосвітню дисципліну про професійний вид проектної діяльності, що спрямована на відтворення цілісного предметного середовища життєдіяльності людини і заснована на мистецтві та науці про художнє конструювання предметних форм [3, с. 109].

Нарівні з терміном «дизайн» використовують поняття - «художнє проектування». Найбільш розповсюдженим у теорії дизайну є підхід, згідно якого дизайн тлумачиться як проєктна культура.

Дизайн виконує дві основні функції:

- утилітарну, що забезпечує технологічну доцільність, технічну досконалість, економічну та ергономічну ефективність продукту;

- естетичну, визначальну художню образність, естетичну промовистість, знакову асоціативність продукту [1, с. 117].

Вебдизайн сучасні науковці класифікують як один із актуальних інструментів проектної культури.

Вебдизайн у визначенні Д.В. Бородаєва, це вид графічного дизайну, спрямований на розробку та оформлення об'єктів інформаційного середовища Інтернету, покликаний забезпечити їм високі споживчі властивості та естетичні якості [2, с. 57]. Подібне трактування відокремлює вебдизайн від вебпрограмування та позиціонує вебдизайн як вид графічного дизайну.

У даний час однією з точок зору є позиціонування вебдизайну, як вебсайту, як об'єкту у графічному дизайні.

Крім того, інші практики вважають вебдизайн та графічний дизайн різними видами професійної діяльності.

Нерідко, вебдизайн та графічний дизайн вважаються поняттями взаємозамінними. Ці напрями мають загальний початок, а саме, базуються на засадах колористики (уміння поєднувати кольори та відтінки), пропедевтики, основах проектної графіки, шрифтової культури. Крім того, і веб, і графічний дизайн, крім художнього смаку, має на увазі відмінне знання пакету графічних редакторів (наприклад, Adobe Photoshop, Adobe Illustrator) та програм, призначених для верстки. Тим не менш, оформлення вебсайтів та матеріалів для поліграфії (графічний дизайн) мають ряд важливих відмінностей, що стосуються переважно технічного аспекту, але також зачіпають і сам творчий процес.

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

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

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

Ми дотримуємося погляду, що у сучасному мобільному світі вебдизайн в глобальній мережі Інтернеті став одним із напрямків у графічному дизайні, і через технологічну універсалізацію результатів часто виходить за рамки професійного продукту [2]. Зважаючи на складність сучасних технологій, процес створення вебсайтів лягатиме на плечі різних фахівців. Крім вебдизайнерів у цьому процесі беруть участь DevOps-інженери, розробники, різноманітні менеджери та інші. Виконати складний проєкт одній людині практично не під силу, тому кожен фахівець повинен зосередитись на виконанні своїх завдань. Таке поєднання професійних інтересів на наш погляд, найбільш ефективно для процесу розробки вебсайту від створення дизайн- концепту до фінальної верстки вебсайту, оскільки кожен професіонал займається своєю справою, кожен вирішує конкретне завдання у командній роботі.

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

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

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

З березня 2020 року із запровадженням глобальних карантинних обмежень, а з 2022 року у зв'язку з воєнним станом, українські університети були вимушені терміново переформовувати всі освітні процеси під умови дистанційного навчання. Інтенсифікація процесів у форматі дистанційного навчання спричинила необхідність пошуку ефективних рішень провадження освітнього процесу, позитивно зарекомендували себе: багатофункціональна платформа дистанційного навчання Moodle, месенджери з можливістю використання гіпертексту, аудіо- і відео-повідомлень та опитувань - Viber та Telegram, програми для відеоконференції (Teams, Zoom, Skype).

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

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

Структурування змісту дистанційного курсу має бути послідовним, вивчення кожної теми завершуватись виконанням практичної роботи. На вивчення дисципліни «Основи вебдизайну» нами були виділені наступні теми:

Тема 1. Поняття вебсайту. Типи сайтів. Створення та обробка брифу та технічного завдання.

Тема 2. Інформаційна архітектура, види та моделі. Поняття контенту, робота з контентом. Компоненти інтерфейсу.

Тема 3. Типографіка та колористика. Стилі в вебдизайні.

Тема 4. Адаптивний дизайн. Типографіка в мобільних інтерфейсах. Тренди в мобільному дизайні.

Тема 5. Тестування макетів. Підготовка макетів до наступних етапів.

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

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

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

Технології створення сайту поділяються на дві основні великі групи: що забезпечують статичне представлення інформації та забезпечують динамічне представлення інформації. Статичні вебсторінки завжди мають той самий вигляд. Динамічні сторінки не існують у наперед визначеному вигляді, а формуються за допомогою серверних скриптів.

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

Зміст дисципліни «Основи вебдизайну» спроектовано з опорою на всебічний облік майбутньої професійної діяльності конкурентоспроможного випускника.

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

Самостійне придбання знань не має носити пасивний характер, навпаки студент із самого початку повинен бути залучений до активної пізнавальної діяльності, що не обмежується оволодінням знаннями, але неодмінно передбачає їх застосування для вирішення різноманітних проблем своєї практичної діяльності [4]. У ході такого навчання студенти повинні вміти (навчитися) набувати та застосовувати знання, шукати та знаходити потрібні для них засоби навчання та джерела інформації, вміти працювати з цією інформацією.

Одним із основних методів, які ми використовуємо при навчанні вебдизайну, є проєктний метод навчання. Під час вивчення дисципліни «Основи вебдизайну» студенти виконують кілька навчальних проєктів.

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

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

- низька самоорганізація студентів, нездатність ефективно організувати свій час і регулярно виконувати навчальні завдання.

На наш погляд, на успішність дистанційного вивчення дисципліни «Основи вебдизайну» вплине виконання наступних рекомендацій:

1) ретельна розробка навчальних матеріалів (створення підказок, покрокових інструкцій, навчальних відео уроків, які докладно демонструють виконання завдань, що викликають найбільшу скруту);

2) викладач повинен уміти підтримувати активність студентів, вміти створювати проблемні ситуації для обговорення, оперативно відповідати на запитання, заохочувати досягнення студентів, координувати їхню діяльність, стимулювати роботу в команді та інше;

3) студенти повинні бути максимально проінформовані про особливості їх майбутньої професійної діяльності, про професійні завдання, які вони мають вирішувати, про цілі та зміст навчання;

4) обґрунтований розподіл балів за виконання завдань та розробка критеріїв оцінювання проєктів.

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

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

Перехід на дистанційне навчання в країні у зв'язку з воєнним станом спричинив погіршення якості та доступність освіти. Для реалізації дистанційного навчання при викладанні курсу «Основи вебдизайну» необхідно створити матеріальну базу; наповнити освітню навчально- методичним матеріалом та організувати методику контролю й перевірки знань. Для підвищення ефективності навчального процесу потрібно: гнучке поєднання самостійної пізнавальної діяльності студентів з різними джерелами інформації, навчальними матеріалами, спеціально розробленими за цим курсом; оперативна та систематична взаємодія з викладачем курсу; групова та індивідуальна робота студентів з використанням різноманіття проблемних, дослідницьких, пошукових методів під час виконання практичних робіт та творчих проєктів.