The content of the world wide web consists of titles, paragraphs, images, and multimedia, including animations. Some animations can be noticed instantly, whereas some visitors might not even notice, however they still play a vital role with interactivity of web sites. Implemented correctly and working flawlessly, can animations greatly improve user experience. If not, animations can ruin it. In the theoretical part, base technologies of the web were presented. Those are HTML, CSS, and JavaScript. History of web animations is also presented along with the perception of them in the sense of the quality needed for the human eye to perceive them as smooth. In the experimental part, methods for animation creation were selected for testing. Those were CSS animations, Web Animations API and Lottie animations. For each one, an identical animation was designed, which was implemented onto a web site. Animations were then tested at a different number of elements in two browsers on several devices. Throughout the creation and testing, we were keeping notes on the difficulty of designing and implementing them in a web site and their performance: the ability to display a high number of frames per second, how much graphics card memory they consume and how much data is transmitted from the server for them to be able to play properly. The results were kept in a spreadsheet (available in the appendix) and recapped in the Rezultati in razprava chapter. At the end, we also provided some recommendations as to which method to use, based on their intended use case.
|
