Hi, this thread is about usability. I believe everyone has noticed that websites with Pyjamas respond very much differently (as opposed to "normal" websites) when they are loaded. Take the pyjs.org website as an example, or the Git browser (http://pyjs.org/pygit/), or the MailApp (http://lists.pyjs.org/mail/): First there is blank page, and you're not sure whether the browser is stalled or just busy. Then, al lof a sudden, the page starts appearing.
This behaviour is "normal", because there's a lot of client-side code that has to be loaded from the Internet and then the browser is busy executing JavaScript, which eventually will generate HTML and fill the DOM. What is essentially missing here is feedback from the application to the user. I believe we need something like spinners that Pyjamas will include to be displayed from the time the code starts loading to the time when the application has been fully rendered, is functional and ready. This should be easy to implement: Include a spinner image into the HTML file (index.html) file that includes the bootstrap.js file, and hide the image when all UI-generating Pyjamas code has finished execution, and rendering is completed. If we have those different stages we could even show a different image when we enter a stage. Here the typical examples of Ajax-like spinners: [1] http://straval.com/img/ajax-spinner-large.gif [2] http://clairescareers.co.uk/furniture/ajax-spinner.gif If it makes sense we could show something like [1] to create a better user experience for the application startup time. What do you guys think? Peter
