Saltar navegación

Usted está en: Inicio > Blog > ¿Y el foco?

¿Y el foco?

Escrito por Dani Armengol Garreta el 21 Jun 2010

Uno de los principales problemas que seguimos encontrando en muchas interfaces, especialmente en sitios web, es la total carencia de puntos focales, es decir, zonas que sugieran al usuario por dónde debe empezar.

Página de inicio de Banco Pastor, sin ningún elemento que destaque visualmente por encima de otro

Hablábamos ya del tema hace seis años, pero este concepto, que parece que aún no ha cuajado entre los responsables de sitios web, no es en absoluto nuevo: está consolidado, en algunos casos desde hace siglos, en multitud de disciplinas como la pintura, la fotografía, el cine o el arte oriental del bonsái.

En fotografía, por ejemplo, ningún aficionado pondrá en duda la importancia de que exista algo que visualmente capte la atención del ojo al ver una toma. Este “algo” es el punto dónde empezar a mirar y a partir del que arranca un camino, definido de forma más o menos explícita visualmente, para que el ojo recorra la foto.

A estas alturas puede parecer una perogrullada hablar de los principios de la Gestalt u otras teorías visuales, pero ¿cómo hacen los fotógrafos para definir estos puntos focales? Pues utilizando variables visuales que deberían ser conocidas por cualquier diseñador de interfaces, como la posición, el tamaño, el color o la forma, entre otras.

El uso correcto de estas variables permite jerarquizar visualmente la interfaz, destacando unos elementos por encima de otros, e incluso crear caminos visuales para acompañar al usuario a donde el responsable de la interfaz desea que vaya.

Las ventajas de tener un foco parecen claras, pero las desventajas de no tenerlo también son importantes, y es que no crear un punto de atención, o su extremo contrario, crear demasiados, es el primer paso para forjar una experiencia de uso confusa. Si nada más entrar, no sé por dónde empezar, ¿cómo va a ser el resto?

Etiquetas: ,

Participa en la conversación, escribe tu comentario:





Notas sobre el comentario

  • Usa un tono respetuoso.
  • Las lineas saltan automáticamente sin pulsar la tecla "Enter".
  • Para escribir en negrita: <strong>texto en negrita</strong>
  • Para escribir en itálica: <em>texto en itálica</em>
  • Para crear un enlace: <a href="URL">texto del enlace</a>