Vi no del.icio.us do tableless uma dica para personalização de Checkboxes e Radio Buttons, se chama CRIR: Checkbox & Radio Input Replacement, muito interessante diga-se de passagem. O resultado são Checkboxes e Radio Buttons mais sofisticados e atraentes, acesse a página da técnica ou simplesmente veja a imagem:

Achei realmente muito bonito. Mas isso me faz pensar: Será que todos os usuários perceberão que se trata de um Checkbox/Radio Button? Quando estão acostumados com a aparência padrão encontrada em seus sitemas operacionais ou mesmo navegadores, pode gerar certa confusão apresentar Checkboxes e/ou Radio Buttons totalmente diferentes (mesmo mais agradáveis).
Preservando a aparência padrão dos elementos você facilita a vida do usuário na hora de reconhecê-los, um exemplo clássico são links na cor azul e sublinhados, tão defendidos por Jakob Nielsen. Mas acho que a maioria concorda que isso é visualmente desagradável, ou no mínimo pouco criativo. Então o que fazer?
Tente conciliar os dois lados, customize seus formulários e links, mas faça de modo que sempre se pareçam com formulários e links. O usuário não deve parar para pensar “será que isso é um link?” ou “será que isso é um checkbox?”. É totalmente possível servir um site com bom design e ao mesmo tempo fácil de ser usado, e os resultados são ótimos.
É muito bonito.., mais sofisticado…, mas em termos de usabilidade o que achas ???
concorda que o usuario terá que parar e pensar alguns segundo como usar??
pq não usar o padrão…
essa é minha opnião..
É justamente o que levantei, é uma customização arriscada se você não souber exatamente o que está fazendo. Se for para personalizar, que seja com gráficos semelhantes aos padrões para evitar problemas.
E além de tudo é pesadinho.. por ser JavaScript tem que ser usado com moderação.
Bem observado Alexandre, mas ainda sim o Javascript do método é não obstrutivo (o que já é um ponto positivo).
Ficou realmente bonito. Não sou dá área de webdesign, mas acho que do jeito que está poderá confundir os usuários mesmo.
Thássius, você não ser da área de webdesign torna sua opinião bastante importante. É dar uma atenção especial ao usuário “comum” quando o assunto em questão é usabilidade.
Acho que as cores são tão importantes quanto a forma como essas customizações são aplicadas. As imagens utilizadas no site de exemplo do script são os piores exemplos, com certeza atrapalhariam os usuários comuns. Eles já se apegaram a “bolinha” e ao “quadrado”, retirar as bordas e utilizar apenas cores sólidas no preenchimento é questionável, principalmente quando o checkbox não ativado mostra um “X” em vez de um quadrado vazio, é como se obrigasse o usuário a marcar a opção com “X”, achando que tem algo errado.