Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts

    Is there anything you can suggest?

    I feel like this is a "blah" form. Its easy to use but i feel like i am missing something. Sorry its not on a site you can access, but its being developed. So here are some pictures.

    http://i246.photobucket.com/albums/g...t/Picture3.png

    http://i246.photobucket.com/albums/g...t/Picture4.png

    If you can look at them and give me any suggestions please do.

    Thanks!!

  • #2
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    From a design standpoint the no.1 suggestion I would make would be to align everything. Imagine your graphic elements (images, form dropdowns, captions and text fields) snap to an invisible grid. Give the edges of the elements a "relationship" with one another and it anchors them in place visually, making the layout seem less arbitrary and less like it's "floating in space," and generally more pleasing. People notice whether things are aligned, whether they're aware of it consciously or not, and in general they tend to gravitate toward those designs with more underlying "structure."

    So for instance, in Picture3, align the left edges of the template, photo1 and the headshot. Align "select a picture" with the dropdown underneath it and left-justify the dropdown captions, like you've left-justified all the other captions. You might consider giving the text a little more breathing room above the images as well.

    Just some thoughts.

    For additional embellishment, consider Niceforms.
    matt | design | blog

  • Users who have thanked BoldUlysses for this post:

    jcdevelopment (12-10-2008)

  • #3
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    I have dealt with nice forms and it turned out to be a pain, seeing as the images are not transparent. It also is nearly impossible to work with niceform's while using "codeignitor".

    Thank you though!

  • #4
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    No problem. I haven't used Niceforms myself so I wasn't aware of its limitations; I just saw it recommended to another poster in the HTML/CSS subforum.

    I want a 'do like the guy in the headshots!

    ...not really.
    matt | design | blog

  • #5
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    I have been recently thinking about forms, because I want to make a form for clients to describe their projects to me. Essentially my train of thought was that the form I needed to create was too daunting. It would be VERY long, and I don't like it when the pages are split up too much. So I was thinking, what if the first part of the form dynamically altered/displayed the rest of the form which matched the necessary information?

    For example: if a website is not an ecommerce site, then why should the form display anything about ecommerce? This just complicates the form.

    My thoughts were then to use some nifty JS to hide the form fields, and have a checkbox to select which parts of the form to display. I could see something similar here (particularly in Picture4) where there are so many text fields. Perhaps you have a few boxes at the top (how many bedrooms?) that then display corresponding fields only as necessary. This may not be useful, but its a thought.

    Also, why not allow the Remarks box to accept HTML content? So use TinyMCE or something to give some special flair to that text.

    Some logic flow might be helpful. 'Headline' seems like a text field that should be at the top, not near the bottom. I'm not sure if this is the whole form or not, but employing the concept I discussed above with limited display may help. I think the best forms are simple, and react to you.

    Your table of textboxes is a little strange if the left box can be altered. Would it make more sense to either not use a textbox there, or a drop down list? This question assumes that the database accepts certain data, and you wouldn't want the user to change things.

    I also don't like Niceforms, because it requires the images to load and it looks funny while they load.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • Users who have thanked gnomeontherun for this post:

    jcdevelopment (12-12-2008)

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Well your suggestions are good and each point is valid, we just laid them out like that because they are filling out a flyer for real estate. Not sure how often you have looked at a flyer for a house but it is a mess....

    Any ways thank you guys for the suggestions, i found a few sites that kind of give some tips and inspiration. So i will go from there.

    The Sites:
    Form inspiration

    forms help


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •