Interaction Design Principles
Interaction design is the process of creating attractive, user-friendly web interfaces. Attractive web interfaces contain a well-thought-out scheme of behavior and actions, as well as beautiful and non-intrusive animation. The more convenient the interface, the more satisfied the user. This is “usability” – convenience and ease of use. Also in the assessment of usability are taken: aesthetics, accessibility, security, studyability of the product.
Interaction design is based on 5 bases: words, visual effects (SVG animation), objects with space, time and behavior. From the first 3, the user's interaction with the interface is formed. Time and behavior determine the quality of interaction, they are important for understanding processes, errors.
The first user action causes many reactions in the interface, and these reactions cause a bunch of further user actions in a finite amount of time. For example, pressing the hamburger menu button opens the corresponding menu items in a fraction of a second. Further, there may be a lull in the user's behavior in anticipation of interface reactions or further iteration of actions in the hope of accelerating and quickly obtaining the desired interface response (for example, your server freezes, the user clicks on a menu item 20 times, thus even more loading the server with processing these clicks ). The interface should "talk" with the user, respond in the most logical, fast and optimal way for each case. To solve such problems, you need to use interactive elements that interact with the user on the client side. Such elements are often animations, the most popular way to create SVG animation online is on the service https://alterdraft.com/svg-animator which provides many opportunities to animate SVG vector graphics online, without installing third-party software. I note that this SVG animator online uses CSS animations that are loyal to the processor load.