Webdoodles

May 15, 2007

Styling Form Submit Buttons

Filed under: CSS, HTML Form, Javascript — ukmagician @ 4:13 pm

The default form submit button looks ugly on almost any website. Wouldn’t it be nice to be able to style it to fit in with your design?

Even better, how about adding a hover effect to make it clear that clicking on it does something?

After a bit of searching, I’ve found the solution at www.digital-web.com – using the <button> tag. With the addition of some javascript to cope with IE’s lack of support for the :hover pseudo class, you can even have hover effects.

Check out the excellent virtual Christmas card example at digital-web.com to see how far you can go with this.

May 1, 2007

Contact Options

Filed under: Design, HTML Form, Website Accessibility, spam — ukmagician @ 9:40 am

A lot of businesses on the web seem to make it hard for people to contact them, sometimes unintentionally, sometimes in an effort to combat spam.

They make the user use a contact form on their website, which can be over complicated or require information that a casual enquirer doesn’t want to give. Email addresses are obscured in an effort to confuse email harvesters and succeed in confusing users as well. Or contact information is just too hard to find.

In my opinion, if you are selling a product or service that requires people to get in contact with you, you need to provide every opportunity for them to do so and not hinder them in any way. Provide a phone number, email address and enquiry form. Any anti spam measures you need to take should happen in the background.

A lot of web developers and web designers (professional and amateur alike) forget that not everyone is as web savvy as them, not everyone is great at typing or filling in forms, or has any idea why you might want to protect yourself from ’spam’ (tinned processed meat?). Some people may think that their enquiry is so unique a website form just can’t handle it and will want a simple email address, or they may just want to find a phone number and speak to someone.

Make the most of all the hard work involved in getting users to your site and make it easy to convert them.

So here are a couple of ideas. Don’t write email addresses in a none-email format. If you must do something, make the email address an image and encrypt the mailto: link. (And beef up your server side spam protection and the filters in your email client).

Have a form for casual enquiries (e.g. with name, email and message fields) and a more detailed form for more serious users (maybe linked from a product detail page) – call it an order form. Protect these forms from spam bots with server side scripting, or dummy form fields.

And finally, how about providing a single field form where users can type in their email or phone number, and send it to you so you can contact them.

April 24, 2007

Spam Update

Filed under: CSS, HTML Form — ukmagician @ 8:35 am

The anti form spam measure I outlined in my previous post seems to have worked.

After a day or so I was down from 10+ spam emails a day to only one or two.

Strangely, they were of a similar format (similar gobbldy gook in the submitted fields) to the ones that used to clog up my inbox. Which suggests they were automated?

Anyway, happily they now seem to have tailed off completely.

So all is well until a more advanced spam bot comes along and can beat this anti spam method.

However, there is scope to change the method I described because there is always more than one way to achieve the same result using CSS, for example different methods to hide the fake fields.

Older Posts »

Blog at WordPress.com.