29
01/07
7:59 am
UI rant: Form fields, I hate forms
Boy do I ever hate forms.
<rant>
- I hate having to fill 20 form fields to request a “demo” or “preview”.
- I hate when 9 out of 10 form fields are mandatory.
- I hate when form fields are too short.
- I hate when form fields are too long.
- I hate pressing tab and skipping the drop-down.
- I hate providing private information without knowing the context in which it will be used (marketing, research, spam, cold calls).
- I hate clicking on “submit” and waiting 5 seconds for the page to reload, only to be told my username already exists or I forgot to enter my annual income.
</rant>
I hate form fields.
Can we all please work harder to make form fields more useful and relevant?
The problem is that we have become so accustomed to those “generic” fields that we decide to use them in EVERY application even though they don’t actually need them.
It’s 2007. We need to start thinking more humanly and less logically about how we want people to fill our forms. At the moment, my application only asks 3 questions:
- What’s your Full Name?
- What’s your email address?
- What’s your password? (oh and please confirm it).
If I need to add more, I will make sure they are absolutely vital to the use of the application.
Here’s what really bugs me:
- Firstname, Lastname: is that really necessary? Why not just use Full Name? Oh because you plan to email me with “Dear Mr. Williams” ? What if I was a woman? Oh right, you have a “Title” field too… “Mr, Mrs., Dr.”…
- Phone number: have you EVER received a phone call from a website after entering your phone number in a field? No? then why do they need it?
- Address: once again, have you EVER received mail from a website after entering your address?
- Country, City, State/Province/Territory: do I really need to scroll through 193 countries to select mine? Or 50 states + 10 provinces? Republics, Unions? Colonies ;) What about Canada’s newest territory? Nunavut? How many forms added that to their list? Couldn’t you just call it “Location”, and let me fill it the way I see fit (i.e: Montreal, Quebec, Canada)?
- Number of users: What’s a user? Ohhh you mean employees? Or managers? Or customers? Between 0-100, 100-200? What if it’s 100? Which do I select? Can’t I just enter it myself?
- Job Title: Does “President of mailing things” count?
Some websites absolutely require certain fields to be filled properly (i.e: zipcode) because that is vital to the functionality of the site (i.e: a site that generates a map of where people are located in the USA). In that case, it makes sense to request that information.
How did you solve this problem? Do you think it’s a problem? I’m curious to know what others have done. What is important and what’s not important? Can you re-define the word “important” for your specific application? It’s something to think about.
Johan Holmberg
January 30, 2007
7:49 am
I couldn’t agree more with you. I did find it quite funny though in a tragicomical way how you described the somewhat useless information they ask for. I’m glad they don’t actually call you unexpectedly.
Alex
January 30, 2007
6:36 pm
Thanks!
I’m also glad they don’t call unexpectedly.
bjhess
February 4, 2007
3:37 pm
I’ve been updating the forms on the site I am working on right now, and I bookmarked this post so I would return to it when I needed to do the work. In the meantime, I converted from Windows XP to OS X. I swear, I can no longer tab to drop downs or checkboxes like I conveniently could in Windows.
Well, specifically I find that I can tab to drop downs in Safari, but not buttons, links or checkboxes. In Firefox, I can’t tab to any of those things.
(An example is http://www.ups.com – the landing page you get before you’ve selected your home country. Or just go to the Amazon homepage.)
Am I just not up-to-speed on the OS X model? Or are there some tab index things going on that most web developers are not aware of?
Alex
February 4, 2007
5:40 pm
Yes it is possible to manually perform tab indexing in html forms… there’s a property called “tabindex” that can be added to an “input” field.
The bug you’re experiencing is a Firefox bug and can be fixed with an OS X tweak or a Firefox tweak (see post/comments below):
http://www.robertnyman.com/2007/01/18/551/
I’m all against coding workarounds for specific platforms/browsers which is why I try to re-evaluate the use of a certain form element.
If it must be done, then make sure you test in every browser/platform, then write the necessary JS/CSS to correct it.
Good luck! Let us know how it works out for you.
bjhess
February 5, 2007
11:06 pm
Yeah, that fixed it. Boy, what a wonderful problem to have to consider. I’ll probably just ignore it as I’m also against coding for those unfortunate souls using a Mac with Firefox defaulted poorly. Well, I also had some issues with Safari that were improved with the OS X tweak.
Thanks for the help – it’s hard to Google for “firefox” and “tab” without a ton of hits about tab-based browsing.
(And no, I don’t really want to get into tabindexing if I can avoid it.)
Alex
February 6, 2007
5:20 pm
I’m glad to hear it worked!
I’m anxious to see the day where browser functionality will be standardized across all platforms…