Don’t touch that input element

Repeat after me: input elements should look and behave like input elements – that sounds easy, and yet so many websites are doing it wrong. Wrong as in; design overkill.

Fine by me if you want to design a submit button, textfield or any other input element – as long as it still looks & behaves like one. Visitors instantly need to recognize that textfields are textfields and that there is a submit button at the end of the form.

Lets start with two bad examples;

* Funky shapes but the <textfield> looks more like
a design element instead of something functional.

* Notice the oversized submit button on the right

To conclude everything, here’s a good (belgian made) example;

* Plain & simple – very usable.

It appears that with all the different CSS goodies we have, people start designing/styling almost everything – and that’s not always a good thing. Try to keep it simple – focus on the user and the way they will use your web form.

Don’t be ashamed to use browser default styled form elements – they’re here to help you & your visitors.

Some interesting read on form design:

Zeker lezen

De mensen die vertrouwd zijn met rss kunnen zich abonneren op twee verschillend feeds.
Een eerste feed met de laatste nieuwe artikels en een tweede feed met de laatste reacties. Twee mooie rss readers zijn bloglines, goed voor online gebruik, en NetNewsWire, voor op mac.