Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I have the following registration form:

enter image description here

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?

share|improve this question
add comment

3 Answers

up vote 1 down vote accepted

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.

share|improve this answer
add comment

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: http://www.ajaxload.info/

Here are some visual alternatives. Usually, they are either css3 generated, or an animation of pngs:

enter image description here

enter image description here

enter image description here

share|improve this answer
    
Thanks a lot for the http://www.ajaxload.info/ link, I'm definetly going to use it. I was also thinking about placing the progress bar beside the REGISTER button and disabling the button. –  Maximus Feb 6 at 13:42
1  
Yes, you need to make the register button inactive while your spinner spins, otherwise people will think that two contradictory responses are possible. Glad it helped. –  Random O'Reilly Feb 6 at 13:45
add comment

Someone in codepen.io made some really beautiful loaders

http://codepen.io/Dluxo/pen/nxgIL

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.