СИСТЕМАТИЗАЦІЯ ТИПОВИХ ПРОБЛЕМ UX/UI-ВЕБСАЙТІВ У СТРУКТУРІ КОМПЛЕКСНОГО АУДИТУ

Автор(и)

  • Юлія Володимирівна Силенко Київський національний університет технологій та дизайну https://orcid.org/0000-0002-5535-176X
  • Єлизавета Андріївна Троян Київський національний університет технологій та дизайну

DOI:

https://doi.org/10.32782/uad.2026.2.47

Ключові слова:

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

Анотація

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

Посилання

Вередін М., Козуб Г. Особливості UX/UI-дизайну при розробці вебсайтів та мобільних застосунків. Матеріали конференцій МЦНД, (04.07.2025; Ужгород, Україна). 2025. С. 122–125. DOI: https://doi.org/10.62731/mcnd-04.07.2025.005

Оленич О., Козуб Г. Інтерфейс користувача як інструмент людино-машинної взаємодії: підходи та практика. Collection of Scientific Papers «ΛΌГOΣ», (May 9, 2025; Cambridge, UK). 2025. С. 291–298. DOI: https://doi.org/10.36074/logos-09.05.2025.060

Поморова О.В., Говорущенко Т.О. Проектування інтерфейсів користувача: навч. посіб. Хмельницький: ХНУ, 2011. 206 с. URL: https://elar.khmnu.edu.ua/handle/123456789/1415 (дата звернення: 23.03.2026).

Шаповал А.Г., Силенко Ю.В., Іванова М.С. Теоретико-методологічні засади проєктування об'єктів мультимедійного дизайну. Актуальні питання гуманітарних наук. 2025. Вип. 83 том 3. С. 118–123. DOI: https://doi.org/10.24919/2308-4863/83-3-17

Desktop vs Mobile Market Share Worldwide - February 2026. Веб-сайт. URL: https://gs.statcounter.com/platform-market-share/desktop-mobile/worldwide/ (дата звернення: 23.03.2026).

European Data Protection Board. Guidelines 3/2022 on dark patterns in social media platform interfaces: How to recognise and avoid them. 2022. URL: https://www.edpb.europa.eu/system/files/2022-03/edpb_03-2022_guidelines_on_dark_patterns_in_social_media_platform_interfaces_en.pdf (дата звернення: 23.03.2026).

Enhancing Online Disclosure Effectiveness. URL: https://www.oecd.org/content/dam/oecd/en/publications/reports/2022/10/enhancing-online-disclosure-effectiveness_e8b230aa/6d7ea79c-en.pdf (дата звернення: 23.03.2026).

Good Visual Design, Explained. Веб-сайт. URL: https://www.nngroup.com/articles/good-visual-design/ (дата звернення: 23.03.2026).

Information Architecture: Study Guide. Веб-сайт. URL: https://www.nngroup.com/articles/ia-study-guide/ (дата звернення: 23.03.2026).

Jakob Nielsen 10 usability heuristics for user interface design. Веб-сайт. URL: https://www.nngroup.com/articles/ten-usability-heuristics/ (дата звернення: 23.03.2026).

Mobile site and mobile-first indexing best practices. Веб-сайт. URL: https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing (дата звернення: 23.03.2026).

Rosenfeld L., Morville P., Arango J. Information Architecture: For the Web and Beyond. O’Reily, Sebastopol, CA, 4nd edition. 2015. 461 p.

Understanding Core Web Vitals and Google search results. Веб-сайт. URL: https://developers.google.com/search/docs/appearance/core-web-vitals (дата звернення: 23.03.2026).

Understanding SC 2.5.8: Target Size (Minimum) (Level AA). Веб-сайт. URL: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum (дата звернення: 23.03.2026).

Visual Hierarchy in UX: Definition. Веб-сайт. URL: https://www.nngroup.com/articles/visual-hierarchy-ux-definition/ (дата звернення: 23.03.2026).

Web Content Accessibility Guidelines (WCAG) 2.2. W3C Recommendation 12 December 2024. Веб-сайт. URL: https://www.w3.org/TR/WCAG22/ (дата звернення: 23.03.2026).

##submission.downloads##

Опубліковано

2026-04-30

Як цитувати

Силенко, Ю. В., & Троян, Є. А. (2026). СИСТЕМАТИЗАЦІЯ ТИПОВИХ ПРОБЛЕМ UX/UI-ВЕБСАЙТІВ У СТРУКТУРІ КОМПЛЕКСНОГО АУДИТУ. Український мистецтвознавчий дискурс, (2), 418–424. https://doi.org/10.32782/uad.2026.2.47