Determining the typical elementary composition of UI/UX multimedia products

  1. Home
  2. Archive
  3. № 2 (90)
Author(s) Collection number Pages Download abstract Download full text
Бізюк А. В., Хорошевська І. О. № 2 (90) 83-98 Image Image

The study explores the definition and systematization of the typical component structure of UI/UX design in multimedia products as a key factor in the efficiency, ergono­mics, and emotional appeal of digital environments. A multimedia product is viewed as an integrated system of diverse media elements — text, graphics, audio, video, animation, interactivity, and 3D models — unified by a consistent user interface logic. The structure and interaction of these elements shape the user experience (UX), which determines perception, cognitive load, and navigation intuitiveness. The growing role of multimedia technologies in publishing, education, marketing, and game design emphasizes the need for a scientifically based typology of UI/UX elements to ensure standardization, adap­tability, and high-quality interaction.

The research defines the theoretical foundations of interface structuring, visual hierar­chy, and information architecture that provide logical and predictable interaction. An analysis of recent studies on the relationship between UI and UX, cognitive perception mechanisms, adaptive technologies, and ergonomic principles revealed the absence of an integrated typology that combines structural, functional, visual-stylistic, informational, and cognitive-architectural components into a coherent system.

An original typology of UI/UX elements in multimedia design is proposed, including five groups: structural (interface logic), functional (interaction tools), visual-stylistic (aesthetic expressiveness), informational (feedback and navigation cues), and cognitive-architectural (intuition, personalization, adaptability). This classification allows the interface to be viewed as a unified system in which each component influences content perception and usability.

The results form a scientific basis for defining and structuring the UI/UX component system in multimedia design. The proposed typology can be applied to standardize content development, create design systems, and support education in digital design. In perspective, the findings open the way toward unified multimedia design systems that balance technical efficiency, aesthetic harmony, and user comfort.

Keywords: UI, UX, design, multimedia products, element composition, ergonomics, usability, Figma.

doi: 10.32403/0554-4866-2025-2-90-83-98


  • 1. Hamidli, N. (2023). Introduction to UI/UX Dsign: Key concepts and principles. Academia. Retrieved from: https://www.academia.edu/98036432/Introduction_to_UI_UX_Design_Key_ Concepts_and_Principles (in English).
  • 2. Mishra, S., Guleria, A., & Parikh, V. (2025). Reducing cognitive load in UI design. In­ternational Journal for Research in Applied Science & Engineering Technology (IJRASET), 13(3), 2744-2749. https://doi.org/10.22214/ijraset.2025.67917 (in English).
  • 3. Masveta, D., & Manyangara, M. E. (2025). The UX-UI continuum: exploring the interplay between user experience and user interface in e-learning platforms. Cogent Education, 12(1). https://doi.org/10.1080/2331186X.2025.2536531 (in English).
  • 4. Zurita, H. E. V., & Velastegui, M. R. P. (2023). UX and UI: Methodological analysis of application and its principles. Journal of Namibian Studies: History Politics Culture, 33, 3924–3944. https://doi.org/10.59670/jns.v33i.1079 (in English).
  • 5. Rose. Information architecture design in UX: complete guide [2025]. Retrieved from: https://fullclarity.co.uk/insights/information-architecture-design-in-ux-complete-guide-2025/ (in Eng­lish).
  • 6. Ding, W., Lin, X., Zarro, M. (2025). Information Architecture and UX Design: Definitions and Scope. In: Information Architecture and UX Design. Synthesis Lectures on Information Concepts, Retrieval, and Services. Springer, Cham. https://doi.org/10.1007/978-3-031-72138-0_1 (in English).
  • 7. Galindo-Losada, J., Ayala-Tipan, C., Santórum, M., Carrión-Toro, M., & Acosta-Vargas, P. (2023). WYDISWYG: A Method to Design User Interfaces Combining Design Principles and Quality Factors. Electronics, 12(13), 2772. https://doi.org/10.3390/electronics12132772 (in English).
  • 8. Khoroshevska I. O., & Martynenko P. E. (2023). Osoblyvosti rozroblennia mobilnoho dodatku dlia roboty z video ta audio pid operatsiinu systemu iOS [Features of the development of a mobile application for working with video and audio under the iOS operating system]. Visnyk of Kherson National Technical University. 3(86), 129–136. DOI: https://doi.org/10.35546/kntu2078-4481.2023.3.16. (in Ukrainian).
  • 9. Wang, Z. (2024). Advances of Web Design in Digital Media. Psychomachina, 2. https://doi.org/10.59388/pm00367.
  • 10. Deineko Z., Sotnik S., & V. Lyashenko. (2022). Multimedia Systems in Education, In­ter­national Journal of Academic Information Systems Researc (IJAISR), 6, 7, 23-28 (in English).
  • 11. Khoroshevska, I., Khoroshevskyi, O., Hrabovskyi, Y., Lukyanova, V., & Zhytlova, I. (2024). Development of a multimedia training course for user self-development. Eastern-European Journal of Enterprise Technologies, 2(2 (128), 48–63. https://doi.org/10.15587/1729-4061. 2024.302884 (in English).
  • 12. H. Davince Gulo, Derlina, and Rahmatsyah. (2021). Development of Interactive Multimedia-Based Science Teaching Materials on Vibration and Wave Materials, in Proceedings of the 6th Annual International Seminar on Transformative Education and Educational Lea­dership (AISTEEL 2021), vol. 591, pp. 282-289, Nov. 2021, https://doi.org/10.2991/as­sehr.k.211110.097 (in English).
  • 13. Wang, K., Liu, P., Zhang, J., Zhong, J., Luo, X., Huang, J., & Zheng, Y. (2023). Effects of Digital Game-Based Learning on Students’ Cyber Wellness Literacy, Learning Motivations, and Engagement. Sustainability, 15(7), 5716. https://doi.org/10.3390/su15075716 (in Eng­lish).
  • 14. Khoroshevska, I. O. and Glebov, V. O. (2021). Ekonomiko-matematychne pidgruntja roz­robky muljtymedijnogho navchaljnogho vydannja «Teorija koljoru» [Economic and mathe­matical basis for development of the multimedia educational publication „Colour Theory”], v Polighrafichni, muljtymedijni ta web-tekhnologhiji: monoghrafija – in Polygraphic, mul­ti­media and web technologies: monograph, V. P. Tkachenko, O. V. Vovk, I. B. Chebotaryova et al., Eds., Kharkiv, Ukraine: Madrid Printing House, pp. 136-148. Retrieved from: http://re­pository.hneu.edu.ua/handle/123456789/32352 (in Ukrainian).
  • 15. Md. Rajib Hossain. (2023). A Review of Interactive Multimedia Systems for Education”, Journal of Innovative Technology Convergence, vol. 5, no. 2, pp. 11-22, https://doi.org/ 10.69478/JITC2023v5n2a02 (in English).
  • 16. Khoroshevska, I., & Khoroshevskyi, O. (2025). Digital training games as components of multimedia educational resource. Information Technologies and Learning Tools, 105(1), 52-72. https://doi.org/10.33407/itlt.v105i1.5862 (in English).
  • 17. 16 User Interface Elements Every Designer Should Know. Retrieved from: https://www.mockplus.com/learn/ui-design/ui-design-elements (in English).
  • 18. Rosie Allabarton. (2025). 40 essential UI elements every UX designer should know. Retrieved from: https://blog.logrocket.com/ux-design/40-essential-ui-elements/ (in English).
  • 19. Userpilot Team. (2024). What is a User Interface Design? Key UI Principles. Retrieved from: https://userpilot.medium.com/what-is-a-user-interface-design-key-ui-principles-801c1068a1ac. (in English).
  • 20. Bondar I.O., & Kozlova A.V. (2017). Metodyka stvorennia elektronnoho resursu dlia sfery industrii krasy [Methodology for creating an electronic resource for the beauty industry]. Scientific Journal «ScienceRise». 11(40), 25-30. DOI:10.15587/2313-8416.2017.116003 (in Ukrainian).
  • 21. Khoroshevska I.O., & Alieksieieva I.D. (2023). Stvorennia metodyky rozroblennia dy­zainu mobilnoho dodatku dlia stabilizatsii emotsiinoho stanu [Creating a methodology for developing a mobile application design for emotional stabilization]. Vcheni zapysky Tav­riis­koho natsionalnoho universytetu im. V. I. Vernadskoho. Seriia: Tekhnichni nauky – Scientific notes of Taurida National V.I. Vernadsky University. Series: Technical Sciences. 34(73), 5, 266-272. DOI: https://doi.org/10.32782/2663-5941/2023.5/41 (in Ukrainian).
  • 22. DSTU 7157:2010. Informatsiia ta dokumentatsiia. Vydannia elektronni. Osnovni vydy ta vykhidni vidomosti. Kyiv : Derzhspozhyvstandart Ukrainy, 2010. 18 s. (in Ukrainian).
  • 23. DSTU EN ISO 14915-1:2009 Erhonomika prohramnoho zabezpechennia dlia multymediinykh interfeisiv korystuvacha. Chastyna 1. Pryntsypy proiektuvannia ta struktura (EN ISO 14915-1:2002, IDT). Retrieved from: http://online.budstandart.com/ua/catalog/doc-page.html?id_doc=78784 (in Ukrainian).
  • 24. DSTU EN 63029:2022 Audio-, video- ta multymediini systemy ta obladnannia. Multymediini elektronni vydavnychi tekhnolohii ta tekhnolohii elektronnykh knyh. Elektronni knyhy na osnovi rastrovykh zobrazhen (EN 63029:2017/AC:2018-02, IDT; IEC 63029:2017/COR1:2018, IDT). Retrieved from: https://online.budstandart.com/ua/catalog/doc-page.html?id_doc=101330 (in Ukrainian).