Este artículo se encaja dentro del "ABC" de la usabilidad pero merece la pena recordar algunas reglas sencillas para saber cuando poner un botón del sistema y cuando poner un enlace.
Cuando poner un botón
Los botones del sistema se deben utilizar en aquellas "acciones" que queremos que el usuario ejecute.
Por ejemplo:
Ejemplos de uso.
Tenemos una web llena de documentos que el usuario puede descargar.
El formato ideal para una página de este estilo sería:
Titulo del fichero
Botón para descargar los ficheros fuera un botón del sistema etiquetado correctamente ("descarga este fichero").
Debajo del botón podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc...).
Cuando poner enlaces
Los enlaces los debemos utilizar para vincular ficheros HTML. Es decir, el usuario va a ir a otra página web.
El formato de enlaces ha de ser claro y debe indicar que vamos a ver, evitando los "pincha aquí", "más información", etc...
El problema de poner bajo enlaces "acciones" que no son ver otras páginas web es que pueden confundir al usuario.
Si tenemos el formato anterior:
Titulo del fichero
Descarga fichero.
Debajo podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc...).
Uno podría adivinar que se va a bajar el fichero, pero se podría pensar que uno va a ir a la página de descargas.
Los botones no crean confusión frente a los enlaces para lo que hemos denominado como "acciones".
Los botones del sistema se deben utilizar en aquellas "acciones" que queremos que el usuario ejecute.
Por ejemplo:
- Enviar
- Buscar
- Descargar fichero
- Subir fichero
- Confirmar
- Guardar
Ejemplos de uso.
Tenemos una web llena de documentos que el usuario puede descargar.
El formato ideal para una página de este estilo sería:
Titulo del fichero
Botón para descargar los ficheros fuera un botón del sistema etiquetado correctamente ("descarga este fichero").
Debajo del botón podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc...).
Cuando poner enlaces
Los enlaces los debemos utilizar para vincular ficheros HTML. Es decir, el usuario va a ir a otra página web.
El formato de enlaces ha de ser claro y debe indicar que vamos a ver, evitando los "pincha aquí", "más información", etc...
El problema de poner bajo enlaces "acciones" que no son ver otras páginas web es que pueden confundir al usuario.
Si tenemos el formato anterior:
Titulo del fichero
Descarga fichero.
Debajo podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc...).
Uno podría adivinar que se va a bajar el fichero, pero se podría pensar que uno va a ir a la página de descargas.
Los botones no crean confusión frente a los enlaces para lo que hemos denominado como "acciones".
César Martín
Especializado en usabilidad, hoy César es gerente de marketing y ventas de Docxp...