PeopleSpheres is a Paris-based start-up and a platform that centralizes all kinds of HR modules. It helps HR directors manage the entire company’s human resources on the same platform, and streamline communication and workflow between employees and managers.

I entered this startup as an intern designer in early 2018, redesigned the website and optimized the SaaS itself. And then as a freelance designer, I continued to optimize product experience and assist in functional development.

Feel free to check out the visual design >> and the website >>

In the past year, the company has experienced major events such as strategic adjustments, logo replacement, and product iteration. Finally, this product has gradually matured. So, it’s time to write something to come to a conclusion and share what I’ve learned from this experience. …

Image for post
Image for post

The original intention of writing this article is because most of the designers around us basically rely on feelings when designing interactions. Although the final work looks beautiful, it doesn’t really add value to the user experience.

So, in order to better understand interaction design and its tools, let’s first take a look at the classification, techniques, and specifications of micro-interactions. Then we will move on to the second part, comparing some interaction design tools from two aspects: design and motion.

Here is the summary of what I’m going to talk about:

Image for post
Image for post
Yes, it’s a bit long and complicated…

1. Function

According to the functionality, we can divide the micro-interaction into the following four…


Yifan Ding

Mesure the world with human experience and human-machine interaction.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store