Deconstrucción de una interfaz gráfica

The Guardian es un sistema complejo desde la arquitectura de la información, es un sitio con muchas secciones, enlaces, categorías y niveles. Identificar los componentes con los elementos que permiten sistematizar el sitio es el reto de esta actividad. La estructura de la página principal son módulos que se clasifican en secciones y básicamente se repiten a lo largo de la página con algunas modificaciones particulares, como por ejemplo, el manejo de color en los titulares, la línea de cada noticia y en algunas ocasiones el fondo y el conteo de los comentarios.

La estructura en los tres breakpoints es la misma, lo que cambia es la disposición y el tamaño de los componentes en el ancho de la pantalla. La jerarquía en la información de la sección se define de acuerdo a la imagen y el titular de cada noticia. Una vez identificados los elementos y la estructura del sitio, el paso más complejo es el diseño y funcionamiento del menú con sus niveles para las tres resoluciones.

The Guardian web  /  The Guardian iPad  /  The Guardian iPhone