Usabilidad para el uso efectivo de botones web - Uso efectivo de botones en desarrollos web

Los botones en una interfaz son elementos vitales, ya que en la mayoría de los casos aglutinan muchas de las capacidades de navegación que ha concebido el creador de un sitio web. Por ese motivo, adquieren un protagonismo colosal, aun cuando, por regla general, son los elementos de menor tamaño dentro de una interfaz y, además, los más comúnmente utilizados dentro de la misma.

Por todo ello, una correcta utilización de estos elementos se antoja vital de cara a obtener el uso óptimo de esa interfaz. A fin de lograrlo, se presentan aquí una serie de recomendaciones desde el punto de vista de la usabilidad que ayudarán, sin duda alguna, a ese mejor uso.

Dichas recomendaciones quedan agrupadas en tres conjuntos:

  • Recomendaciones sobre el texto contenido por los botones
  • Recomendaciones sobre las características de los botones



Recomendaciones sobre el texto contenido por los botones _



Principalmente, existen dos tipos de botones en los entornos web:

  • Botones textuales – Son aquellos que básicamente basan toda la información
  que transmiten sobre textos o a través de ellos.

  • Botones icónicos - Son aquellos que transmiten su información principalmente
  a través de una imagen siendo capaces de que la interpretación que el usuario dé
  a dicha imagen sustituya con éxito el mensaje textual que se les podría haber
  proporcionado. Asimismo, estos pueden disponer de información textual, la cual
  vendría dada por el etiquetado del icono.

Centrándonos en la información textual transmitida por los botones textuales, existen varias recomendaciones a tener en cuenta:


1) Es necesario etiquetar todos los botones con verbos imperativos. Estos etiquetados han de tener siempre la primera letra en mayúscula, como por ejemplo ‘Salvar’, ‘Buscar’, ‘Eliminar’ ... De este modo, habría que huir de botones con textos tales como “Acepta”, “Accede”, …

2) Se recomienda usar el símbolo (...) ó ‘...’ al final de las etiquetas si la acción requiere más explicación para el usuario antes de la acción sea llevada a cabo. Por ejemplo ‘Salvar como ...’ o ‘buscar ...’. Estos signos, no deberían añadirse en comandos tales como ‘Propiedades’, ‘Preferencias’, ‘Configuración’, ya que estos comandos no requieren mayor explicación que la que ya expresan por medio de su etiquetado.

3) Se recomienda utilizar siempre términos breves y representativos. Las frases largas de carácter descriptivo son desaconsejables. El uso de terminología ha de abarcar entre dos y tres palabras.



4) En el caso de que el etiquetado del botón tenga dos o más palabras, es crítico mantener la consistencia con el español. Un error muy común a la hora de etiquetar botones es importar errores tipográficos internacionales, la mayoría de procedencia anglosajona. De todos ellos, el más común es el de entremezclar mayúsculas y minúsculas dentro de una misma frase sin criterio alguno. Hay que hacer notar que si bien en la lengua inglesa no constituye falta de ortografía el comenzar con letra mayúscula cada palabra que no sea determinante, adverbio o preposición dentro de una misma frase, esto constituye una falta de ortografía en castellano. No obstante, poner mayúsculas a palabras situadas en mitad de frases castellanas se está convirtiendo en costumbre común. Un empeoramiento de esta situación lo constituye el situar dichas letras mayúsculas en algunas palabras de dicha frase y en otras no.