COMBINING VOICE INPUT AND ANIMATION FOR WEB INTERFACES INTERACTIVIZATION

Abstract

The aim of the article is to analyze the possibilities of integrating voice input and animation to enhance the interactivity of web interfaces, particularly using the example of e-commerce platforms. The research aims to explore the impact of voice commands on the visual representation of interfaces and to develop design principles that address the needs of diverse user groups, including individuals with visual impairments. The research employed methods of modeling interactive scenarios, empirical analysis of the effectiveness of visual interface elements, and principles of adaptive design. Particular attention was paid to experimental modeling of interactions where voice commands trigger updates to visual elements, such as increasing brightness, saturation, and utilizing zoom animations for relevant products. Non-relevant elements are desaturated or temporarily removed, ensuring user focus. Additionally, the study examined the use of physics-based animations simulating gravitational forces and natural object deceleration. The novelty of this study lies in the proposed approaches to integrating voice input with animation to provide natural and intuitive user interaction with web interfaces. The impact of graphical principles such as arcs and animations that simulate compression and stretching on creating a natural user experience was investigated. For example, during the modeling of the process of adding a product to the cart, animations with a curved trajectory, slight compression of the cart icon, and its subsequent stretching to simulate the absorption of the product were utilized. Particular emphasis was placed on developing alternative visual elements, such as high-contrast colors and bold text, for users with visual impairments. The findings emphasize the importance of combining voice input and animation effects to create interactive, accessible, and user-friendly web interfaces. The integration of these elements not only enhances user engagement but also ensures accessibility for individuals with diverse needs. Proposed adaptive design principles include alternative representations of interfaces, such as versions without color themes or animations, to avoid cognitive overload for vulnerable user groups. Overall, the synergy between voice input and visual responsiveness in the interface fosters a natural and seamless user interaction experience. Considering theoretical framework, a Kinetic Morphing Flow System (KMFS) was introduced, where interface elements transition along dynamic trajectories shaped by user interactions. Unlike traditional resizing, elements adapt their shape, size, and orientation in response to user input. Commands generate unique motion paths, considering interaction history and spatial context.