Micro Interaction: UX Hidden Gem or Designer’s Self Indulgence?

seo company

Let’s start with accessing Search in iOS. From iOS 7 Apple introduced a built-in search feature where you can access by swiping down from the top at the home screen. As you swipe, the content on the screen gradually blurs out. This is actually a usability design by greying out content to create priority, and also darkening the background to make search result more readable.

Micro interaction: accessing search, iOS

Then I there is the single-finger zooming. You can use one finger to double tap the screen, then hold your finger after the tap and drag upward or downward to zoom. This is usually found in map apps but not everyone knows it. A good reason may be there is a more commonly used substitute two-finger zooming. What’s interesting is that for this feature, so far there is no uniform in design. Google and Apple use opposite direction for zooming in and out. I am very interested in how they made their decisions for the interaction.

We have all seen this. Most happen when clicking the hamburger menu icon. The icon changes to another shape after the interaction, indicating change of status as well as function.

Micro interaction: hamburger menu icon animation, LinearPark app

I have also observed some really interesting and delicate animations that are barely noticeable, such as the list handle in Google Maps.

Micro interaction: list handle, Google Maps

Don’t feel too surprised yet, there is some even more well hidden animation to make you wow. In iOS, when you tap and hold your finger on the switch bubble, it actually changes its shape too.

Micro interaction: Bubble animation, iOS

This one is really hard to find since your finger is on top of the screen and blocks your view when the animation takes place. This particular micro interaction is part of Apple’s unique design language. I have another article on that topic.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO