Diseño de botones CSS: técnicas y recursos

Casi es una continuación del anterior post sobre los botones de todo tipo para diseño web, pero desde otro enfoque. Todos reconocemos que los botones, cualquiera que sea su finalidad, son elementos importantes del diseño. Por regla general se emplean como el punto final de un formulario web o una llamada a una determinada acción. Los diseñadores tienen muchas razones para emplear botones con estilo, incluso para hacerlos más atractivos y para mejorar la usabilidad. Una de las razones más importantes, sin embargo, es que los botones estándar fácilmente pueden pasar desapercibidas por los usuarios, porque a menudo tienen un aspecto similar a los elementos de su sistema operativo. En el artículo Designing CSS Buttons: Techniques and Resources, de SmashingMagazine, nos presentan un detallado estudio con varias técnicas para su realización y algunos tutoriales para ayudar a aprender a cómo usar los botones de estilo CSS. También dan un vistazo a su usabilidad. No dejes de darle un vistazo al mencionado artículo a pesar de ser extenso. Nos advierten también que un error que es necesario aclarar antes de entrar en materia con los botones de estilo, que es bastante común es que los botones no son enlaces. El principal objetivo de un enlace es navegar entre las páginas y visitas, mientras que los botones te permiten realizar una acción (como enviar un formulario). En uno de sus artículos, Jakob Nielsen, escribe acerca de los vínculos de comandos, que son una mezcla de enlaces y botones. Sin embargo, recomendó que los vínculos de comandos se limite a acciones con consecuencias menores y a los comandos secundarios. Para obtener más información acerca de los comandos de primaria y secundaria (y acciones), echa un vistazo al artículo sobre las acciones primarias y secundarias en los formularios Web de Luke Wroblewski. Para obtener más información acerca de las diferencias entre los enlaces y botones, consulta el artículo Creación de Enlaces útil y botones en UXBooth.