Skip to content

Commit d657767

Browse files
authored
Expand user experience section in transition explainer
Added section on user experience with skeleton UIs and loading indicators.
1 parent 30348cd commit d657767

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

css-view-transitions-2/two-phase-transition-explainer.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,12 @@ So, in the cases where the navigation is not instant, providing some instant ani
1515

1616
This "uncanny valley" where the old page is no longer active but the new page is not rendering any frames is far from being an optimal user experience, and the knobs given for developers to control it are crude and implicit.
1717

18+
# User experience
19+
20+
The kind of UI authors commonly try to do with this approach is often referred to as "skeleton" - quickly transitioning to a UI that looks like the final state, but doesn't include any content, and then transitioning from the skeleton to the "real" UI that includes this content.
21+
22+
Other UIs include loading spinners, greying out the old page as it is unloading, or showing some directional swipe-like animation without displaying the target content.
23+
1824
# Current knobs
1925

2026
## Cross-document view transitions

0 commit comments

Comments
 (0)