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.
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.
@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.
15 Responses
Pro
James ✌
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
–
@jamesm
5 months ago
Pro
Patrick Haney
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.
5 months ago
Pro
James ✌
"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.
5 months ago
Pro
Aleksandar Djuric
Pretty good.
5 months ago
Pro
Kerem Suer
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.
5 months ago
Pro
Julia Khusainova
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.
5 months ago
Pro
Teddy Zetterlund
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?
5 months ago
If a field isn't required, remove it.
5 months ago
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!
5 months ago
Pro
Teddy Zetterlund
@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.
5 months ago
@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.
5 months ago
Pro
Teddy Zetterlund
@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.
5 months ago
@Teddy Zetterlund agreed.
5 months ago
Not a huge fan of the main font, but looks awesome otherwise.
5 months ago
Pro
Dreamix Studio
Looks good James! One thing.. maybe just align stuff to the left instead of centering the text?
5 months ago