###############################################################################

      *****************        Hey! Welcome to the Kwoosh Workshop
     *******************       -----------------------------------
    *******  *****  *****
   ********  ****  *******     This is where we talk about the things
  *********  ***  *********    we're working on.
 **********  **  ***********
***********     *************  Most things start as messy ideas before
 **********  **  ***********   they get polished into finished features.
  *********  ***  *********
   ********  ****  *******     This is a place for messy ideas.
    *******  *****  *****
     *******************       For the completed product see kwoosh.com
      *****************

###############################################################################
                

Things are faster with a loader...

…or at least they give the impression they are.

Kwoosh is a single page app. Meaning that you load a single webpage when you start and then all subsequent clicks just change smaller elements of the screen. This makes the app feel faster as you never have to redraw the whole screen. You never get that “white flash” of the old screen disappearing and the new one appearing.

Requests still however take time. There is no way to get around that. But to make the user feel like the app is faster you can immediately respond to users requests by showing a pre-loaded loading screen. In our case we will show it every time the user triggers a request that goes to the server.

We liked the simplicity of our logo and thought that we could create an animated loading gif to use.

It turned out like this:

Design process of the loader

—jw