He realizado el Wireframe de la pagina principal de la web del diario » La Vanguardia «. Aunque los medios digitales superan con creces a los físicos hoy en día, creo que todos los formatos tienen sus pros y sus contras. En el caso de la web de » La Vanguardia «, está muy saturada de publicidad, la cual no puedes desactivar ni evitar de ninguna forma, y te obliga a pagar para acceder a algunas funciones. Por otro lado, es verdad que resulta mucho mas cómodo y accesible consultar la web o la app que comprar un periódico cada día.

En el wireframe podemos observar como han utilizado la clásica disposición de 12 columnas para colocar iconos, botones y banners, pero han dejado unos márgenes muy amplios para conservar la verticalidad y a veces mostrar publicidad en ese espacio.

Para el wireframe, he escogido la portada del periódico 20minutos edición papel. Los medios digitales tienen muchas ventajas en cuanto a actualización de la info, disponibilidad, contenido ilimitado… pero a mí personalmente me resulta mucho más atractivo a nivel lector como se estructura el formato tradicional.

El diseño utilizado ha sido mediante una retícula de 12 columnas, tratando de mantener los mismos gutters y márgenes que el formato físico.

Los titulares de las noticias juegan con distintos alineamientos a la izquierda, derecha y centro. La mayoría mantienen el formato estándard de alineamiento a la izquierda.

El software utilizado ha estado el de wireframe.cc.

Portada original 20minutos:

Wireframe del periódico:

Para realizar el wireframe, he escogido la página de la sección La Contra de La Vanguardia en edición papel,  porque es la sección que más me gustaba leer con un buen café cuando los diarios digitales apenas se utilizaban. Tanto en la web como en la app se encuentra también esta sección, pero he optado por el formato papel por motivos nostálgicos. 

Es una sección, en mi opinión, muy emblemática y conocida de la Vanguardia. La escribe siempre uno de los tres periodistas habituales, y contiene entrevistas a personajes relevantes y muy diversos. 

Su formato en papel es muy estable y reconocible: entrevista a una página, mismo esquema y como su nombre indica, situado en la contraportada. 

Para realizar el wireframe he utilizado wireframe.cc, y he aplicado el diseño a una retícula de 12 columnas.

Para la actividad de la tabla de interacción seleccioné el periódico El Tiempo. Lo hice porque es el único medio en mi país que cumplía con los requisitos de la actividad (Versión impresa, Aplicación móvil y Sitio web). Sin embargo, seleccionarlo también me sirvió para entender en contexto varios aspectos sobre la economía de la atención.

Para realizar el wireframe, escogí la página de una noticia de actualidad. Concretamente esta:

Y el Wireframe que realicé fue este:

En el wireframe apliqué un sistema de 12 columnas, con gutters y márgenes muy similares a la página de referencia del sitio web de El Tiempo :)

MEDIOS TRADICIONALES / FORMATOS DIGITALES

WIREFRAME

Para la segunda actividad de la asignatura de diseño de interacción, nos hemos familiarizado con el diseño de interacción en un contexto socio cultural. También hemos aprendido acerca de la historia del diseño, como afecta a los usuarios y su poder de transformación e influencia sobre ellos. El diseño, al fin y al cabo, conlleva una gran responsabilidad y es nuestro deber como diseñadores la realización de buenos diseños para futuros usuarios e interactores.

Después de analizar los tres formatos disponibles de un medio de comunicación (periódico «El País» en mi caso), se ha llevado a cabo un análisis tanto de los elementos de organización visual como de los principios relacionados con el diseño de interacción. Una vez analizada la información se ha clasificado en forma de tabla, evaluando los dos formatos digitales (web y app) y el formato físico en papel, y se han obtenido determinadas conclusiones.

La tercera parte de esta actividad consistía en la construcción de wireframe de baja fidelidad de una de estas páginas o pantallas. En mi caso, he escogido la pantalla principal o home de la versión de escritorio del periódico digital. En ella, se distinguen las diferentes noticias destacadas del cada día, estructuradas y alineadas de manera minimalista y clara. A continuación, se puede visualizar mi boceto del wireframe de la página principal: