Las 8 reglas de oro del diseño de Interfaces

En su popular y premiado libro sobre el diseño de Interfaces de Usuario, Ben Shneiderman define 8 principios a seguir para cualquier sistema interactivo.

1. Buscar la consistencia. La consistencia en tu aplicación se refiera al uso consistente de iconos, títulos, colores, etc. a lo largo y ancho de tu interfaz. Consistencia tiene que ver en el cómo interactuar, no me cambies la jugada si ya estamos con animaciones flash mantengamos este tipo de interacción.

2. Proveer usabilidad, reconoce los distintos usuarios y diseña la plasticidad de tu interfaz (adaptable al contexto de uso, al dispositivo, la plataforma, al usuario). Hacerlo de forma agradable usando técnicas de degradación o mutación. Considera el nivel de experiencia de tu usuario pues los hay desde expertos hasta discapacitados.

3. Ofrece feedback informativo. Para cada acción del usuario siempre debe existir una retroalimentación a lo que hace. Toda acción nuestra en la vida real conlleva un efecto, mantén esta metáfora en mente al desarrollar un sistema interactivo. Por mínimo e insignificante que sea el feedback es importante para que el usuario entienda que lo que hace tuvo un impacto.

4. Diseña la transición del principio al fin de una secuencia de acciones. Que la aplicación nos lleve a algo y no nos deje en medio de la nada. Una sistema de compras por internet es el mejor ejemplo, pasamos de seleccionar un objeto a comprarlo siempre con la confirmación de haber concluido el paso anterior.

5. Prevé los errores. Piensa en los casos inesperados no asumas que todo saldrá bien. Deshabilita elementos de la interfaz que puedan guiar a errores graves siempre y cuando dichos controles no sean necesarios. Si hay errores prevén mensajes que ayuden a entender la razón del error y la forma de salir de él y regresar el sistema a un estado estable.

6. Crear acciones que se pueden revertir. El clásico caso de me equivoque y quiero regresar a un estado previo tan usado en un editor de textos, debe estar presente ya que es algo que el usuario desea tener siempre a la mano y apreciara siempre.

7. Permite al usuario tomar el control de la aplicación. a muchos nos gusta ser quienes dirigimos las cosas y nos ser simples respuestas a lo que el sistema quiere.

8. Reduce la carga de trabajo en la memoria de corto plazo. Teorías sobre la capacidad de almacenamiento cognitivo que tenemos los humanos muestra que en la memoria de corto plazo solo podemos guardar entre 7 +- " objetos de interacción. Así que mantén la interfaz simple.

IBM nos invita a dejar de hablar y comenzar a hacer

En el primer comercial pese a las condiciones de riesgo en el edificio, al parecer algo inicio el sistema contra incendios, ellos continúan su junta. Sin embargo, aun queda un detalle por trabajar, que hacer ante lo inesperado, una vez concluida la planeación de la solución a los problemas en situaciones normales hay que planear la solución ante lo inesperado.

Un segundo comercial nos muestra que para tener nuevas ideas hay que tomarse un tiempo para meditar. Pensando en la forma en que se hacen las cosas hoy en dia, su estructura, su proceso y después ver como se puede innovar. Esto lo llaman Ideating. El eslogan es dejan de hablar y comienza a hacer.
FlowiXML es una herramienta que te permite analizar cómo se hacen las cosas y de ahí buscar hacerlas mejor.

Muchas opciones para desarrollar RIAs

Las aplicaciones enriquecidas para internet se han convertido en el futuro del internet. Debido a la combinación de tecnologías que han logrado eliminar la brecha que existía entre una aplicación de escritorio y una web. Existen muchos sitios describiendo dichas aplicaciones pero lo interesante son las herramientas que hay disponibles hoy en día que facilitan su desarrollo.

Una lista incompleta pero con suficientes referencias para iniciarse en el tema es:

• Silverlight de Microsoft que en combinacion con su lenguaje XAML sirve para generar RIAs. Hay al menos un par de ambientes de desarrollo que son: Eclipse4SL, Component One, visual studio NET no esta demas listarlo.

• Degrafa un trabajo del MIT para crear RIAs con mas de un millon de descargas vale la pena mirar.
• Sun no se ha quedado atras y ha logrado la evolucion de Java y sus tecnologias. JavaFX y su soporte para RIAs forma parte del ambiente de desarrollo NetBeans IDE 6.7.1.
• Open laszlo es otro proyecto de software libre que no deja de cobrar adeptos, al dia de hoy mas de medio millon de descargas lo hace de interes.
• ZK es un ambiente de desarrollo que es muy similar a un editor de formas como el de visual studio con la ventaja de ser gratuito. Facil de usar, interesante, no?
• Flash Catalyst, uno de los precursores en terminos de RIAs ha sido el lenguaje Flash y no podia dejar de existir un entorno de desarrollo que se adecua a las necesidades del mercado actual. Esta herramienta es muy buena pero no gratuita.

El W3C tambien ha lanzado una iniciativa en busca de promover el uso de RIAS usando una recomendacion W3C. El grupo que ha trabajado el tema ha lanzado su reporte final.

Una herramienta para predecir el tiempo de ejecucion de una tarea

He aqui una herramienta que ayuda a predecir el tiempo de ejecucion de una tarea por un usuario en un dispositivo. CogTool es un software libre desarrollado por el instituto de IHC de la universidad de Carnegie Mellon.

La teoria de la diversion

Volkswagen ha lanzado una iniciativa llamada teoria de la diversion. El proposito es lograr un cambio positivo en la gente a traves de cambios en el quehacer cotidiano que pase de ser monotono a divertido.


El concurso esta abierto asi que cualquiera que quiera innovar con alguna idea y cambiare aqui el ejemplo de la teoria




Cuando uno piensa en el desarrollo de sistemas tambien podriamos pensar en divertir al usuario pero siempre hay que tener cuidado. Los efectos visuales, sonoros, etc. se convierten en una molestia. Normalmente, un usuario medio experto tiende a desactivar dichos efectos "divertidos" en pos de la funcionalidad. Encontrar el punto medio que nos lleve a una aplicacion funcional y la vez entretenida es el reto como equipo de desarrollo.

Una interfaz innovadora

Muchos dicen que la innovacion es el paso que te lleva al futuro. Este es un buen ejemplo de creatividad.

10/GUI from C. Miller on Vimeo.