Interacción, Visibilidad y Feedback

En esta ocasión revisaremos un sito web interactivo que hace uso de diversos recursos para hacer más fluida la interacción del usuario.

Repasaremos los principios de interacción que provienen del diseño y facilitan al usuario la visibilidad y usabilidad del sitio. Esta vez repasaremos una nota del sitio web Distopía.com.mx, se trata de una invitación del museo Thyssen a realizar adaptaciones de seis obras de su colección.

Primero revisaremos que la visibilidad es eficiente si la vemos en ordenador, ya que todo el tiempo aparece el logotipo del sitio en la cabecera, del lado izquierdo. Así sabemos en que sitio estamos y podemos acceder al inicio en cualquier momento, además el enlace en la barra de direcciones nos dice que número de nota es en la sección de blog, donde se van todas las noticias de cualquier sección.

Podemos observar que cada nota contiene una cabeza y un sumario, esto es utilizado en los medios tradicionales y forma parte de la convergencia de medios de comunicación.

Además cada publicación usa códigos de posicionamiento, nos apoyamos de los arrobas para señalar a cuentas de artistas, instituciones o personas, además de la utilización de hashtags que nos colocan en la mira en diversos buscadores, sobretodo google.

Cada imagen esta en un tamaño considerable para apreciarle, sin embargo cada elemento se puede desplegar para ver a profundidad como se ve en la seguiente image.

Esta noticia en particular tiene un sistema interactivo que utiliza elementos de imagen que están escondidos, al dar click en abrir podemos ver la imagen en su totalidad, pero no es todo. Se utiliza el ratón para ver un movimiento de ligero a rápido en 3D, llamamos a este elemento Popper.

En cuanto al feedback, cada nota está muy bien ubicada por temas, ya sean artes, fotografía, ciencia o hasta gastronomía.

Ya tomando en cuenta la interactividad podemos colocar archivos de imagen, que se comprimen para su carga eficiente, así como insertar videos propios o de la web.

También ponemos rutas a otros documentos o páginas, en esta nota en específico se pueden descargar las bases del concurso, así como el tríptico oficial. O también ver más del concurso.

Como expliqué antes las imágenes pueden ser abiertas para ver sus detalles, solo si el usuario lo solicita, esto facilita la interacción y la visibilidad.