Motion

Motion can be used in our digital products to smooth interaction with content and navigation through the service. When using motion, our main objective is to help users perform actions or find information they are looking for in interfaces that can be filled with content.

Following our UI principles, motion should be used to help users perform tasks more efficiently and is never to be used as an ornament. Motion should draw users’ attention towards what’s important and towards action objects. It should never block users in their journey but naturally enhance their experience on the product.

At ENGIE, we use three main types of motion to guide users and help them perform what they are on the product for:

Status Change

Indicate that one object changed status by changing its colors, its size or its opacity.

Emphasis

Draw attention to one object already on the interface to suggest an action or to alert users that something unusual or important is happening.

Enter & Exit

Make an object appear or disappear on the interface to allow information and content discovery.