Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Propiedades visuales preatentivas en iconografía

Propiedades visuales preatentivas en iconografía

Escrito por Dani Armengol Garreta el 24 Abr 2012

Existe un conjunto de características visuales que son procesadas de forma muy rápida por nuestro sistema perceptivo. Se las acostumbra a llamar, más por razones históricas que cognitivas, propiedades visuales preatentivas.

Al diseñar una interfaz deben tenerse en cuenta ya que son especialmente importantes para ayudar a diferenciar o destacar elementos.

Por ejemplo los siguientes botones utilizan una variable visual preantentiva, el color, para destacar uno de ellos, el más importante. Así podemos identificar con rapidez la acción principal sin necesidad de leer e interpretar los textos.

Botón “Send” rojo, seguido de tres botones de color gris. 

El color es una arma preatentiva potente, pero de doble filo: nos permite distinguir fácilmente elementos, pero también los destaca por encima de los que carecen de color. Es quizás por ese motivo que cada vez es más habitual ver aplicaciones que utilizan iconos en blanco y negro, contribuyendo a evitar que, por ejemplo, las barras de herramientas roben protagonismo al lienzo o espacio principal de trabajo. Es el caso del siguiente grupo de iconos de Adobe Fireworks, donde, a parte de la posición, se utilizan básicamente variaciones de forma y textura para representar cada concepto.

8 iconos en blanco y negro distribuidos en 2 columnos. Se observa un lápiz, un pincel, un lazo…

Google, en el último rediseño de Gmail, Google Docs y compañía, fue más lejos y simplificó aún más la línea gráfica de sus iconos: prescindió del color para diferenciarlos, y prácticamente también de la luminosidad, textura, orientación, tamaño... Todo el peso comunicativo acabó reduciéndose a su forma exterior y alguna marca interior:

5 botones en 2 grupos. Cada botón contiene un icono: forma sólida de color gris.

Parece poco controvertido afirmar que estos iconos, fuera de su contexto, son de difícil comprensión, pero ¿se pueden diferenciar fácil y rápidamente cuando estás trabajando con el correo?

Pues parece que muchos usuarios tienen problemas en hacerlo, y así se lo han hecho saber a Google, quien ha decidido finalmente incluir una opción para poder mostrar un texto en su lugar:

5 botones en 2 grupos. Cada botón contiene un texto: “Archive”, “Spam”, “Delete”…

Si un icono no cumple su cometido sustituirlo por un texto parece más un parche que una solución… ¿Pero qué hacemos, entonces? ¿Debería usarse el color? ¿Deberían variar de forma más exagerada en intensidad o incluso tamaño? ¿Es un problema de formas demasiado parecidas?

No es algo sencillo de responder, pero debemos ir con cuidado... Por acabar con una cita:

«Todo debería hacerse tan simple como sea posible, pero no más que eso». Albert Einstein.

5 botones en 2 grupos. Cada botón contiene una única bola de color gris, indistinguibles unas de otras.

Etiquetas:




Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.