WE CREATE BRANDS PEOPLE L♥VE
Share

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

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.

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?

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 everyone else, users appreciate creativity.
Search for "loading icon" in dribbble.com to get inspired.

Loading icon

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 extra seconds if the animation is catchy,
@gur_motion does this really well

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.

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

Related posts

Leave a Reply