Need feedback and design ideas for my form

  • Profile Image
    rmcellig
    Asked on June 13, 2011 at 04:18 PM

    I created a Contact Me form using Jotform and would like some ideas to make it look better and maybe more functional? Thanks!!

     

    Randy

     

  • Profile Image
    NeilVicente
    Answered on June 13, 2011 at 07:34 PM

    Hi Randy,

    If there's one place I can suggest where you can find ideas on how to make your forms prettier and more functional, that would be our own user guide pages.

    For starters, you can browse over the creating forms section. There you can find a screenshot list of all the themes available, and also a list of all the form fields wheren you can have a good knowledge of how the fields work and what their exact functions are.

    For more advanced features, you can refer to chapter 8 of our user guide. In that section, you will learn more about advanced customization of your form's appearance and functions.

    Feel free to read our user guide articles and ask questions if there is something that you don't understand.


    Neil

  • Profile Image
    Randy
    Answered on June 13, 2011 at 07:42 PM

    Thanks Neil!! I will  take a look at the users  guide.

  • Profile Image
    abajan
    Answered on June 13, 2011 at 08:06 PM

    Hi rmcellig

    Thanks for asking. Here are some suggestions to improve your form:

    1. Change the validation on the text area from "Email" to "None" (I believe that was done in error?)

    2. Increase the font size on all inputs to 14 pixels (just the inputs - not the labels)

    3. Remove the background highlighting on focused inputs (it's too intense against the black background)

    4. The hint prompting users to enter their message in the text area seems unnecessary as the field is already labelled "Your Message"

    5. Conversely, a hint is recommended for the CAPTCHA since (as you may have noticed) it does not always load the first time. Plus some folks don't even know it's purpose.

    6. Force the first letters of the Full Name field's inputs to be Capitalized (not really necessary but it adds a nice touch)

    7. I have always felt that the default warning message to complete required fields is unnecessarily verbose. "Please complete the fields indicated." should suffice.

    8. Remove the pink background highlighting of unfilled required fields. As is the case with the focused input highlighting referred to in number 3 above, it's way too loud, especially against the black background of your form. At any rate, there's already a message indicating where each unfilled required field is located.

    Those are my suggestions but others may have different ones. Here is a clone of your form. If you like it, you may clone and use it. It's look was mostly achieved with injected CSS: Setup & Embed tab > Preferences > Form Styles > Inject Custom CSS (Firebug was used to determine which selectors to target)

    Should you require assistance with any aspect of our product, please feel free to ask. Our team would be happy to render service to the best of our abilities.


    ~ Wayne