Зразок роботи
Вступ
Переважна важливість дослідження випливає з перетворень, які
настають у сучасному світі. Розробка веб-ресурсів у сучасному світі
пов'язана із постійними змінами у технологіях. Кожна сфера знань стабільно
вдосконалюється, зокрема відзначається зростанням популярності створення
веб-сторінок. Багато компаній прагнуть перенести свій бізнес в
онлайн-середовище. Проте, в умовах великого обсягу веб-ресурсів у пошуку
дійсно зручної платформи стає все складніше.
Нині важко знайти фахівця, здатного підтримувати створений
веб-ресурс, незалежно від обраної мови програмування. Сучасні засоби
створення веб-сайтів дозволяють легко створювати інтернет-магазини за
допомогою систем управління контентом (CMS), які дають можливість
змінювати інформацію на сайті без необхідності залучення розробників та
спеціалістів з програмування.
Тому виникає потреба розробити веб-ресурс за таким методом, який
дозволить легко та швидко редагувати контент на сайті без додаткових знань
та професійних навичок. Створення веб-дизайну сайту передбачає
вирішення кількох завдань одночасно: вплив на цільову аудиторію,
приваблення постачальників і розпочаток реалізації товарів та послуг
національно та міжнародно.
Структура, спрямованість і тематика сайту можуть бути
різноманітними. Високий рівень виконання і хороша функціональність сайту
є природніми показниками його ефективності. Важливо не лише створити
веб-сторінку із привабливим дизайном, але й забезпечити зручний інтерфейс
для користувача.
Можливість проводити маркетингові дослідження, розробляти та
виводити на електронний ринок нові рішення, унікальні торгові пропозиції
8
та багато іншого – це обов'язкові якості веб-сайту. Створення веб-сторінки
також відзначається як джерело актуальної інформації через діалоги між
покупцями і представниками фірми, що реалізуються за допомогою системи
електронного маркетингу.
Швидкість і легкість обробки замовлень за допомогою особистого
кабінету клієнта, а також можливість створення цілих веб-ресурсів - це також
означає встановлення джерела актуальної інформації. Діалоги між покупцями
та представниками фірми здійснюються через систему електронного
маркетингу. Швидкість і простота оформлення замовлень з використанням
особистого кабінету клієнта, а також можливість створення цілих
інформаційних порталів розширюють можливості бізнесу, як ніколи раніше.
Веб-сайт стає сучасним торговим каналом. За допомогою веб-дизайну
кожна особа має можливість представити свої ідеї та послуги великій аудиторії,
яка використовує Інтернет. Зараз все більше людей, не лише в Україні, але й у
всьому світі, користуються саме Інтернетом.
Об’єктом магістерської роботи є: веб-дизайн як комплексний напрям
дизайн-діяльності.
Предметом дослідження є – історія розвитку та жанрові різновиди
світового та українського веб-дизайну.
Метою магістерської роботи є з’ясування ролі веб-проектування для
сучасного українського арт-простору, наукове та практичне значення UI/UX,
а також визначення та обґрунтування сучасних тенденцій та етапів розвитку
веб-дизайну у контексті актуальних соціокультурних та політичних
обставин.
Завданнями дослідження є:
1. Здійснити аналіз термінологічного апарату дослідження.
2. Розглянути сучасну наукову літературу за темою
магістерської роботи.
9
3. Визначити специфіку веб-проектування, інструменти та
програмне забезпечення.
4. Здійснити аналіз сучасних методів і візуальних тенденцій
розробки веб-сайтів та іншої веб-продукції.
5. Вивчити класифікацію веб-продукції та специфічні
характеристики її різновидів.
6. Провести порівняльний аналіз світового та вітчизняного
розвитку веб-дизайну.
Методологія дослідження: було проведено аналіз жанрових різновидів
веб-сайтів, що відображають не лише теоретичний, а й практичний підхід до
предмету дослідження. Для конкретизації ідеї процесу створення веб-дизайну
та його етапи використовувалася власноручна розробка веб-сайту. системний
аналіз, семантичний аналіз, методи емпіричного рівня (спостереження,
порівняння, вимірювання, метод проб і помилок і т.д.)
Наукова новизна дослідження полягає у порівнянні світового та
українського досвіду у веб-дизайні: визначенні провідних тенденцій, основних
візуально-проєктних ознак, пріоритетних напрямів та аналізуванні кейсів
конкретних авторитетних дизайн-студій, наукова новизна одержаних результатів
полягає у тому, що сформовано метод розроблення веб-дизайну, беручи до уваги
рівні врахування підтримки інклюзивної взаємодії, на основі семантичного
підходу.
Практичне значення: отриманих результатів проявляється у
створенні методу та розробці дизайну веб-орієнтованої системи інклюзивної
соціальної взаємодії на основі семантичного підходу. Розроблений метод
визначає структуру та принципи роботи над проектом інклюзивного
дизайну, надаючи систематизований підхід до його втілення.
Отримані теоретичні результати дослідження можуть бути ефективно
використані в освітньому процесі, сприяючи вивченню різних аспектів
10
веб-проєктування. Ці знання важливі для майбутніх фахівців у галузі
дизайну, дозволяючи їм краще розуміти та впроваджувати інклюзивні
підходи у своїх проектах. Практичне застосування теоретичних висновків
розширюється на роботу UI\UX-дизайнерів, які можуть використовувати цей
метод для створення ефективних концепцій веб-проектів. Такий підхід
дозволяє забезпечити високу якість інклюзивного дизайну та полегшує
процес розробки веб-систем, що спрямовані на соціальну взаємодію.
Структура роботи складається з: вступ, три розділи з підрозділами,
висновки, список використаних джерел та додатки.
РОЗДІЛ 1. ВЕБ-ДИЗАЙН ЯК ПРЕДМЕТ ДОСЛІДЖЕННЯ
1.1. Наукова розробка поняття веб-дизайн
У сучасному науковому просторі тема веб-дизайну привертає увагу
великої кількості дослідників, які вивчають різні аспекти цього комплексного
напряму. Серед українських дослідників змістовно висвітлив питання вебсайту
Чирчик Сергій. У своїй статті «Сучасний веб-сайт як
інтерактивно-комунікативна структура» [46] Автор досліджує веб-сайт як
інформаційний об’єкт мережі Інтернет, аналізуючи його складові частини та
структуру з урахуванням програмно-технічного фактору, що безпосередньо
впливає на візуальне оформлення та сприйняття веб-сайту як об’єкта
графічного дизайну.
У праці піднімається питання української дизайн-освіти, що зумовило
відсутність компетентних спеціалістів. Такий стрімкий розрив між потребами
галузі і досвідченими людьми у ній пов’язаний зі стрімким розвитком веб
дизайну, що в свою чергу виявило інертність академічних інституцій. Також
слід відзначити, що існує ряд досліджень, де визначено важливість
інформаційного проектування в процесі створення веб-сайту та його
візуального оформлення, або розглянута специфіка сприйняття веб-сайту через
модель "людина – комп’ютер – інтернет". У книзі «Глобалізація – підходи до
різноманітності» [55] Гектор Куадра Монтьель розглянув особливості
формування стильової моделі «етнічного» дизайну в умовах глобалізації, а
також береться амбітна задача представити низку глобальних проблем, які
варіюються від історичних до сучасних, від транснаціональних до місцевих, від
культурних до інституційних. Його автор висвітлює світову культуру такою, як
вона є: множиною, зростаючою і динамічною. Цінність цієї книги полягає в її
різноманітності по відношенню до культури і поняттях формування культур, в
12
тому числі і дизайну під різним впливом. Більшість досліджень, спрямованих
на структуризацію та визначення питань, пов'язаних із веб-дизайном, припадає
на західних фахівців, оскільки ця галузь з'явилася і розвивалась там задовго до
появи вітчизняних аналогів. Одним із найвідоміших дослідників у сфері
веб-дизайну є Якоб Нільсен – визнаний у всьому світі експерт та професіонал у
галузі інтерфейсів та зручності комп'ютерної взаємодії. Відомий ряд методик
було сформовано саме ним [42], спрямованих на швидке і ефективне
удосконалення для користувацької взаємодії, включаючи принципи евристичної
оцінки [46]. В книзі «Веб-дизайн: книга Якоба Нільсена» [16] докладно
розглянути відомі аспекти користувацької взаємодії з веб орієнтованими
системами або іншими видами інтерфейсу і розповідається про те, як зробити
різні види взаємодії найбільш ефективними і зручними для різних користувачів.
За красивою 14 картинкою обов’язково повинен стояти якісний і продуманий
скелет елементів системи, що дозволить зробити досвід користувача приємним.
Важливо враховувати та досліджувати користувацьку взаємодію для
забезпечення популярності та дружелюбності продукту. Головною особливістю
добре продуманої користувацької взаємодії є затребуваність того, щоб ставити
людей на перше місце [19].
Інтерфейс користувача (GUI) та користувацький досвід (UX) являють
собою дві важливі складові здавалося б одного простого елементу, як дизайн
веб системи [37]. Оскільки вміло підібрані картинками і гармонійні шрифти не є
гарантією того, що проект буде «працювати», без правильної структури це буде
просто галереєю, якою до того ж важко користуватися. Щоб цього не сталося,
потрібно враховувати багато різних аспектів, такі як цільова аудиторія, існуючі
альтернативи, досвід, який міг отримати юзер, використовуючи схожі ресурси
та інші. Тому прийнято вважати, що UI та UX - це повноцінні окремі складові,
які повністю сформувалися, але вони не можуть існувати один без одного, саме
через це виникає багато труднощів, коли потрібно їх відрізнити. Існує дуже
13
багато схем, діаграм, таблиць для порівняння цих двох напрямів, але незмінним
і головним є те, що користувацький інтерфейс - це візуальне оформлення
проекту, а користувацький досвід - це проєктування прототипів, враховуючи
досвід цільової аудиторії і моделювання зручності використання.
Найперший сайт info.cern.ch з'явився в 1990 році. Його автор, Тім
Бернерс-Лі, опублікував на ньому опис нової технології World Wide Web. Ця
технологія базується на протоколі передачі даних HTTP, системі адресації
URL і мові гіпертекстової розмітки HTML. Сайт став першим в світі
Інтернет-каталогом, оскільки Тім Бернерс-Лі розмістив на ньому список
посилань на інші сайти.Для роботи першого сайту Тім Бернерс-Лі
підготував всі необхідні інструменти напередодні.
У кінці 1990 року з'явився перший гіпертекстовий браузер
WorldWideWeb з можливостями веб-редактора, перший сервер на базі
NeXTcube і перші веб-сторінки. Тім Бернерс-Лі, вважається "батьком"
базових технологій Веб — HTTP, URI/URL і HTML. Він розвивав ідею
використання гіпертексту як основи для обміну даними у мережі ще у 1980
році, коли створив гіпертекстове програмне забезпечення Enquire.
Працюючи в Європейському центрі ядерних досліджень в Женеві (CERN),
він вперше запропонував колегам публікувати гіпертекстові документи з
гіперпосиланнями.
В травні 1991 року в CERN був затверджений стандарт WWW. На
сьогоднішній день Тім Бернерс-Лі очолює заснований ним Консорціум
Всесвітньої павутини (World Wide Web Consortium), який активно
займається розробкою і впровадженням стандартів Інтернету.UI – це
візуальне представлення інтерфейсу продукту. Він включає макет, кнопки,
форми, кольори, шрифти, анімацію та ілюстрації – набір перелічених
складових може мінятися в залежності від потреб продукту. Усі елементи
представляються в найрізноманітніших комбінаціях і станах, що дозволяє
14
краще відобразити затребувану модель.
Для досягнення цього, потрібно хоча б орієнтуватися в основах
програмування, знати психологічні аспекти кольорів, мати навички
графічного дизайну і мати почуття стилю, або розвивати «надивленість».
Основні обов’язки в UI : - розробка фірмового стилю, або узгодження
графічних елементів з існуючим фірмовим стилем; - проектування сторінок
сайту; - відповідальність за наповнення сайту графікою; - проектування
вигляду для кнопок, блоків, інших елементів взаємодії; - створення типових
елементів веб сайту у вигляді посібника для інтерфейсу (User Interface Kit
або UI kit). User Interface Kit (UI kit) – це документ, що описує окремі
елементи графічного інтерфейсу та їхні параметри.
Варто зауважити, що Майкл Меттс – незалежний UX-спеціаліст,
думає, що багато людей не вважають письмо за критично важливу частину
дизайнерського процесу, а це є великою помилкою. Оскільки від правильно
оформленого тексту напряму залежить досвід користувача.[19] Тобто,
написання контенту для веб ресурсу - це теж є якісною складовою UX
дизайну. Основні обов’язки в UX: - розробка архітектури сайту; - розробка
прототипів поведінки; - вивчення досвіду користувачів на вже існуючих
проектах; - системне тестування інтерфейсу; - написання тексту, або
оформлення технічних завдань для копірайтера; - оформлення візуального
положення елементів; - проектування взаємодії між елементами інтерфейсу.
В результаті роботи UX-спеціаліста отримуємо прототип продукту,
ефективність і легкість використання якого залежить безпосередньо від
якості виконаного аналізу і проекту.
Багато компаній вже усвідомили, що дизайн веб системи – це щось
більше, ніж текст без помилок і яскрава графіка. По-справжньому утилітарна
та ефективна система служить стратегічним цілям замовника, при цьому
одночасно задовольняючи потреби цільових користувачів. Навіть
15
найцікавіший та затребуваний контент і передові технології веб орієнтованої
системи не допоможуть збалансувати ці два завдання без реалізації та
підтримки послідовного і не суперечливого користувацького досвіду
взаємодії. Проте, створення користувацького досвіду взаємодії може
видатися неймовірно складною справою. Тому що доводиться враховувати
масу питань – ідентичність бренду, юзабіліті, інформаційну архітектуру,
користувацьку взаємодію, доступність.
Магістр