Mobile app version of vmapp.org
Login or Join
Annie732

: Graphic element to show on a form while user awaits response I have the following registration form: Since response from server may not come for about 3 seconds, I need to let user know

@Annie732

Posted in: #DesignPrinciples #WebsiteDesign

I have the following registration form:



Since response from server may not come for about 3 seconds, I need to let user know that the request is being processed.

What visual element could I use to do that?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Annie732

3 Comments

Sorted by latest first Latest Oldest Best

 

@Si6392903

Someone in codepen.io made some really beautiful loaders
codepen.io/Dluxo/pen/nxgIL

10% popularity Vote Up Vote Down


 

@Harper654

What you want is probably an ajax loader. There are a squillon alternatives for that;

They are called ajax loaders, progress bar or load spinner. From what I see of your layout, what I would recommend is a spinner next to the register button.

Let me suggest the ajax loader generator: www.ajaxload.info/
Here are some visual alternatives. Usually, they are either css3 generated, or an animation of pngs:

10% popularity Vote Up Vote Down


 

@Angela777

Try looking on this resource for IDEAS: Progress icons

I suggest you using pop-up icon similar to progress bars/circles and dim the site until the request is processed completely. You could dim all the site until the form is processed and the user got feedback about that. Conversely, if you don't disable buttons and links, the user can click on them and navigate to another point without realising if the request processing was finished or interrupted by navigation.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme