1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Ezzel az azonosítóval hivatkozhat erre a dokumentumra forrásmegjelölésben vagy hiperhivatkozás esetén: http://elartu.tntu.edu.ua/handle/lib/49588
Összes dokumentumadat
DC mezőÉrtékNyelv
dc.contributor.advisorСтанько, Андрій Андрійович-
dc.contributor.advisorStanko, Andrii-
dc.contributor.authorСтебельська, Юлія Андріївна-
dc.contributor.authorStebelska, Yuliia Andriivna-
dc.date.accessioned2025-07-05T18:20:34Z-
dc.date.available2025-07-05T18:20:34Z-
dc.date.issued2025-06-28-
dc.date.submitted2025-06-14-
dc.identifier.citationСтебельська Ю. А. Аналіз впливу адаптивного дизайну на ефективність взаємодії користувачів із веб-додатками : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. А. А. Станько. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 63 с.uk_UA
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/49588-
dc.descriptionРоботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 28.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюяuk_UA
dc.description.abstractКваліфікаційна робота присвячена аналізу впливу адаптивного дизайну на ефективність взаємодії користувачів із веб-додатками. В першому розділі кваліфікаційної роботи освітнього рівня «Бакалавр»: Розглянуто еволюцію стандартів HTML 5 / CSS 3 та їхню роль у формуванні адаптивних інтерфейсів. Проаналізовано переваги та обмеження підходів. В другому розділі кваліфікаційної роботи: Досліджено вплив адаптивного інтерфейсу на показники юзабіліті та залученості користувачів. Обґрунтовано вибір технологічного стеку (HTML 5, CSS Grid, Tailwind CSS, React) для реалізації адаптивності. Сформовано методику оцінювання ефективності дизайн-рішень за поведінковими метриками Google Analytics. В третьому розділі кваліфікаційної роботи: Запропоновано UI-компоненти з авто-layout та гнучкою типографікою для різних брейкпойнтів. Протестовано працездатність і зручність інтерфейсу У розділі «Безпека життєдіяльності, основи охорони праці» Висвітлено особливості безпечної роботи з комп’ютерними системами. Об’єкт дослідження: процес взаємодії користувачів — від першого завантаження сторінки до виконання цільових дій — із веб-додатками в багатоплатформному середовищі (смартфони, планшети, десктопи). Предмет дослідження: вплив адаптивного веб-дизайну на ефективність цієї взаємодіїuk_UA
dc.description.abstractThe 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.uk_UA
dc.description.tableofcontentsВСТУП 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 ДОДАТКИuk_UA
dc.format.extent63-
dc.language.isoukuk_UA
dc.publisherТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Українаuk_UA
dc.subject122uk_UA
dc.subjectвеб-дизайнuk_UA
dc.subjectзалученість користувачівuk_UA
dc.subjectконверсіяuk_UA
dc.subjectадаптивністьuk_UA
dc.subjectпоказник відмовuk_UA
dc.subjectadaptabilityuk_UA
dc.subjectbounceuk_UA
dc.subjectrateuk_UA
dc.subjectconversionuk_UA
dc.subjectcssuk_UA
dc.subjecthtmluk_UA
dc.subjectuseruk_UA
dc.subjectengagementuk_UA
dc.subjectweb-designuk_UA
dc.titleАналіз впливу адаптивного дизайну на ефективність взаємодії користувачів із веб-додаткамиuk_UA
dc.title.alternativeAnalysis of the Impact of Adaptive Design on User Interaction Efficiency with Web Applicationsuk_UA
dc.typeBachelor Thesisuk_UA
dc.rights.holder© Стебельська Юлія Андріївна, 2025uk_UA
dc.coverage.placenameТернопільuk_UA
dc.subject.udc004.738.5:004.42:004.421.2uk_UA
dc.relation.references1. 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.323332uk_UA
dc.relation.references2. 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-9uk_UA
dc.relation.references3. 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–47uk_UA
dc.relation.references4. Priyadarshini, P. (2024). The Impact of User Interface Design on User Engagement. International Journal of Engineering Research & Technology, 13(03), 1–8uk_UA
dc.relation.references5. Marcotte, E. (2010). Responsive Web Design. A List Apart. Режим доступу: https://alistapart.comuk_UA
dc.relation.references6. W3C. (2012). Media Queries. W3C Recommendation 19 June 2012. World Wide Web Consortiumuk_UA
dc.relation.references7. W3C. (2024). Media Queries Level 3. W3C Recommendation 21 May 2024. World Wide Web Consortium.uk_UA
dc.relation.references8. Gilbertson, S. (2012). It’s Official, CSS Media Queries Are a Web Standard. Wired, June 20, 2012uk_UA
dc.relation.references9. Berners-Lee, T. (2014). HTML5 Recommendation Press Release. World Wide Web Consortium. (Цитовано у: Lardinois, F. (2014). “W3C Declares HTML5 Standard Complete.” TechCrunch, Oct 28, 2014)uk_UA
dc.relation.references10. Google Developers. (2019). Responsive Web Design Basics. web.dev by Google. Last updated 2019-02-12uk_UA
dc.relation.references11. Statista. (2023). Device share of internet usage worldwide. Режим доступу: https://www.statista.comuk_UA
dc.relation.references12. Roobykon Software. (2023). Top 10 Reasons Users Leave Your Site, and You Lose Profits. Roobykon Bloguk_UA
dc.relation.references13. Forbes Advisor. (2023). Top Website Statistics Today. Forbes Advisor Business. (Mobile-friendly stat)uk_UA
dc.relation.references14. Google Analytics Support. (2025). GA4 Engagement rate and bounce rate. Google Analytics Helpwebbestpractice.co.ukuk_UA
dc.relation.references15. Web Best Practice. (2025). Exploring the Impact of Responsive Web Design on User Engagement. WebBestPractice Blogwebbestpractice.co.ukuk_UA
dc.relation.references16. BrowserStack. (2025). How to make React App Responsive using react-responsive?. BrowserStack Guide, May 20, 2025uk_UA
dc.relation.references17. Bootstrap Documentation. (2023). Bootstrap 5 Grid system. getbootstrap.comuk_UA
dc.relation.references18. Tailwind Labs. (2022). Responsive Design – Tailwind CSS v3 Documentation. Режим доступу: tailwindcss.comuk_UA
dc.relation.references19. DesignProject. (2023). Figma’s Auto Layout: The Ultimate Guide to Responsive Design.uk_UA
dc.relation.references20. Interaction Design Foundation. (n.d.). Adaptive vs. Responsive Design. Режим доступу: interaction-design.orguk_UA
dc.relation.references21. Google Developers. (n.d.). Material Design – Responsive layout grid. material.io (Material Design Guidelines)uk_UA
dc.relation.references22. Nielsen Norman Group. (2020). Using Grids in Interface Designs. NN/g Article. (Explains adaptive grids in UX design)uk_UA
dc.relation.references23. Snelling, J., & Fingal, D. (2020). Online Learning Guidelines during Pandemic.uk_UA
dc.relation.references24. Knight, K. (2011). One Web for All Devices. HTML5 Rocks (Google)uk_UA
dc.relation.references25. Baturay, M., & Birtane, M. (2013). Responsive Web Design for Education Websites. (Benefits of RWD)uk_UA
dc.relation.references26. Kim, H. (2013). Responsive Web Design: Implications for SEO and Usability. International Journal of Web Design, 5(1), 45–50.uk_UA
dc.relation.references27. Masri, M., & Luján-Mora, S. (2012). Accessibility Guidelines for Mobile Web. W3C WAI. (Accessibility and RWD)uk_UA
dc.relation.references28. Ethan Marcotte. (2014). Responsive design and user’s devices. (Цитовано в Parlakkiliç 2021)uk_UA
dc.relation.references29. Rogatnev, A. (2015). Responsive Web Design without horizontal scroll.uk_UA
dc.relation.references30. Fielding, J. (2014). Beyond Mobile: Responsive Design for TV and Consoles. ACM Interactions, 21(5), 66–70uk_UA
dc.relation.references31. 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.uk_UA
dc.relation.references32. 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.uk_UA
dc.relation.references33. Никитюк, В. В., Тененський, М. В., & Орловська, А. В. (2023). Аналіз використання EDA для вирішення проблем сучасних застоснків та систем. ⅩⅠ конф. „Інформаційні моделі, системи та технології “, 89-90.uk_UA
dc.relation.references34. Гузеляк, О., Шевчук, Ю., Береженко, Б. М., & Боднарчук, І. О. (2022). Програмна архітектура в розподілених командах гнучких проєктів. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 110-112.uk_UA
dc.relation.references35. Готович, В. А., & Ралік, І. Р. (2022). Програмне забезпечення на основі клієнт-серверної архітектури для обліку реалізації товарів в торгівлі. Матеріали ⅩⅠ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, 126-126.uk_UA
dc.relation.references36. Бідюк, О., & Марценко, С. (2025). Методи та засоби інформаційної безпеки іт інфраструктур. Herald of khmelnytskyi national university. Technical sciences, 347(1), 47-58.uk_UA
dc.relation.references37. Волович, В., Береженко, Б. М., & Боднарчук, І. О. (2022). Задача проєктування програмної архітектури в процесах забезпечення якості. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 104-106.uk_UA
dc.relation.references38. Семенюк, В. О., & Литвиненко, Я. В. (2023). Огляд методів захисту текстової інформації. Матеріали ⅩⅠ науково-технічної конференції „Інформаційні моделі, системи та технології “, 112-112.uk_UA
dc.relation.references39. Козак, С., Микитишин, А., & Станько, А. (2025). Оптимізація зберігання та обробки даних для iot-систем екологічного моніторингу. Measuring and computing devices in technological processes, (1), 323-330.uk_UA
dc.relation.references40. Sverstiuk, A., Matiichuk, L., Polyvana, U., Stanko, A., & Nykytyuk, V. (2024). Analytical analysis of approaches to assessing the quality of life in smart cities.uk_UA
dc.relation.references41. Безпека в надзвичайних ситуаціях. Методичний посібник для здобувачів освітнього ступеня «магістр» всіх спеціальностей денної та заочної (дистанційної) форм навчання / укл.: Стручок В. С. Тернопіль: ФОП Паляниця В. А., 2022. 156 с.uk_UA
dc.contributor.affiliationТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Українаuk_UA
dc.coverage.countryUAuk_UA
Ebben a gyűjteményben:122 — Компʼютерні науки (бакалаври)

Fájlok a dokumentumban:
Fájl Leírás MéretFormátum 
2025_KRB_SN-42_Stebelska_YA.pdfДипломна робота1,92 MBAdobe PDFMegtekintés/Megnyitás
Áttekintő adatok a dokumentumról


Minden dokumentum, ami a DSpace rendszerben szerepel, szerzői jogokkal védett. Minden jog fenntartva!

Admin Tools