Form Design

[fisicx]

I'm working on a project for a client part of which is a simple application form.

It's only got three steps and is as simple as we can make it. This the homepage version:

https://testblog.co.uk/multistep/

In step 1 you enter the amount.

In step 2 there is a dropdown

Which method do you prefer: text entry or dropdown?

Now look at this stand alone form:

https://testblog.co.uk/stand-alone-form/

There is progress bar on this one. Do you think the homepage needs the progress bar as well?

 

[WebshopMechanic]

Morning @fisicx

I like the drop-down best because it's nice, easy and I don't really need to think about it.

In my opinion, you should have a progress bar because there's nothing worse than starting something and having to answer 20 different questions. You see this with a lot of those lead generation landing pages. It just pi55es people off.

KISCTIP = Keep it Simple, Clean, Transparent and Idiot Proof!

 

[dcuttridge]

Dropdown. It's convenient and convenience always wins when it comes to a better User Experience.

Agreed with @WebshopMechanic on having the progress bar on the homepage... It's going to help your completion rate. So I think it's a good idea. But as always test, test, test.

 

[Benjamin Fordyce]

Agree with both of the above, when you're filling out these forms you want it to be a quick and easy process.

Having drop downs is also so much easier on a smart phone and having a nicely designed progress bar shows how easy the process is.

 

[fisicx]

So here's version two:

https://clean.testblog.co.uk/

Ignore the cropped background image for now - it's just a placeholder