TYPES OF MICROINTERACTIONS There are many types of microinteractions possible and the list keeps on growing with further advancements in technology. However, it’s important to be aware of the most fundamental microinteractions which are: Tap effects Swipe effects Tap and hold effects Scroll-into-view Pull-to-refresh Progress bar Errors Sound Button state changes Tactile Mouse over / hover effects Slide-in/out System feedback Page transitions (fade, explode, etc.) PART 2: CORE MICRO MICRO-INTERACTIONS SUPPORTED BY SMARTPHONES AND THE USER EXPERIENCE. (ARE THEY PLEASUBLE, EASY OR OBVIOUS) BELOW ARE SOME THE CORE MICRO-INTERACTION THAT ARE SUPPORTED BY SMARTPHONES Password error feedback This password error microinteraction makes it onto the list merely because it is an outstanding example of how to alert the user in a subtle and non-imposing way that they’ve got something wrong. Combining motion animation, altering slightly the element by lifting the corner of it like it were a page to reveal an error symbol is a great way of letting the user know at a glance that something is wrong in a playful way. Highlighting selected fields on forms - tap effect This form microinteraction example shows how simple little details can make filling out a form that little bit more intuitive. For example, the currently active form, where the user is inputting text is highlighted slightly with its borders colored in blue. Highlighting the fields in this way is a great way to confirm that afield is actively selected and is ready to be written in. this can already be confirmed with the blinking line, but in a form full of fields, the more clarity, help and feedback that you can provide to the user the better.
