Tyler Sticka sobre la complejidad de diseñar botones y asegurarse de que hemos tenido en cuenta el enfoque, el desplazamiento y los estados activos durante el proceso de diseño:
En verdad, los efectos del mouse son probablemente el estado menos importante para diseñar. Al tener en cuenta los estados más funcionales desde el principio, puede reducir la necesidad de rediseños costosos a medida que madura su biblioteca de patrones. Estos son los estados fundamentales que debe abordar desde el principio, en orden aproximado de importancia.
He pasado mucho más tiempo últimamente pensando en los estilos de enfoque como un desafío crucial al crear para la web, por lo que tomo muy en serio el consejo de Tyler. Argumenta que deberíamos repetir esta máxima durante todo el proceso de diseño del botón:
“Juro solemnemente que nunca deshabilitaré los estilos de enfoque del navegador sin incluir un reemplazo cuidadosamente diseñado”.
El primer paso: centrarse en los estilos de enfoque.
En una nota relacionada, recientemente hicimos una serie sobre conceptos básicos de CSS que incluía una publicación dedicada al estilo de enlace para varios estados de enlace. Además, hay una publicación bastante buena relacionada con este tema llamada Botones en los sistemas de diseño que aborda un montón de consideraciones de UX para los botones, como cómo escribir una buena etiqueta.
Enlace directo →