Роль веб-дизайну в гіперлокальних медіа

доцент Фенько Н.М.

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

«Надмісцеві» медіа активно застосовуються західними журналістами у якості ефективного методу донесення актуальних повідомлень до читачів, обмежених територіальним поділом [1]. Передусім це пов'язано з тим, що традиційні ЗМІ розпорошуються на більш глобальні події та не мають змоги сконцентруватися на проблемах вузької локальної аудиторії (маленьких селищ та міст, одного мікрорайону, спільноти, університету тощо).

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

Мета роботи: дослідити ті аспекти веб-дизайну, які роблять гіперлокальні медіа успішними.

Об'єкт дослідження: веб-дизайн гіперлокальних медіа.

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

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

Матеріалом для дослідження послугують університетські медіа.

Методологічна база: про феномен гіперлокальних медіа в Україні писали у своїх працях Р. Вербовий «Гіперлокальні медіа як різновид ЗМІ: визначення, поняття, функції, видова характеристика» та Ю. Нестеряк «Гіперлокальні медіа: перспективи для України». Інформація про критерії ефективності вебдизайну зібрана з онлайн-ресурсів, зокрема Medialab.Online, SilaMedia та Webstudio2u.com, де висвітлюються проблеми дизайну та прогнози його розвитку на найближчі роки тощо.

В українському медійному просторі перші гіперлокальні засоби інформації з'явилися 2008 року, хоча за кордоном вони почали функціонувати значно раніше. На території колишніх країн СНГ, зокрема в Україні, якісні гіперлокальні ресурси досі не набули широкого поширення [2]. Традиційні друковані та електронні видання не можуть претендувати на подібний статус, оскільки вони не відповідають сучасним тенденціям інформаційно-комунікаційної сфери. Гіперлокальні медіа вважаються одним із різновидів нових медіа, тому їм властиві такі риси, як інтерактивність, публікація контенту в режимі реального часу, гіпертекстуальність і мультимедійність.

Однією із останніх тенденцій сучасного медіаринку є створення якісно нових концептуальних ресурсів, які відрізняються від традиційних ЗМІ тематичною локальністю та цифровою спрямованістю.

Наприклад, ямпільський «Дирижабль» [12] спершу задумувався винятково як сайт. Тестова версія інтернет-видання має адаптивний дизайн, що складається зокрема з мобільної та планшетної версій. Основна цільова аудиторія - люди, які наразі живуть у Ямпілі, а також ті, хто переїхав жити в такі міста, як Вінниця, Київ, Львів та Одеса [7].

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

До створення «МАЯК» його команда працювала над іншим одеським ресурсом - «Новостник». Тоді це був перший ресурс, який намагався писати про життя Одеси в ігровому форматі. Цього не зрозумів інвестор, і невдовзі перетворив видання на типовий новинний сайт про ДТП та хабарі в податковій. Тоді в команди виникла ідея створити новий ресурс зі своїми правилами гри. «МАЯК» - це передусім infotainment. Зацікавити аудиторію редакція намагається не лише суттю, а й формою подання. Не менш важливим було прагнення створити естетично привабливий ресурс. «Чомусь в Одесі мало хто зважає на те, як зверстаний текст, як оформлена цитата, які фотографії», - розповідає креативна директорка «МАЯК» Анна Філімонова. За її словами, багато хто помилково вважає, що ключова аудиторія видання - хіпстери, хоча їх навіть половини не набереться [7].

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

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

Від якості дизайну залежить успішне просування сайту. Тому дуже важливо бути «в тренді» світового веб-дизайну, враховуючи швидкі темпи розвитку цієї сфери. Сучасні веб-портали, зокрема Houston Web Design Agency, Merehead та Telegraf, визначили певний ТОП головних тенденцій дизайну на найближчі роки. Деякі з них можна застосувати й до гіперлокальних медіа.

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

Адаптивність

Якщо раніше дизайнери мали обмежені можливості оформлення адаптивної версії - не було яскравих елементів (адже вони мали велику вагу, а користувачі не хочуть чекати завантаження сторінки довше ніж 5-7 секунд) та різноманітних банерів через обмежені розміри дисплеїв, то сьогодні наші ґаджети стали більш розвиненими й високоінтелектуальними, їхня продуктивність та розмір діагоналі екрана дозволяють включити в дизайн будь-які інструменти та можливості. Крім того, статистика свідчить, що перегляд сайтів з допомогою мобільних пристроїв перевищує користування ПК. Тому, бізнес-тренер Михайло Бакунін впевнений: Перш за все - смартфони [5]. Наприклад, видання Гарвардського Університету «The Harvard Gazette» [13] чудово підлаштовується під будь-який дизайн.

Storytelling

Сторітелінг - один із «вічних трендів», що ніколи не вийде з моди. Прості історії, наповнені життям, допоможуть бути ближче до читачів. Якісний контент, чітка пряма мова оповідача та гарне візуальне оформлення у поєднанні створюють досить цікаву та привабливу форму [6].

Гарним прикладом послужить знову офіційний новинний сайт Гарвардського університету «The Harvard Gazette» та запорізький студентський портал «Пороги», які використовують у своїй стрічці елементи сторітелінгу.

Багато білого повітря

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

Прикладом є сайт київського «Radio KPI» [16], які використали для фону легкий сірий колір, проте гідною альтернативою білому простору можуть стати світлі паттерни. Як зробило іміджеве видання Кембріджу «Cambridge Edition» [15], що надає більш вишуканого вигляду.

Яскраві кольори

Люди втрачають інтерес до сухих текстів, монотонних дизайнів та «сірих» сайтів. Зараз важливо «оживити» контент. Кольори у цьому чудово допоможуть, адже вони завжди викликають реакцію у читача (глядача), вони підкреслюють емоції. Тому вірно підібрані кольори, згідно з тематикою певного ресурсу надовго затримають аудиторію.

Могилянська школа журналістики [18] досить вдало використовує оранжевий колір для логотипу та напівпрозорий оранжевий для заставок.

Мінімалістичні фото

Мінімалізм останнім часом стає все більш популярним серед користувачів Інтернету. Можливо, це пов'язане з тим, що в умовах глобалізації та перенасичення інформацією людям усе важче сконцентруватися на чомусь одному. «Інтерфейси мають бути простими й максимально зрозумілими, аби людям було зручно користуватися ресурсами», - вважає UI/UX дизайнер Павло Криворучко [11]. Окрім цього, такі знімки несуть у собі ідею написаного. Тому якісні студійні мінімалістичні фото фокусують увагу читача на головному - на концепції.

Наприклад, українська версія сайту Європейської обсерваторії журналістики (EJO) [19], яку реалізовує Могилянська школа журналістики, доповнює деякі свої матеріали саме мінімалістичними ілюстраціями. Це дає змогу читачеві зрозуміти загальну концепцію певної статті.

Напівпрозорі та прозорі кнопки

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

На сайті Університету Пенсильванії [14] ми бачимо, який вигляд має блок з прозорими кнопками. По- перше, це абсолютно ненав'язливо. По-друге, кнопка не перекриває фото основного блоку. По-третє, це стильно, привабливо та елегантно.

Висновки

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

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

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

Список використаних джерела

1. Бакунин М. 9 Трендов веб-дизайна в 2019 году [Электронный ресурс] / М. Бакунин // Михаил Бакунин [сайт]. Режим доступу: https://bakunin.com/web-design-trends-2019/

2. Вербовий Р. Гіперлокальні медіа як різновид ЗМІ: визначення поняття, функції, видова характеристика [Текст] / Р. Вербовий // Держава та регіони. Гуманітарні науки. 2015. № 2 (41). с. 73-77.

3. Гатов В. Postjournalist: журналістика після цифрового переходу [Текст] / В. Гатов. Москва: Видавничі рішення, 2015. 350 с.

4. Гриценко Є. Мислити глобально, писати локально [Електронний ресурс]. / Є. Гриценко// Medialab [сайт]. Режим доступу: http://medialab.online/news/my-sly-ty-global-no-py-saty-lokal-no/

5. Захарченко А. Інтернет-медіа [Текст] / А. Захарченко. Тернопіль: Крок, 2014. 198 с.

6. Криворучко П. Новые Тренды и Тенденции в Веб-Дизайне в 2019 году [Электронный ресурс] / П. Криворучко // MoreHead [сайт] / Режим доступа: http://merehead. com/blog-ru/top-web-design-trends-2019/

7. Обухов Н. 10 правил сторителлинга [Электронный ресурс] / Н. Обухов // Tilda Publishing [сайт]. Режим доступа: http://special.theoryandpractice.ru/storytelling

8. Павлевич К. Тренды Веб-дизайна в 2018 году [Електронний ресурс]. / К. Павлевич // Telegraf [сайт]. Режим доступу: http://telegraf.design/trendy-veb-dizajna-v-2018-godu/

9. Houston Web Design Agency. 11 Web Design Trends for 2018 [Electronic resourse]. Mode of access: https://www.houstonwebdesignagency.com/blog/11-web-design-trends-2018

10. New Digital Media Agency [Електронний ресурс]. Режим доступу: https://ndm.agency/blog/

11. WebStudio2U Що таке адаптивний веб-дизайн? [Електронний ресурс]. Режим доступу: http://webstudio2u.net/ua/design-web/594- adaptivny-veb-dizain.html

12. Європейська обсерваторія журналістики [Електронний ресурс]. Режим доступу: https://ua.ejo-online.eu/

13. Маяк [Електронний ресурс]. Режим доступу: https://mayak.org.ua/

14. Могилянська школа журналістики [Електронний ресурс]. Режим доступу: http://msj.ukma.edu.ua/ua/

15. Cambridge Edition [Electronic resourse]. Mode of access: https://www.cambsedition.co.uk/

16. Dirigible [Електронний ресурс] - Режим доступу: https://drgbl.net/

17. Radio KPI [Електронний ресурс]. Режим доступу: http://r.kpi.ua/

18. The Harvard Gazette [Electronic resourse]. Mode of access: https://news.harvard.edu/gazette/

19. University of Pennsylvania [Electronic resourse]. Mode of access: https://www.upenn.edu/

Размещено на Allbest.ru