Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SDK] Transition animation in and out of spaces #8955

Open
Alpha-Julia opened this issue Dec 10, 2024 · 0 comments
Open

[SDK] Transition animation in and out of spaces #8955

Alpha-Julia opened this issue Dec 10, 2024 · 0 comments

Comments

@Alpha-Julia
Copy link

Description

My interactions have been based around Android, but concept should be generally applicable to the alternate viewports.
My idea is:
I want a transition into the spaces and out of the spaces to provide a user a clear feeling that they are on a new page that contains the space's contents. When users click on the space, the transition plays. When the user hits the back button the transition plays in reverse.

I worked with a couple of users testing the app's interface for practice with usability studies. A commonality was having difficulty understanding where they were within the app when inside spaces they organized and when they were on the main page.
The main page has the same feel as the spaces, and the current transition is a very fast fade that feels like a filter being applied rather than a space. I think this would give the feeling of movement for a mental model and lean into the used terminology like space.

Concept:
A quick transition like an individual wave from a water droplet. No ripple but a transition coming from the space button on the UI.

A close example of the concept, this would be as the space is exited. This transition in reverse would be the entering animation.

CssWaterDroplet.mp4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant