Customizando Checkboxes e Radio Buttons, e uma abordagem sobre Usabilidade
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.
Cristia Trentin 7 de maio de 2007 às 08:34
É 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..
Emanuel Felipe 7 de maio de 2007 às 16:43
É 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.
Alexandre 7 de maio de 2007 às 18:56
E além de tudo é pesadinho.. por ser JavaScript tem que ser usado com moderação.
Emanuel Felipe 7 de maio de 2007 às 22:02
Bem observado Alexandre, mas ainda sim o Javascript do método é não obstrutivo (o que já é um ponto positivo).
Thássius Veloso 9 de maio de 2007 às 16:59
Ficou realmente bonito. Não sou dá área de webdesign, mas acho que do jeito que está poderá confundir os usuários mesmo.
Emanuel Felipe 9 de maio de 2007 às 18:00
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.
Zephon 20 de maio de 2007 às 06:05
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.