Creating a Web Form
24 Feb 2012 Leave a Comment
I had a lot of fun creating this web form. First off, I looked through the paper form several times to figure out how I wanted the information to be displayed. Then I sketched down my ideas on a piece of paper. Doing so, I decided it would make things easier if I separated the information into groups and had three different pages.
I tried my best to implement “the path of completion” concept into my design. There is one main column so that the users will easily be able to understand what is needed. I also used the top label alignment concept because I find that that is the easiest to understand exactly where input is needed. When I checked how the form looked on my iPhone, the top alignment of the labels were very helpful and made navigating through the form much easier.
At the bottom of each page, I implements some navigation elements. I created a continue button and a submit button that went along with the design of the form. I also used a Go Back link that was suggested in the training so the users could go back to the previous page if they wanted to change something.
Creating this online web form was really great practice on how forms should be designed and what should and shouldn’t be included. When I went to validate the form, there were lots of elements that I had added that I thought I needed, but it actually created errors in the validation. I went back and changed those so my form would be valid.
