They say the devil is in the details, but it is not true about the user experience. Good micro interaction requires very subtle ways to facilitate or decorate lengthy work. Poor micro interaction may damage the website or product experience. Even \
Generally, micro interaction is to indicate or provide instructions, or help users perform tasks or tasks. Micro interaction exists for seamless integration and improvement with user experience, and also for simplification. We discussed the basics of micro interaction in the last article, but now it’s time to put them into action. The following are examples of several types of micro interactions and how they can be implemented on the WordPress site: It’s fun to press a button in real life when loading text or icons or on the Internet (except for accidentally pressing the send button in incomplete emails). The interesting effect of a form or CTA button will greatly affect the way users interact with the site. Best of all, the Hoover effect need not be too complicated. The
Form plug-ins such as contact form in wpforms have some built-in settings that can be easily customized to display the loaded text whenever someone sends a form. When accessing and processing settings, you simply enter the text you want to display in the form. The subtle interaction of results is simple. Although it seems nothing, it is important to inform the user that the message is being sent. If the user selects the button, but nothing happens, and the audit page takes time to load, the user may start clicking the send button frantically, or worse, leave the page. Handling micro interactions is a good touch. The
There are several jQuery plug-ins that can add more complex load icons to buttons. Both button loader and ladda provide an extensive library of loading buttons that can be added to the WordPress site. Here is a simple example of using the ladda button: Ladda Min.js and spin. all the min.js files and upload them to WordPress, then include the ladda of all the buttons. Do the same for the min.css file. Make sure that the ladda button class is the attribute of the ladda button, and that there is a ladda label class on the button label. The HTML associated with a single LADA button (in this case, the right extension button) is as follows: The
Important Rae write\/b748ed76e7081fbb861048ccf0404678 during loading, the bind() jQuery method can be used to submit the project to the server and reload the form of the page. Important Rae write\/7e26b912270b98166b43c3794c72677d during loading, the next button will be generated to notify the user that the form is being processed! The tooltip for adding a tool description to the form is great. In addition to providing users with some additional information, animation can also create unforgettable micro interactions. The
You can use a small amount of CSS or install easy-to-use plug-ins (such as simple tooltips or word press tooltips) to manually add exciting tooltips to the text. An interesting way to improve the user experience is to add tooltips to forms, fields, or specific icons on your web site
You can share highlighted text on Facebook in the same way. If you are pursuing something in the context of micro inter like tions social media micro interaction (but not exactly!) Don’t worry. Add custom favorites in word press post Well, being with you is really a little bit of fun for your readers and visitors. The two interesting plug-ins to achieve this are zillalikes and I recommend this. Both plug-ins help add likes or recommendations to WordPress posts. After installing zillalikes, you can add [zilla_lipse] shortcut code to the page or post, or add the following PHP code to add the like counter to the template file. Important in Rae write\/f250b14bcb96f97a59d1493d2a0078d4 loading, it is always a good thing that periodically processed elements work in interesting ways. Even if the \
