1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Veuillez utiliser cette adresse pour citer ce document : http://elartu.tntu.edu.ua/handle/lib/49588
Titel: Аналіз впливу адаптивного дизайну на ефективність взаємодії користувачів із веб-додатками
Sonstige Titel: Analysis of the Impact of Adaptive Design on User Interaction Efficiency with Web Applications
Autor(en): Стебельська, Юлія Андріївна
Stebelska, Yuliia Andriivna
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Стебельська Ю. А. Аналіз впливу адаптивного дизайну на ефективність взаємодії користувачів із веб-додатками : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. А. А. Станько. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 63 с.
Erscheinungsdatum: 28-Jun-2025
Submitted date: 14-Jun-2025
Date of entry: 5-Jul-2025
Herausgeber: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Станько, Андрій Андрійович
Stanko, Andrii
UDC: 004.738.5:004.42:004.421.2
Stichwörter: 122
веб-дизайн
залученість користувачів
конверсія
адаптивність
показник відмов
adaptability
bounce
rate
conversion
css
html
user
engagement
web-design
Page range: 63
Zusammenfassung: Кваліфікаційна робота присвячена аналізу впливу адаптивного дизайну на ефективність взаємодії користувачів із веб-додатками. В першому розділі кваліфікаційної роботи освітнього рівня «Бакалавр»: Розглянуто еволюцію стандартів HTML 5 / CSS 3 та їхню роль у формуванні адаптивних інтерфейсів. Проаналізовано переваги та обмеження підходів. В другому розділі кваліфікаційної роботи: Досліджено вплив адаптивного інтерфейсу на показники юзабіліті та залученості користувачів. Обґрунтовано вибір технологічного стеку (HTML 5, CSS Grid, Tailwind CSS, React) для реалізації адаптивності. Сформовано методику оцінювання ефективності дизайн-рішень за поведінковими метриками Google Analytics. В третьому розділі кваліфікаційної роботи: Запропоновано UI-компоненти з авто-layout та гнучкою типографікою для різних брейкпойнтів. Протестовано працездатність і зручність інтерфейсу У розділі «Безпека життєдіяльності, основи охорони праці» Висвітлено особливості безпечної роботи з комп’ютерними системами. Об’єкт дослідження: процес взаємодії користувачів — від першого завантаження сторінки до виконання цільових дій — із веб-додатками в багатоплатформному середовищі (смартфони, планшети, десктопи). Предмет дослідження: вплив адаптивного веб-дизайну на ефективність цієї взаємодії
The qualification work is devoted to analysing the impact of adaptive design on the effectiveness of user interaction with web applications. The first section of the Bachelor's thesis: The evolution of HTML 5 / CSS 3 standards and their role in the formation of adaptive interfaces are considered. The advantages and limitations of the approaches are analysed. In the second section of the thesis: The impact of an adaptive interface on usability and user engagement indicators is investigated. The choice of technology stack (HTML 5, CSS Grid, Tailwind CSS, React) for implementing adaptability is justified. A methodology for evaluating the effectiveness of design solutions based on Google Analytics behavioural metrics is developed. In the third section of the qualification work: UI components with auto-layout and flexible typography for different breakpoints are proposed. The section ‘Life safety, basics of occupational safety’ highlights the specifics of safe work with computer systems. The object of research: the process of user interaction — from the first page load to the execution of target actions — with web applications in a multi-platform environment (smartphones, tablets, desktops). Subject of research: the impact of adaptive web design on the effectiveness of this interaction.
Beschreibung: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 28.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя
Content: ВСТУП 8 РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ОСНОВ АДАПТИВНОГО ВЕБ-ДИЗАЙНУ 11 1.1 Поняття та еволюція адаптивного дизайну 11 1.2 Сучасні тенденції та стандарти веб-дизайну 14 1.3 Висновок до першого розділу 16 РОЗДІЛ 2. ПРОЕКТНА ЧАСТИНА. ВПЛИВ АДАПТИВНОГО ДИЗАЙНУ НА ВЗАЄМОДІЮ КОРИСТУВАЧІВ 17 2.1 Зручність користування адаптивних інтерфейсів 17 2.2 Залученість користувачів та поведінкові метрики 20 2.3 Утримання аудиторії та показники успішності 24 2.4 Висновок до другого розділу 26 РОЗДІЛ 3. ПРАКТИЧНА ЧАСТИНА. ТЕХНОЛОГІЇ ТА ІНСТРУМЕНТИ АДАПТИВНОГО ВЕБ-ДИЗАЙНУ 27 3.1 Базові веб-технології: HTML5, CSS3, медіа-запити 27 3.2 CSS-фреймворки 30 3.3 Інструменти дизайну та розробки 34 3.4 Етапи реалізації адаптивного інтерфейсу 38 3.5 Результати та аналіз ефективності 41 3.6 Висновки до третього розділу 44 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 45 4.1 Питання щодо безпеки життєдіяльності 45 4.2 Питання з основ охорони праці 50 4.3 Висновок до четвертого розділу 54 ВИСНОВКИ 56 ПЕРЕЛІК ДЖЕРЕЛ 60 ДОДАТКИ
URI: http://elartu.tntu.edu.ua/handle/lib/49588
Copyright owner: © Стебельська Юлія Андріївна, 2025
References (Ukraine): 1. Cen, Z., & Zhao, Y. (2024). Enhancing User Engagement through Adaptive Interfaces: A Study on Real-time Personalization in Web Applications. Journal of Economic Theory and Business Management, 1(6), 1–15. DOI: 10.70393/6a6574626d.323332
2. Parlakkiliç, A. (2022). Evaluating the effects of responsive design on the usability of academic websites in the pandemic. Education and Information Technologies, 27(1), 1307–1322. DOI: 10.1007/s10639-021-10650-9
3. Hussain, A., & Mkpojiogu, E. (2015). The effect of responsive web design on the user experience with laptop and smartphone devices. Jurnal Teknologi, 77(4), 41–47
4. Priyadarshini, P. (2024). The Impact of User Interface Design on User Engagement. International Journal of Engineering Research & Technology, 13(03), 1–8
5. Marcotte, E. (2010). Responsive Web Design. A List Apart. Режим доступу: https://alistapart.com
6. W3C. (2012). Media Queries. W3C Recommendation 19 June 2012. World Wide Web Consortium
7. W3C. (2024). Media Queries Level 3. W3C Recommendation 21 May 2024. World Wide Web Consortium.
8. Gilbertson, S. (2012). It’s Official, CSS Media Queries Are a Web Standard. Wired, June 20, 2012
9. Berners-Lee, T. (2014). HTML5 Recommendation Press Release. World Wide Web Consortium. (Цитовано у: Lardinois, F. (2014). “W3C Declares HTML5 Standard Complete.” TechCrunch, Oct 28, 2014)
10. Google Developers. (2019). Responsive Web Design Basics. web.dev by Google. Last updated 2019-02-12
11. Statista. (2023). Device share of internet usage worldwide. Режим доступу: https://www.statista.com
12. Roobykon Software. (2023). Top 10 Reasons Users Leave Your Site, and You Lose Profits. Roobykon Blog
13. Forbes Advisor. (2023). Top Website Statistics Today. Forbes Advisor Business. (Mobile-friendly stat)
14. Google Analytics Support. (2025). GA4 Engagement rate and bounce rate. Google Analytics Helpwebbestpractice.co.uk
15. Web Best Practice. (2025). Exploring the Impact of Responsive Web Design on User Engagement. WebBestPractice Blogwebbestpractice.co.uk
16. BrowserStack. (2025). How to make React App Responsive using react-responsive?. BrowserStack Guide, May 20, 2025
17. Bootstrap Documentation. (2023). Bootstrap 5 Grid system. getbootstrap.com
18. Tailwind Labs. (2022). Responsive Design – Tailwind CSS v3 Documentation. Режим доступу: tailwindcss.com
19. DesignProject. (2023). Figma’s Auto Layout: The Ultimate Guide to Responsive Design.
20. Interaction Design Foundation. (n.d.). Adaptive vs. Responsive Design. Режим доступу: interaction-design.org
21. Google Developers. (n.d.). Material Design – Responsive layout grid. material.io (Material Design Guidelines)
22. Nielsen Norman Group. (2020). Using Grids in Interface Designs. NN/g Article. (Explains adaptive grids in UX design)
23. Snelling, J., & Fingal, D. (2020). Online Learning Guidelines during Pandemic.
24. Knight, K. (2011). One Web for All Devices. HTML5 Rocks (Google)
25. Baturay, M., & Birtane, M. (2013). Responsive Web Design for Education Websites. (Benefits of RWD)
26. Kim, H. (2013). Responsive Web Design: Implications for SEO and Usability. International Journal of Web Design, 5(1), 45–50.
27. Masri, M., & Luján-Mora, S. (2012). Accessibility Guidelines for Mobile Web. W3C WAI. (Accessibility and RWD)
28. Ethan Marcotte. (2014). Responsive design and user’s devices. (Цитовано в Parlakkiliç 2021)
29. Rogatnev, A. (2015). Responsive Web Design without horizontal scroll.
30. Fielding, J. (2014). Beyond Mobile: Responsive Design for TV and Consoles. ACM Interactions, 21(5), 66–70
31. Stanko, A., Palka, O., Matiichuk, L., Martsenko, N., & Matsiuk, O. (2021, September). Smart City: A Review of Model Architecture and Technology. In 2021 IEEE 16th International Conference on Computer Sciences and Information Technologies (CSIT) (Vol. 2, pp. 273–277). IEEE.
32. Duda, O., Mykytyshyn, A., Mytnyk, M., & Stanko, A. Information technology sets formation and" TNTU Smart Campus" services network support. Proceedings of the 3rd International Workshop on ITTAP 2023,Ternopil, Ukraine, Opole, Poland, November 22–24, 2023.
33. Никитюк, В. В., Тененський, М. В., & Орловська, А. В. (2023). Аналіз використання EDA для вирішення проблем сучасних застоснків та систем. ⅩⅠ конф. „Інформаційні моделі, системи та технології “, 89-90.
34. Гузеляк, О., Шевчук, Ю., Береженко, Б. М., & Боднарчук, І. О. (2022). Програмна архітектура в розподілених командах гнучких проєктів. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 110-112.
35. Готович, В. А., & Ралік, І. Р. (2022). Програмне забезпечення на основі клієнт-серверної архітектури для обліку реалізації товарів в торгівлі. Матеріали ⅩⅠ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, 126-126.
36. Бідюк, О., & Марценко, С. (2025). Методи та засоби інформаційної безпеки іт інфраструктур. Herald of khmelnytskyi national university. Technical sciences, 347(1), 47-58.
37. Волович, В., Береженко, Б. М., & Боднарчук, І. О. (2022). Задача проєктування програмної архітектури в процесах забезпечення якості. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 104-106.
38. Семенюк, В. О., & Литвиненко, Я. В. (2023). Огляд методів захисту текстової інформації. Матеріали ⅩⅠ науково-технічної конференції „Інформаційні моделі, системи та технології “, 112-112.
39. Козак, С., Микитишин, А., & Станько, А. (2025). Оптимізація зберігання та обробки даних для iot-систем екологічного моніторингу. Measuring and computing devices in technological processes, (1), 323-330.
40. Sverstiuk, A., Matiichuk, L., Polyvana, U., Stanko, A., & Nykytyuk, V. (2024). Analytical analysis of approaches to assessing the quality of life in smart cities.
41. Безпека в надзвичайних ситуаціях. Методичний посібник для здобувачів освітнього ступеня «магістр» всіх спеціальностей денної та заочної (дистанційної) форм навчання / укл.: Стручок В. С. Тернопіль: ФОП Паляниця В. А., 2022. 156 с.
Content type: Bachelor Thesis
Enthalten in den Sammlungen:122 — Компʼютерні науки (бакалаври)

Dateien zu dieser Ressource:
Datei Beschreibung GrößeFormat 
2025_KRB_SN-42_Stebelska_YA.pdfДипломна робота1,92 MBAdobe PDFÖffnen/Anzeigen
Zur Langanzeige


Alle Ressourcen in diesem Repository sind urheberrechtlich geschützt, soweit nicht anderweitig angezeigt.

Outils d'administration