12-09-2008, 04:44 PM
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.
If you can look at them and give me any suggestions please do.
12-10-2008, 06:05 AM
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 (http://www.emblematiq.com/projects/niceforms/).
12-10-2008, 10:01 PM
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!
12-11-2008, 01:42 AM
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. :)
12-12-2008, 01:10 AM
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.
12-12-2008, 03:57 PM
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.
Form inspiration (http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/)
forms help (http://designmeltdown.com/chapters/Forms/)