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:
- Geschreven op Wednesday 22 October 2008
- Bekijk reacties