digital vs impreso

8/14/2019 Digital vs Impreso

1/4

-1-

Anlisis comparativo de un periodico y su versin digital: EL PAS

1) Versin papel VS digital > IDENTIDAD GRFICA

EL PAS ha conseguirdo que un mismo prodcuto adaptado a dos medios tan dierentes sean reconocidosy coherentes entre si. Partiendo de la cabecera, con pequeas dierencias, situada en la parte superiory continuando con el uso del color azul, que si bien en papel no se explota demasiado, en web seutiliza para mens, enlaces y titulares en el home. La adaptacin tipogrca es correcta, teniendo encuenta las limitaciones existentes en la web. Por otro lado, si bien EL PAS tiene un estilo de tabloidemoderno, su adaptacin a la web opta por el uso de columnas y mdulos separados por letes ypestaas con ondos grises o azules.

Es interesante el comedido pero eciente uso de elementes multimedia: publicidad en fash, vdeos ydocumentos sonoros. Adems, se pone en marcha el uso de recursos grcos para orientar al usuariopor la web y acilitar su navegacin y recepcin de la gran cantidad de contenido que orece el sitio.

2) Contenido, Organizacin, Jerarqua > PORTADA VS HOME

PAPELLa portada de EL PAS es una muestra de un diseo tabloide contemporneo: un sistema de ventanascon distintas inormaciones pero destaca un gran titular para la noticia principal y una gran otograaque acompaa a una noticia secundaria, que pertenece normalmente a otra seccin.

De orma ordenada, es decir, de arriba abajo, tenemos la cabecera, perectamente reconocible contodos sus elementos: logotipo/nombre, apellido, echa, nmero y precio. Debajo y ocupando toda laanchura de la caja de composicin, un pequeo sumario de noticias destacadas, tres en concreto. A

continuacin, de arriba abajo y de izquierda a derecha:

- Noticia principal: un gran titular como llamada de atencin de la noticia principal.- Dentro del mismo espacio, una noticia relacionada.- Un gran otograa para la noticia secundaria de otra seccin.- En la zona inerior: otra noticia, una publicidad y un ltimo destacado.

CABECERA

SUMARIO

N. PRINCIPAL

N. SECUNDARIA

DESTACADO

PUBLICIDAD

DESTACADO


2/4

-2-

DIGITALEn su versin digital la inormacin se organiza de otra orma en el home/portada. Aqu hay muchsimams inormacin, de hecho, el usuario puede acceder a (prcticamente) todas las secicones y serviciosdesde aqu y se ha optado por aprovechar el scroll vertical y organizar la inormacin en trs y doscolumnas a lo largo de la pgina principal.

Desde arriba, tenemos una publicidad, la cabecera con el logo, echa y varios enlaces: suscripcin,registro, seleccin de edicin, acceso directo a las dierentes secciones, otros servicios y seguimientoen directo de un acontecimiento.

Desde este punto es conveniente dividir el home en trozos para comprender mejor el comportamientode la maqueta y la organizacin de la inormacin.

1) El primer bloque utiliza una maqueta de tres columnas en las que se distribuyen los dierentescontenidos. La primera y la segunda columna incluyen titulares de noticias y enlaces a noticiasrelacionadas separadas entre si por letes. La columnas de la derecha incluye publicidad, ltimas

noticias y enlaces a otros artculos.

2) El segundo bloque incluye publicidad, servivios adicionles (inormacin sobre el tiempo, trco,TV, cartelera de cine, juegos, horscopo...), ltimo vido y oto, reportajes especiales y enlaces adierentes entradas del blog del peridico.

PUBLICIDAD

SERVICIOS

LTIMO VIDEO

LTIMA FOTO

ESPECIALES

BLOG


3/4

-3-

3) Para el tercer bloque se ha utilizado dos columnas: la primera acoge contenidos de deportes ysociedad, opinin y un listado de otras noticias del da agrupadas por secciones. La columna de laderecha incluye publicidad y servicios de publicidad, archivo de noticias, descargas y pormocionesy un acceso a twitter. Por ltimo, un ooter e inormacin de la empresa.

3) Sistema de navegacin > JERARQUA

Desde el home el usuario puede acceder a cualquier inormacin de la web mediante dierentes mtodos:men principal, buscador, archivos organizados por echa y enlaces de titulares y noticias relacionadas.Si el usuario se enrenta por primera vez a la web, se encontrara con muchsima inormacin quetiene que gestionar y asimilar para aprender a navegar y moverse. El usuario habitual no debe tenerproblemas ya que toda la inormacin es clara, organizada y bien estructurada.

Solamente con el uso del color de los enlaces el usuario sabe donde debe hacer clic para accederainormacin nueva. Si necesidad de recurrir a grandes y espectaculares eectos, la web orece unsistema de navegacin muy intuitivo, acil de aprender y dicil de olvidar. Se usan titulares de

dierentes tamaos, otograas con con enlaces a la misma noticia, y recursos propios de un periodicocomo pestaas con ondos y letes para separar contenidos.

Aunque en el home hay un scroll vertical considerable, el usuario puede recurrir al ooter, otras noticaso volver arriba para seguir buscando inormacin.


4/4

-4-

4) Distribucin de espacios

En su versin el papel se utiliza una retcula de cinco columnas que incluyen subretculas para acogerotras inormaciones o artculos relacionados dentro de la misma pgina o variaciones de la retcula ensecciones de opinin.

En digital, los contenidos se distribuyen simpre en dos columnas: una gran titular que marca elinicio de la lectura ocupando normalmente todo el ancho disponible. Justo debajo, la columna dela izquierda acoge (de arriba a abajo) el desarrollo de la noticia, destacados, noticias relacionadas,publicidad, comentarios, noticias relacionadas, opciones de accesibilidad para imprimir, movil, pda, opd, noticias de ultima hora y videos y otos. La columna derecha incluye imgenes que acompaan alartculo, publicidad y un ranking de lo mas visto, valorado y enviado.

El uso del scroll es correcto: no es demasiado largo pero si lo siciente para el desarrollo de contenidosy elementos de navegacin. Al igual que en su versin impresa, llenar el espacio no es sinnimo de undiseo angosto o asxiante. El uso de letes, entresacados, una amplia tipograa y un interlineado

amplio, y una gestin de espacios (entre prraos, entre contenidos y entre columnas) ecientegarantizan que el usuario objetivo no se sentira abrumado por la carga de inormacin.

Este sistema se repite en todas las pginas de contenidos de la web, lo cual garantiza coherencia yamiliaridad para el usuario. En todo momento se mantiene el menu superior, aunque con una cabecerams pequea e indicando en que seccin de periodico se encuentra el usuario adems de mostrar lassubsecciones disponibles. Tambien permanece el ooter con la posibilidad de desplegar un mapa paraacceder directamente a una seccin en concreto.

5) Recursos grfcos

TipograaSe utilizan dos: Georgia, para sistituir a la romana que se usa en el papel y Arial/Helvtica para el resto:enlaces, pies de oto, menu, ooter. Solamente con el tamao y el color se jerarquiza la inormacin.quiz, en la web se aporvecha ms el color que en el papel en cunato a su uso en el texto, lo cualinfuye de manera positiva en el reconocimiento tanto de contenidos ms o menos importantes comode enlaces para navegar.

En la web podemos guiarnos gracias al color, el tamao y otros recursos. Una vez situado en unanoticia, el usuario opuede observar que en el men se resalta la seccin a la que pertenece y sedespliegan las subsecciones. En una web de estas caractersticas en interesante que se haya incluido

los "breadcrumbs", es decir, un indicador justo debajo del menu que describe la ruta:

ELPAS.com > Cultura

Adems, uncionan a modo de enlace. Tambien se utilizan recursos ms grcos como iconos paraimprimir o envviar por email, cajas de color para dierenciar destacados de otro tipo de inormacin,letes dobles para dejar ms esppacio en los destacados, iconos para ampliar una imagen, fehcas paraavanzar y retroceder. Son sencillos y explicativos y adems incluyen la etiqueta para garantizarla accesibilidad.

digital vs impreso

Documents