Uso de metáforas visuales en interfaces gráficas de usuario

La necesidad de interfaces más intuitívas

Una de las cosas que resultan obvias cuando uno hace una prueba de usabilidad — ya sea que esté uno probando sitios web, software o electrodomésticos— es la gran cantidad de gente que usa las cosas sin saber en realidad como funcionan o con ideas completamente erroneas acera de su funcionamiento.

Muy poca gente se toma el tiempo de leer instrucciones.

En su lugar el usuario avanza, experimenta, haciendo historias, vagamente plausibles acerca de qué qué hace y por qué funciona.

Para el usuario no es relevante saber como funcionan las cosas, en tanto que pueda usarla.

No es un problema de inteligencia sino de falta de interés.

Si logran hacer que algo funcione, no importa que tan mal lo haga, no buscarán otra manera de hacerlo.

Si los usuarios entienden, hay entonces una mejor oportunidad de que encuentren lo que buscan y cumplán sus objetivos, lo que es bueno tanto para el usuario como para el proveedor del servicio. Ademas, el usuario se sentirá mas inteligente y en control cuando use nuestro sitio, lo que garantizará su regreso.

¿Por qué usar metáforas visuales en Interfaces Gráficas de Usuario?

Para poder interactuar efectivamente con una aplicación es importante para los usuarios obtener un modelo cognitivo apropiado y relacionado a esa aplicación (.

Una manera simple de presentarle al usuario una funcion abstracta dentro de la funcionalidad de una aplicación es estableciendo una comparación entre esa funcionalidad y un objeto tangible del mundo real con el que estè familiarizado. Esto se logra mediante el uso de metáforas.Las metáforas contenidas en la interfase de usuario final de un aplicación son herramientas poderosas para el desarollo de modelos cognitivos y conceptuales.

Muchas de los lenguajes de las culturas antiguas eran visuales o ideográficos al menos en parte. Tomemos por ejemplo los jeroglíficos egipcios, los pictogramas mayas y la escritura china son todos pro necesidad un tipo de atajos visuales.

La clave de estos lenguajes era representar visualmente solo la cantidad necesaria para sugerir el objeto en cuestión. Lo que significa que mucha de la responsabilidad de completar los detalles faltantes reside en el lector, aunque este esfuerzo de descifrado se vuelve innecesario con el tiempo al acostumbrarse éste a saltar (mentalmente) de la imágen a la idea .

En este contexto, una metáfora es el uso deuna idea u objeto en lugar de otro para sugerir una similitud.

• Una metáfora visual es un ideográma que representa visualmente esa idea
  abstracta. La importancia de las metáforas reside en su habilidad para iniciar
  una transferencia cognitiva entre un dominio del conocimiento familiar hacia
  otro menos familiar.

Lineamientos para el diseño de metáforas visuales efectivas.

Los íconos, ideogramas, ilustraciones y demás componentes gráficos que componen una interfaz de usuario deben tener una temática específica, por ejemplo, en los cortos de película que están publicados en el Blog, es claro que las metáforas visuales corresponden a una determinada temática.

Errores comunes en uso de metáforas visuales.

• Si los pictogramas o las metáforas requieren, para ser comprendidas la inclusión de un texto monosémico e inequívoco, hay que pensar si es preferible utilizar sólo la palabra en lugar de una metáfora ambigua y dotarle mejor de condiciones optimas de legibilidad .
  
• Otro error común es la falta de consistencia en el diseño de las metáforas a través de todo el sistema íconico, puesto que se toman metáforas existentes de diveras fuentes que no siguen una misma línea estética en su diseño. Esto genera confusión y falta de identidad.

Recomendaciones para diseñar sistemas de metáforas para una interfaz.

Cuando existan metáforas estandarizadas, úselas. Si bien, no existen manuales internacionales con estandares establecidos, algunos estándares están surgiendo. Es bueno estár informado de como avanza la comunidad de diseño en éste sentido.

Cuando una metáfora es usada en varias aplicaciones, implementelas en la manera estándar. Es bueno tener conjuntos de íconos probados y examinados que se relacionen con determinadas metáforas partículaes listos para ser adaptados y reutilizados.

Use una metafora en toda su extensión. Una implementación incompleta puede llevarnos a confusión, frustración y el desarrollo de estructuras pobremente formadas.

Esto es claro sobre todo al usar sistemas metafóricos complejos como en el caso del escritorio, un elemento perteneciente a otro campo semántico — como una sartén, por ejemplo— creará confusión en cuanto a su uso y le restará seriedad a la aplicación.

Evite metáforas similares cuando uses multiples metáforas. Obviamente, metáforas similares están propensas a provocar confusión en situaciones donde se producen íconos que podrían ser igualmente aplicables a una u otra metáfora.

No use referencias alusivas a un lenguaje específico. Esto es especialmente importante al diseñar aplicaciones con alcance internacional como puede ser un sitio web. Por ejemplo, en inglés se utiliza la palabra home (casa) para designar a la página principal de un sitio, pero en otros idiomas se utiliza otra palabra para describirlas, en español por ejemplo, decímos portada, índice o simpelmente página principal.