🔄 Microinteractions: The Secret of Great App Design 1/5

#ui #design

Show System Status
The first usability heuristic principle by Jakob Nielsen states: keep your user informed about what is going on. When users trigger an operation, they expect to get immediate response. But there are situations when an app needs some time to complete an operation. So, the interface should keep the user enlightened about what is happening.

What is a Microinteraction Anyway?
Microinteractions are the contained product moments that do one small task.

As first described in Dan Saffer’s book Microinteractions, these tiny details typically serve these essential functions:

- Communicate feedback or the result of an action.
- Accomplish an individual task.
- Enhance the sense of direct manipulation.
- Help users visualize the results of their actions and prevent errors.

✅ Article link: https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf

🔄 Microinteractions: The Secret of Great App Design 2/5

#ui #design

Highlight Changes
When any important event happens, we need to show notifications to inform users about that. Animation can help achieve this goal. It will attract users attention and won’t let users overlook what you think is important.

✅ Article link: https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf

🔄 Microinteractions: The Secret of Great App Design 3/5

#ui #design

Keep Context
Use motion to smoothly transport users between navigational contexts, explain changes in the arrangement of elements on a screen. This is especially true for mobile devices and smart watches, because it’s simply impossible to fit a lot of information on one screen and any screen state change should be crystal clear for your users.

✅ Article link: https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf