Still working on some of the spacing and stuff, but got all the necessary UI in there. This project is almost finished, really happy with how its turning out.
Checkout attachment- http://dribbble.com/shots/865424-Required-field/attachments/92347
5 months ago
Why not just put "(Required)" in the placeholder text? Or as a little tab on the outside of the input? I'd avoid the asterisk, it's ambiguous and is used for both optional and required text all over the web.
"Required" simply wouldn't fit inside the field. There could be a better way to do it, I agree. However, I find it used more and more often around the web. If I see an asterisk on a field, the first thing I think of is that it is a required field.
I think I would bump up all font sizes at least by 2 px. I'm having trouble reading some of the copy, and having the longest domain name in the world is not contributing to it either. :)
I think I would also close up the horizontal space between two columns of the contact form.
Agree with @Kerem on the font size issue especially when you have given it that much space on left and right and let it breathe.
Great form, love the corners.
When it comes to to required vs. optional fields I would just add "(optional) to the phone field, since that's the only one that isn't required?
If a field isn't required, remove it.
I'd suggest making the red text less opaque and its background gray, as the field appears like it has already been filled out. Great work nonetheless!
@Jacob Hallsten I look at the phone field as a suggestion/reminder that if you prefer to talk over phone it's possible to keep in contact that way. Obviously that contact information could be in the message body but it's not necessarily always a bad thing with optional fields.
@Teddy Zetterlund I don't completely agree. I really think that a field should be either fully explained how filling in that field will gain the user or require it.
Personally I would just have an e-mail adress and a field to write your question. You don't require more information, if the person have a question regarding an order he/she will give you the necessary information in the body.
@Jacob Hallsten We're almost agreeing, it's just that I think sometimes it's worth helping the user that one extra bit cause they really do have a tendency to forget giving that piece of necessary extra information.
However, it would make sense only to add that optional field if you're actually experiencing the problems I'm talking about.
Your advice is sound, the shorter the form the better chance of it actually getting submitted.
@Teddy Zetterlund agreed.
Not a huge fan of the main font, but looks awesome otherwise.
Looks good James! One thing.. maybe just align stuff to the left instead of centering the text?
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter