Improve your loading screen

Tegra - December 28, 2019 - 0 comments

loading screen

💡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 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! ⁣⁣

Skeleton View
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?
Loading icon
If you absolutely need to use one...have fun with it. Don't make it like everyoneelse, 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 extra seconds if the animation is catchy,
@gur_motion does this really well
Thank you for
your support!

Bonus — 4 tools that may be useful in your designer way:

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.
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.

Be free to send me any feedback by reply or reach me in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *