💡Improve your loading screen.
Courtesy of @ux.ale
📚According to studies done by Google, delays as small as 200ms push users away, so if your website/app is already going to take some time to load, make it either entertaining to watch or at least show a preview of what it’s loading (Skeleton view)
☠️ Skeleton views are used to indicate that a screen is loading, they are perceived as being shorter in duration when compared against a blank screen and a spinner.
🏃♂️When designing skeleton screens, I recommend using motion to further decrease the perceived duration time. Companies that do this very well are Youtube, Google, Linkedin, and Facebook. If they are doing it, why aren’t you?
🧠 Hope this helps!
Delays as small as 200ms push users away. Skeleton views show the user a preview of what to expect before the interphase loads, increasing their waiting time.
I just love it…
See how much nicer it looks?
If you absolutely need to use one…have fun with it. Don’t make it like everyone else, users appreciate creativity.
Search for “loading icon” in dribbble.com to get inspired.
Make it meaningful
Try to at least make it relatable to your content. Users will wait a couple of extra seconds if the animation is catchy,
Bonus — 4 tools that may be useful in your designer way:
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.