Diseño de interfaces gráficas de usuario
8 de Octubre de 2007 | Francisco Rueda
Una vez más quiero compartir con tod@s vosotr@s un comentario bastante interesante que nuestro querido David (asiduo lector y comentarista de +34) nos ha dejado en respuesta a la entrada acerca del Futuro de la usabilidad móvil.
Esto es lo que nos comentaba el propio David: “[…] os copio / pego algunos consejos sobre usabilidad que he recopilado y traducido de diferentes libros” referente al Diseño de interfaces gráficas de usuario.
• Una interfaz de usuario está bien diseñada cuando se comporta exactamente como el usuario pensó que lo harÃa.
• Una interfaz de usuario está bien programada cuando el modelo de comportamiento del usuario y el del sistema coinciden.
• Si el modelo de comportamiento de tu programa no es trivial, posiblemente no sea el mismo que el del usuario.
• El usuario asumirá el modelo más simple posible.
• Cuando el modelo del usuario es incompleto o equivocado, el programa puede usar metáforas (papelera, portafolios, etc.) para enseñar al usuario su modelo.
• Cuando uses metáforas, intenta que se comporten predeciblemente como los objetos del mundo real. Violar la realidad es confuso.
• Cada vez que ofreces una opción, estas obligando al usuario a tomar una decisión.
• Los buenos diseñadores de interfaces usan la consistencia inteligentemente, aunque esto implique no demostrar toda su creatividad artÃstica.
• Diseña para condiciones extremas asà tus programas podrán ser usados en esas condiciones y…
• …diseña para condiciones extremas asà tus aplicaciones serán mas confortables en condiciones normales.
• Diseña tu aplicación en blanco y negro. Usa el color para enfatizar, nunca para codificar.
• Los usuarios no leen el manual. De hecho, no leen nada.
• Los usuarios no controlan muy bien el ratón.
• Los usuarios no pueden recordar.
• Diseña para personas que tienen mejores cosas que hacer con sus vidas: reduce.
• No necesitas testar tu aplicación con muchos usuarios.
• Siempre hay más de una aproximación a un problema de diseño. Comienza pensando cómo solucionarÃas el problema sin un ordenador.
• Refina tu diseño original pensando cómo puede ser simplificado y minimizado. Intenta eliminar o combinar elementos. Busca una aproximación que permita al usuario concentrarse en la tarea que tiene entre manos, y no en la interfaz gráfica.
• En diseño, el formulario sigue a la función. El diseñador no debe intentar definir el aspecto del software hasta que no entienda la funcionalidad, audiencia y contexto de la aplicación.
• La visibilidad del diseño es una medida de la facilidad del usuario para acceder a las funciones que el software ofrece.
• Presta especial atención en el mapeado de los elementos en pantalla (controles, botones, etc.) Un buen mapeado permitirá a los usuarios concentrarse en las tareas que tienen entre manos, haciendo a la interfaz invisible.
• Usa feedback para proporcionar información a los usuarios, en función de sus acciones.
• Respeta la integridad de las metáforas. Si algo parece un botón, asegúrate de que se comporte como tal.
• Aplica la consistencia a través de tu diseño para permitir que los usuarios sientan familiaridad y comodidad con tu software.
• Diseña software para olvidadizos.
• Practica el minimalismo. Elimina elementos superfluos.
• Cuando los principios de diseño se contradicen entre sÃ, elige la opción que permita al usuario aprender y usar el software de manera más fácil y eficiente.

Ey!
Gracias por citar mi comentario ^^. Los libros de donde he extraido esas frases son:
User interface design for programmers (Joel Spolsky)
Exploring interface design (Marc Silver)
http://usalo.es/ basada en useit.com, estrechamente relacionada con el gurú de la usabilidad “Jacob Nielsen”.
De entre todas, la que más me costó entender fue la primera de todas las frases que he pegado:
“Una interfaz de usuario está bien diseñada cuando se comporta exactamente como el usuario pensó que lo harÃa” … pero es posiblemente la que más sentido tiene…pensadlo.
Hola David,
Me gustado mucho esta recopilación de consejos que has hecho. Con tu permiso voy a postear algunas en nuestro blog (trata sobre videojuegos).
Un saludo
¡Muchas gracias por tu aportación David! créeme que se agradecen mucho aportaciones tan trabajadas como las que haces en mas34. ¡Gracias!