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:

2 Reacties op “Don’t touch that input element

    • Arnoldski
    • 22 October 2008 omstreeks 8:32
    • Never thought about it, but its true.
      Gonna keep it in mind for my next form/input design.

    • Thomas
    • 26 October 2008 omstreeks 14:39
    • ik vind die paarse submit button wel fancy ! :)

Zeker lezen