How to Make Your App Load Faster (or Feel Like It Is)

How to Make Your App Load Faster (or Feel Like It Is)

August 23rd, 2017|Tags: , |
  • loading

The success of an app lies in the details. And what really will make the difference is the loading times as your users hate waiting!

Even with the best technology, there are loading times inherent to your application! You may not have noticed it but your dear social networks regularly deceive you with little tricks. It's up to you to do the same for your app!

Loading times

The download of your app is very fast because only the shell is installed. It is at the first opening that its data is downloaded entirely from our server on the device of your user. No more connection: all your content is accessible offline!

The download time is proportional to the overall weight of the application. A loading bar tells your users how to proceed.

loading

For the user experience to be fluid and native, the screens load as they go. This is what makes white flashes appear when you switch from screens to screens.

To create transition effects (fading, ..), use the states. Or use the foreground that works like the states and that allows to cover a change of screen.

All the states of a screen are loaded at the same time. Be careful, therefore, of the contents of your reports because too heavy states may cause loading latencies. If you notice this problem with previewing, place your content rather on different screens or use the Gallery component.

Some UI Tips

Give your users other tasks to focus on

Instagram, for example, prompts the user to choose a title and a tag while the image is loading in the background. By the time he chooses these elements, bam! the photo is loaded and the user has the impression that it has been uploaded instantly!

instagram-point-png

Loading an Instagram image

Display temporary content

Facebook displays gray lines to reassure us on the loading of our page and create a smooth transition with our content. This is a good way to bring up a list of articles, results ...

placeholder

Facebook Trick

Add animations

Little fun effects will occupy the mind of your users. Play with your menu to hide the background or simply add small animations that will invest a few precious seconds.

CSS Animation Menu, Virgil Pana, Dribbble

Do not forget: your users are in a hurry! Take time to test your app, identify load times and discover tiny tricks in your favorite apps!

For further :

Credits:

  • Icon made from Freepik from www.flaticon.com
  • Photo by Chaz McGregor on Unsplash

About the Author:

Aude
Aude - Happy Ambassador & Phone Breaker 📵 I'm helping people turning ideas into engaging interactive content. PandaSuite makes it easy for you to create interactive content without any coding (mobile/tablet/desktop).