Tabs Music Player

Music player design.

Drawer-type interactive architecture.

This scheme is also used to explore the feasibility and advantages of such a card design as an interactive architecture, and to explore how to minimize page jumps in interactions.

In this case, the 5 large modules of music player are all carried on 5 CARDS and become a multi-layered architecture. These 5 CARDS can be used for pulling and sliding.

In common interactive operation, such a multi-layer card structure can minimize the jump, so as to make the structure flat and reduce the depth of users’ path. This motion interaction concept is the core of this scheme.

Gif preview

Still frame preview