Usabilidad básica: algunos patrones para no pensar

16/01/2009
Existe una serie de patrones de diseño de pantallas (o interfaces en la jerga) que conviene no olvidar y aplicar directamente.

Muchas veces estamos pensando en un interfaz nuevo y tratamos de inventar cosas, cuando son patrones de diseño ya establecidos por la industria y basta con reutilizarlos adaptándolos a nuestro caso. Nunca viene de más recordar algunos muy básicos. En concreto aquí tenéis uno respecto a botones de acción:

Para diseñar un botón de acción (Enviar, Aceptar, Guardar etc.) se debe tener en cuenta que:

  • Cuanto más grande, mejor: o mejor dicho, la probabilidad de que se pinche sobre un botón es proporcional a su tamaño. Aún así, todavía hay muchos ejemplos que no lo entienden así. Por ejemplo, en la siguiente pantalla la acción principal (una vez metidos los datos) tendría que ser que el usuario pinchara en Aceptar, ¿no?
Pantalla de login con botón pequeño
  • Que "parezca" pinchable: a veces queremos personalizar el diseño y ponerlo tan bonito, que al final ni parece un botón y el usuario no intuye a primera vista que sea para pinchar. El ejemplo anterior sirve para ilustrar este punto también. No sería más claro si tuviese la típica forma de botón formulario, simulando volumen?
  • Un sencillo enlace es a menudo lo más claro: a veces ocurre que lo que mejor funciona es el clásico enlace en azúl y subrayado. A este respecto suelo recomendar la lectura del artículo Best practices de un desarrollo de Eduardo Manchó y su experiencia en Loquo.

 

Comentar

Para dejar un comentario tiene que identificarse. Para ello puede utilizar su cuenta de Facebook, Twitter o Google+

Gari Araolaza

Ingeniero, dirección de proyectos. Python, Whitesnake, Scrum, Yngwie Malmsteen.