Skip to main content
← Resources & Tips
Resources & Tips May 16, 2022 · 4 replies

How to build skeleton loading screens in Bravo Studio

Bravo team

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

Skeleton loaders create a perception of reduced waiting time, providing a good user experience for the app navigation. Good interaction design and good UX will always require some kind of feedback: obvious, visible, understandable reactions from the UI. While generic loaders like spinners are effective in many cases, skeleton ones give an immediate reaction and let users understand what is going to happen next.

In this tutorial, we explain how to improve the UX of your app navigation through skeleton loading screens: 

Read the full article

4 replies

Rajiv May 17, 2022

Diego - This is pretty good. I think we may need this in our app given we will be loading lots of travel data - similar to what you have shown.

Diego Iglesias Bravo team May 17, 2022

Yes Rajiv, it's a good fit for your app!

Jaron May 18, 2022

This is fab. Facing the same issue where users are giving feedback that it feels like loading takes a long time. Thank you.

Alex October 3, 2024

Is this still recommended? If our app is loading pages slow will this add time to the loading?

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord