Actas – V Congreso Internacional Latina de Comunicación...

Actas – V Congreso Internacional Latina de Comunicación

Social – V CILCS – Universidad de La Laguna, diciembre 2013

ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 1

Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html

Aspectos formales del diseño de los medios

online en sus distintos dispositivos:

comparación entre El País , El Mundo , La

Información , The Guardian y

The New York Times

Abigail S. Orús Gallego – U. Carlos III de Madrid – [email protected]

María Eugenia Tapia Rojo – U. Carlos III de Madrid – [email protected]

Resumen: La web 2.0 trae consigo un cambio en el modelo comunicativo. El

tradicional sistema de comunicación unidireccional abre paso a una

comunicación bidireccional a la que los medios de comunicación deben

adaptarse. La interactividad es un factor clave, pero también los conceptos de

multiplataforma e hipertextualidad y por ello han de ser igualmente

considerados tanto por los cibermedios como por las versiones digitales de los

tradicionales medios en papel. Especialmente teniendo en cuenta los cambios

que dichas características han supuesto en la forma en la que los usuarios

navegan en la web y consumen los contenidos que hay en ella. Por un lado, el

patrón de lectura en forma de F se ha alzado como el protagonista en cuanto a

lectura en la web (Nielsen, 2006). Por otra parte, y pese a la creciente

importancia del lenguaje multimedia – texto, imágenes, videos, gráficos e

interactivos –, el punto de entrada a la página sigue siendo el texto, lo que

convierte a la elección de la tipografía, concretamente en el caso de los

titulares, en un factor determinante (Franco, 2008). En esta comunicación se

parte de la hipótesis de que el desarrollo de los medios va más allá de la

búsqueda de un nuevo modelo de negocio, siendo necesario pensar en

patrones de cambio para crear nuevos diseños, que se adapten a los nuevos



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 2


elementos que predominan en la web 2.0, pero sin perder de vista la nueva

realidad de los usuarios y sus exigencias. Este cambio de diseño debe tener en

cuenta también a los distintos dispositivos ubicuos – tabletas, e-books y

smarthphoes – y no limitarse a la búsqueda de la adaptación al soporte web.

En esta línea, se pretende realizar un análisis comparativo de los aspectos

formales del diseño de la interfaz principal de los cinco medios de

comunicación propuestos.

Palabras clave: diseño; Web 2.0; multimedia; ubicuo; interactividad; tipografía

1. Introducción - Marco teórico

“Ahí está todo el arte del secretario de redacción quien, por la calidad del título, su grafismo, su presentación, por el lugar de emplazamiento en la página, por una foto

y su leyenda, por la redacción de una entradilla, por el número y calidad de los intertítulos, por un dibujo, un gráfico, un recuadro, un subrayado en color o en blanco bien puesto, va a crear otros tantos puntos de agarre y a hacer otros tantos guiños al

lector para obligarle a dirigir su mirada al artículo en cuestión, y detenerse en él” Richaudeau, 1987

Desde la invención de la linotipia hasta la irrupción de la web 2.0., los cambios

tecnológicos han conllevado siempre una transformación de los medios de

comunicación, ya sea en el contenido, en el modelo de negocio o en el diseño

de estos. Las características de esta web 2.0 se ven reflejadas en los medios

de comunicación, que deben adaptarse a los requisitos de este nuevo soporte.

Así, una de las claves de Internet y de la irrupción de las TIC ha sido el cambio

en el modelo comunicativo, que ha pasado de un tradicional sistema

comunicativo vertical y unidireccional a la comunicación bidireccional y

horizontal. Es decir, Internet fomenta el diálogo y la participación de los

usuarios, que adquieren un papel protagonista en la red donde, como

consumidores de información, tienen autonomía a la hora de elegir qué

información leer y cuál es su opinión acerca de ella. Trae también consigo otros

factores clave como son la multiplataforma o la hipertextualidad. Un mismo sitio

web aglutina al mismo tiempo texto, imagen, video y sonido, dando lugar al

lenguaje multimedia. De este modo, todos los medios que han nacido en el



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 3


seno de la Web 2.0 o que han tenido que trasladarse a esta, han tenido o

deberían incluir estas nuevas características.

En este contexto, empujados por la irrupción de la web 2.0. se han producido

en general transformaciones que han afectado a los medios de comunicación

en todos los niveles: la organización de los equipos de trabajo y las funciones

de sus trabajadores, la tipología de los mensajes y el contenido de sus medios,

la red de fuentes de información disponibles o la interacción entre medio y

usuario. Entre ellos ha sido especialmente relevante la creación de portales

web y la plasmación en estos de sus noticias. Según Raymond Colle (2000),

hay cinco criterios básicos que deben aplicarse siempre que se crea una

página web, sin tener en cuenta el contenido de esta. Estos son: atractivo

visual, comprensibilidad, utilidad, eficacia y navegabilidad. El diseño que

adopta el medio – la tipografía escogida, el color y la distribución – guarda una

estrecha relación con dichos criterios básicos.

Los medios españoles escogieron 2006 para renovar sus versiones digitales de

aquellos diarios en papel que habían trasladado a la web hacía ya unos años,

adaptándose así a las características mencionadas. ABC y Marca fueron los

pioneros, modificando el diseño de su web a raíz del campeonato de fútbol que

se celebraba ese año. Entre sus principales variaciones estuvo cambiar la

barra vertical que caracterizaba a los diarios online por un menú horizontal en

la parte superior. Pocos días después, La Vanguardia y El Mundo siguieron sus

pasos. También fueron añadiendo otros elementos que proporcionaban

interactividad, como la posibilidad de crear blogs por parte de los usuarios

dentro de sus portales, la opción de poner comentarios por parte de los

lectores y votar los contenidos, y crear cuentas en las diversas redes sociales.

El último que cambió su web, ese mismo año, fue el diario El País, que lo hizo

el 20 noviembre de 2006 y que también escogió un menú horizontal. De este

modo, se puede comprobar que el diseño siempre ha sido una parte

fundamental de los diarios. La elección de los formatos, las tipografías, las

cabeceras, el color y la distribución de contenidos siempre han sido clave en

los medios.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 4


Además, centrándose exclusivamente en el diseño periodístico se puede

observar que ha habido una variación desde la concepción de la página hasta

el propio uso de la información visual – fotografías, videos, infografía, etc. –. En

las versiones digitales, la información son unidades independientes, donde

cada una ocupa páginas diferentes. También se dejan de lado los recursos

separadores como pueden ser los ladillos o los recuadros. Varía la estructura

organizativa del contenido. Se tiende a emplear así la estructura de tridente o U

invertida, que consiste en una división vertical de la página en tres partes, o

columnas, en las que las de entrada y salida se corresponden con elementos

de apoyo y enlaces, y la parte central es utilizada para la información.

A pesar de estos cambios, la adaptación de los medios a la web presenta

lagunas. Se da una gran diferencia respecto a los medios impresos. Los

medios digitales o los cibermedios no crean una señal ética propia y distintiva.

No elaboran un diseño propio y diferente que sea asumido y reconocido por los

lectores. Las versiones en papel de los diarios tradicionalmente contaban con

tres características que permitían a sus lectores distinguir su diario del resto.

Estas eran la mancheta, la tipografía y el diseño propio del periódico. Sin

embargo, las versiones online apuestan por las mismas cabeceras que sus

versiones en papel. Lo cual es una muestra clara que son plasmaciones en la

web de lo que ya existía en el papel, que nos son pensados como productos

distintos y que, por tanto, no aprovechan ni se adaptan a las características del

nuevo soporte y a sus requisitos. Existe además una tendencia general de

trasladar a la Red todos los conceptos de diseño periodístico propios el soporte

papel, y se deja de lado el hecho de que el nuevo medio cuenta con

características propias.

Un factor clave a la hora de escoger la distribución, presentación visual y

redacción del contenido y que además está ligado al diseño de las web de los

medios online, es la consideración de que la red y la evolución en el

comportamiento del usuario conllevan también un cambio en el modo de

lectura. De esta forma, el usuario tiende a hacer una lectura superficial,

escaneando el contenido a través de tres movimientos. El primero de ellos, en

horizontal, comienza en la parte superior izquierda del área de contenido,



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 5


formando una línea paralela con el vector generado por el segundo

movimiento, cuyo trayecto es, además, un poco más corto que el resto. El

tercer y último movimiento se realiza de forma vertical en la parte izquierda de

la página. Este patrón de lectura en forma de F, que en ocasiones puede

experimentar pequeñas alteraciones asemejándose más a una E o una L

invertida (Nielsen, 2006), trae consigo una serie de implicaciones - falta de

exhaustividad, mayor atención a las palabras de las primeras líneas y

abandono del texto a medida que la historia se alarga - que refuerzan la teoría

de la pirámide invertida. Por ello, los dos primeros párrafos son los que deben

contener la información de mayor relevancia. Ahora bien, existen resultados

que se oponen a la idea generalizada de la lectura superficial y breve en la

web; en concreto cuando se trata de contenido periodístico. El EyeTrack07

llevado a cabo por el Poynter Institute refleja que casi dos tercios de las

historias que fueron elegidas se leyeron en su totalidad, realizando una lectura

incluso más profunda que los lectores de los formatos impresos.

La determinación del punto de entrada a la página de inicio logra una mayor

unanimidad. Así, las diferentes investigaciones llevadas a cabo desde 1997

han reflejado que los titulares dominantes son el principal foco de atracción del

usuario cuando éste ingresa en un portal informativo. Se establece así una

frontera con las publicaciones impresas, especialmente teniendo en cuenta los

hallazgos del primer EyeTrack realizado en 1990 que evaluaba el

comportamiento del lector de periódicos de tamaño sábana o estándar,

determinando que estos eran atraídos primero por las fotografías de una

página, antes de que su atención recabara en el texto (Franco, 2008:32). Ahora

bien, conviene hacer referencia a la distinción que realiza el Poynter Institute

(2007) al señalar que, sin embargo, la atención de los lectores acostumbrados

al tabloide al leer en web recae primeramente en las imágenes. Del mismo

modo, señala que tras el texto, las gráficas - colocadas generalmente en la

parte superior de la página de inicio, cerca de la barra de navegación - se

constituyen como el segundo punto de entrada más popular, con 25 de cada

100 lectores siendo conscientes antes de ellas que del propio texto.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 6


Pero más allá de los titulares, los denominados ‘dispositivos direccionales’, esto

es, los diferentes componentes textuales que constituyen la página web -

listados de historias y párrafos descriptivos de las mismas - desempeñan un

papel clave en cuanto que el usuario puede tomar la decisión de ir a un

contenido específico si dicho texto logra atraerle lo suficiente. Asimismo, la

tipografía es fundamental en la tarea de mantener al usuario, siendo necesario

lograr una legibilidad tipográfica. Para ello, se requiere prestar atención a una

serie de aspectos como la determinación del carácter preferido por el usuario o

la disposición de los textos, títulos y llamadas a la consulta de otras páginas.

Investigaciones realizadas por expertos como Nathan Maccaby y Ray

Funkhouser muestran que el nuevo lector prefiere la lectura de un texto en caja

alta. Sin embargo, los resultados reflejan que pese a dicha preferencia, los

caracteres en caja baja siguen siendo ligeramente más legibles, aumentado la

legibilidad en el caso de aquellos textos alineados a la izquierda y escritos en

negro sobre fondo blanco (Richaudeau, 1987:59-60). Del mismo modo, estos

autores señalan la importancia de que en el marco de un periódico de carácter

generalista el lector no se vea limitado a una pantalla. Una declaración que

adquiere todavía más sentido en una realidad - la Web 2.0 - donde la

hipertextualidad no es sólo un rasgo característico, sino también exigido por el

usuario actual. Por este motivo, se requiere la buena colocación de los

elementos hipertextuales o llamadas, siendo la opción más recomendable

aquella que supone una ubicación inferior. Esto es, una compaginación sencilla

donde las informaciones complementarias aparecen en la parte baja de

pantalla, tras al titular y al texto redactado (Richaudeau, 1987:73),

preferiblemente en forma de enunciación, siendo introducidas cada una de

estas llamadas mediante el empleo de una viñeta. La preferencia de esta

colocación recae en el hecho de que de esta forma no se produce una ruptura

en la lectura, favoreciendo, además, que el lector identifique de forma rápida y

clara el contenido principal y lo diferencie de la información que puede

aportarle un valor añadido.

Pero aparte de estos elementos, el tamaño de los caracteres en función del

umbral de visibilidad también afecta de forma directa a la legibilidad tipográfica.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 7


Así, mientras que en un infante con un nivel de enseñanza básico dicho umbral

se sitúa en textos de un cuerpo oscilante entre los 14 y los 18 puntos, en un

adulto que posee un nivel de enseñanza avanzado el umbral desciende hasta

diez puntos (Richaudeau, 1987:14). Más allá de estos umbrales de visibilidad el

aumento de dimensión de los caracteres no supone un efecto sobre la lectura.

Es decir, para un adulto cuyo umbral de visibilidad se encuentra en un texto de

cuerpo 8, no supone ninguna diferencia que el contenido esté en cuerpo 14. La

legibilidad se mantendrá idéntica. Sin embargo, ese mismo cambio para un

niño de 6 años supondrá pasar de una legibilidad escasa e incluso inexistente

a una legibilidad completa.

Ahora bien, otros autores hacen énfasis en que el uso de una tipografía de

menor tamaño motiva la lectura de todo el contenido al generar un

comportamiento de ‘visión enfocada’. Las tipografías más grandes, en cambio,

promueven el escaneo o barrido (Franco, 2008:35). Puesto que el contenido

web debe ser escaneable así como ofrecer la respuesta que el usuario busca,

se opta normalmente por una versión combinada, empleando una tipografía de

tamaño intermedio junto a un lenguaje objetivo – sin lenguaje promocional o de

mercado –, textos concisos – cortos y bien editados – y el uso de listados, que

ayudan a romper la uniformidad. Se logra así aumentar, además, la usabilidad

de la página, entendiendo este concepto como la “efectividad, eficiencia y

satisfacción con la que un grupo de usuarios específicos puede realizar un

conjunto específico de tareas en un ambiente particular” (International

Standards Organization –ISO–).

La usabilidad ha de ser trasladada por los medios de comunicación también a

sus aplicaciones para los dispositivos ubicuos, especialmente tabletas y

smartphones. Especialmente porque cada vez tienen una mayor repercusión

en la sociedad, al satisfacer la necesidad de comunicarse al mismo tiempo que

establece una nueva plataforma de acceso a contenidos de ocio e información

(Bernal, 2011:5). El 85% de la población mundial está suscrita a algún servicio

de telefonía móvil, alcanzado los casi mil millones de unidades de terminales

móviles inteligentes en 2011. Del mismo modo, ha crecido el uso de tabletas,

aun cuando su tasa de penetración actual se encuentra todavía en torno al 1%



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 8


de la población mundial. A estos datos hay que añadir el progresivo

crecimiento de los lectores de cibermedios - un 45% de la población total en

2011 (Fundación Orange, 2012:8).

Y al igual que la web 2.0 supone un cambio en las costumbres de consumo de

los usuarios, lo mismo ocurre con los dispositivos ubicuos y en concreto con las

tabletas. Estos dispositivos imponen una nueva forma de leer que requiere

estándares de visualización que traten de evitar el desarrollo de aplicaciones

que reproduzcan el formato tradicional impreso (Bernal, 2011:6). El usuario

busca un paso más respecto a los periódicos tradicionales e incluso los

cibermedios. De esta forma, se busca un uso más intuitivo y una gran cantidad

de elementos interactivos, pudiendo incluso pasar las páginas sin necesidad de

botones (Eye-square, 2011:16). En estos dispositivos, concretamente en el

caso de las tabletas, el patrón de lectura en forma de F no se cumple de forma

estricta, ya que depende de la disposición de los distintos elementos,

concretamente de los titulares e imágenes, puesto que son los percibidos en

primer lugar por los usuarios (Eye-square, 2011:14). La revista exclusiva para

iPad Iconist, así como la revista de moda Vogue, se muestran como el prototipo

de contenido periodístico que la prensa ha de seguir, pues cumple las

expectativas de los lectores con relación a este tipo de dispositivos.

2. Objeto

El objeto de estudio de esta comunicación es la versión online de los siguientes

diarios: El País, El Mundo, La Información, The Guardian y The New York

Times. Se toma por ello como referencia la página principal de dichos medios

de comunicación y también su versión para los distintos dispositivos ubicuos

como son los móviles y las tabletas, ya tengan una aplicación específica o no.

La muestra escogido es la web completa, tanto en horizontal como en vertical

en el periodo de tiempo de la semana del 4 al 10 de noviembre. Sin embargo,

este periodo de tiempo no tiene especial relevancia en este análisis ya que se

centra en los aspectos formales del diseño de las páginas web de los medios,

los cuales permanecen sin variación a lo largo del tiempo seleccionado y no en

el contenido. De este modo, tampoco entra a estudiar las distintas secciones.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 9


3. Metodología

El objetivo principal de este estudio es analizar el diseño de la homepage de

los cinco medios de comunicación citados en el objeto de estudio. Para así

describir y estudiar la existencia de una tendencia o de un patrón común entre

los diarios, tanto españoles como internacionales, en sus plataformas online o

si por el contrario existe una diferenciación entre ellos. A raíz de este análisis,

se quiere comprobar si los medios de comunicación se están adaptando al

medio online y a los nuevos soportes ubicuos o si carecen de una seña de

identidad propia en la web que los diferencie de sus versiones en papel. Para

ello se aplica la teoría del diseño online y se comprueba si se ajustan a las

características propias de la web 2.0.

Entre los objetivos secundarios se encuentra tratar de alcanzar una conclusión

acerca de si el hecho de que los medios sean nativos de Internet o sean copias

de un medio ya existente en papel es un factor clave a la hora de adaptarse a

la red, siendo más complicado para quienes no tienen su origen en el medio

online ya que no crean sus señas de identidad propias. Otro objetivo

secundario es comprobar si los medios anglosajones, tradicionalmente

adelantados en lo que a periodismo se refiere, tienen sus web más adecuadas

a internet y qué innovaciones, en caso de que las tengan, se observan en sus

portales y comparar estos con los medios españoles seleccionados.

Una observación preliminar lleva a reflexionar acerca de la posibilidad de que

más allá de la crisis de los medios de comunicación siempre ligada a la

coyuntura económica y a la incesante búsqueda de un modelo de negocio,

existe también una crisis en el diseño de estos, primando todavía a día hoy una

falta de identidad e independencia de los medios en la red, que son solo

plasmaciones en una pantalla de lo que anteriormente se leía en papel. Sin

integrar todavía los elementos propios de la web 2.0.

Para contrastar esta hipótesis inicial y estudiar los objetivos propuestos, se

opta por una metodología comparativa entre cinco medios de comunicación a

través de un análisis cualitativo del diseño online de su interfaz principal. Por

un lado, se han escogido dos medios de comunicación españoles que tienen

su origen en el papel. Uno de ellos es el País, este diario nació en papel en



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 10


1976. Creó su primera versión digital, siendo pionero en España, en mayo de

1996, diez años después en 2006 sufrió la principal modificación de su web, y

finalmente, la versión actual data de 2012, desde este año no han cambiado el

diseño de su interfaz. El siguiente es El Mundo, fundado en 1989, rediseñó su

versión impresa en 2009 y en el año 2010 creó una plataforma digital de

contenidos de pago, llamado Orbyt, en la que el lector puede interactuar con la

redacción y beneficiarse de algunas promociones, este año 2013 han vuelto a

modificar la web. Se ha escogido también lainformacion.com, un ciberdiario

que no tiene versión en papel y que nació hace ahora cinco años. Por otro

lado, se analizan también dos diarios anglosajones, ambos con origen en el

papel: The Guardian y The New York Times. Este fue fundado en 1851, su

versión digital data de 1996, en 2006 se anunció la creación de Times Reader,

la versión digital creada en colaboración con Microsoft. En 2011 crearon un

muro de pago para acceder a la versión digital completa y en 2013 rediseñó la

versión digital cambiando la forma de integración de las fotos, videos y otros

elementos interactivos con el texto y haciéndola más accesible.

Como se ha indicado, se trata de un análisis cualitativo. En concreto, lo que

aquí se propone es un análisis de medio, también llamado análisis de producto

periodístico. Puesto que lo se quiere reflejar en esta comunicación es el grado

de adaptabilidad de los medios seleccionados al medio web y a los dispositivos

ubicuos, en concreto en tabletas y smartphones. Se excluye por lo tanto el

análisis de carácter cuantitativo y se deja de lado el contenido informativo de

dichos medios. Para ello se han establecido categorías, en base a la teoría del

diseño para web expuesto en el marco teórico, compuesta asimismo por

subcategorías. A continuación se pasa a la descripción y explicación de estas.

Dichas categorías se aplican sobre la interfaz de cada uno de los medios

citados, para la elaboración de los resultados y las posteriores conclusiones.

En este análisis cualitativo el estudio se enfoca en la ubicación de los distintos

elementos, y su adaptabilidad al patrón de lectura en F – o sus variantes en L

invertida y en E – así como en la distinción entre los tres tipos de lenguaje –

elementos lingüísticos, paralingüísticos e icónicos - y la importancia que se le

da en cada uno de los medios. Se recurre también a un análisis de código. Se



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 11


presta atención al color, al negro sobre blanco-blanco sobre negro, al tamaño

de los caracteres y su esqueleto – caja baja o caja alta, clasificación (romana,

sans serif, egipcia, gótica y caligráfica) y formato (cursiva o negrita) – a los

espacios y cortes entre palabras, a la alineación del texto y a longitud de las

líneas.

En primer lugar, se hace un análisis de código, por ello la primera categoría

hace referencia a la tipografía. Se estudia cuál es la tipografía escogida en el

titular, subtitular y el cuerpo de texto. Se observa también el uso de caja alta y

baja así como de elementos como son la utilización de negritas, el tamaño de

los caracteres y la alineación del texto. La siguiente categoría, también dentro

del análisis del código, es el color empleado y qué papel se le da. Se

examinará para ello el uso de monocromía o policromía en la web, qué color

tienen los titulares, la utilización de algún color para llamar la atención del

lector, el color de las secciones y del fondo de la web. Se pretende examinar si

el color es utilizado como seña de identidad.

La siguiente categoría hace referencia a la navegabilidad, para ello se estudia

la presencia de enlaces, hipertextos, organización por temas del sitios web,

utilización de etiquetas y uso de scroll vertical. Otra categoría hace referencia

a la estructura, se estudia la distribución del contenido, para ello se observa el

número de columnas, el número de informaciones en la interfaz principal, la

disposición de los textos y de las imágenes, la colocación de las secciones y la

utilización o no de la tradicional estructura en tridente por la que apuestan las

web. Asimismo, se observa la jerarquía organización de la información

jerárquicamente y si esta distribución de los contenidos de adapta a algún

patrón de lectura de los descritos por Nielsen.

Las últimas categorías no corresponde al diseño en sí mismo, pero son

elementos característicos del nuevo soporte por lo cual su disposición y su

presencia condiciona el diseño. Una de ellas es la utilización del lenguaje

multimedia, es decir, la presencia de video, imagen, sonido y texto dentro de

este nodo de análisis. La siguiente analiza la interactividad para ello se

observará la presencia de comentarios, votaciones, redes sociales y weblogs.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 12


4. Resultados

4.1 . Lainformacion.com

La cabecera de lainformacion.com se caracteriza especialmente por el icono

que acompaña al nombre. El círculo de color amarillo con una “i” en negro en

su interior, colocada de forma que parece simular a la “@”, se ha convertido en

un elemento diferenciador de marca. Por su parte, el nombre está compuesto

por una tipografía de palo seco y alterna dos estilos: la negrita en la palabra

“información” y el estilo regular en el dominio “.com”.

El contenido se estructura en forma de tridente. Esto es, de la cabecera del

periódico salen tres columnas, siendo la central más estrecha que las dos

laterales. Todas ellas, así como las diferentes noticias que las integran, se

encuentran separadas entre sí mediante intertítulos verticales y horizontales en

color gris. Cabe señalar, además, que sólo la columna de la izquierda emplea

una tipografía con remate en los titulares. Este uso distinto de la clasificaciones

tipográficas, junto a la regresión de tamaño, la ubicación de las noticias en la

página y el orden de los titulares dentro de cada columna, son los factores que

permiten establecer una jerarquía informativa. Puesto que, entre otras cosas, la

tipografía romana es la que capta la atención del lector con mayor facilidad, así

como el patrón de lectura en soporte web comienza siempre por el margen

superior izquierdo. Todos los elementos paralingüísticos que aparecen en la

interfaz principal presentan una alineación a la izquierda, utilizando una

tipografía de palo seco en el cuerpo de texto.

El color empleado es el negro tanto en titulares como en entradillas. Se forma

así una clara monocromía que se rompe sólo en dos ocasiones, aunque no de

forma especialmente marcada. La primera ruptura se produce las llamadas a

noticias relacionadas que aparecen debajo de los distintos artículos, puesto

que recurren al gris. La segunda ocasión supone el empleo del color

identificativo del periódico: el amarillo y que se emplea en antetítulos, en los

ladillos - concretamente en la fecha -, en la sección de deporte y en las viñetas

que introducen tanto las llamadas a noticias relacionadas como las

subsecciones situadas en una barra horizontal superior.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 13


En cuanto a la navegación, destaca la presencia de un menú horizontal

aparentemente estático, que sin embargo da paso a distintos submenús

desplegables hacia abajo desde cada una de las once secciones principales en

las que se divide el contenido. Nueve de estas secciones aparecen duplicadas

en la parte inferior de la web formando recuadros independientes integrados

por tres columnas separadas por intertítulos. En cada uno de estos recuadros

aparecen los titulares destacados de cada sección siguiendo siempre la misma

estructura. En la primera columna, situada en el margen lateral izquierdo,

aparece el nombre de la sección - vuelve a utilizar una tipografía en palo seco y

en caja baja - seguido de cuatro titulares dispuestos en forma vertical. Las dos

columnas restantes inician con una foto que coincide con el ancho de la

columna, seguido de un titular - esta vez usando una tipografía romana - y una

entradilla. Para facilitar la búsqueda dentro de la web de temas que no

aparecen en la interfaz principal, lainformacion.com cuenta con una barra de

búsqueda en el margen superior derecho.

Al tratarse de un medio nacido pensando en el soporte web, su interfaz

principal cuenta con ciertos elementos que favorecen la interactividad. El icono

de facebook permite al usuario “votar” favorablemente, mientras que en el caso

de twitter y google+, la opción que se da es la de seguir al periódico en dichas

redes sociales con el objetivo de iniciar una relación bidireccional que dé lugar

a un feedback que ayude a la evolución del medio. También permite

conectarse con la red de RSS para recibir alertas tanto de secciones como de

subsecciones en función de los intereses de cada usuario.

En lo que se refiere al lenguaje multimedia, se observa una importancia clara

de dos recursos propios de este lenguaje como son el video y la fotografía,

especialmente de esta última. En cuanto a su integración en el contenido, la

imagen aparece siempre encima del titular, resultando característico como en

prácticamente ninguna imagen se aprecia un pie de foto. Esto incita a pensar

que la mayoría de las imágenes utilizadas son o bien propias u obtenidas a

través de un buscador de fotografías creative commons.

Para terminar, en el pie de página o margen horizontal inferior se distingue un

cuadro de anchura equivalente a la que posee la cabecera. En él se distingue,



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 14


una barra horizontal con diferentes símbolos. Estos no corresponden a las

secciones sino a diferentes elementos informativos que aportan un valor

añadido y que además muestran una mayor integración de los elementos

propios del lenguaje multimedia. Y bajo dicha barra, aparece una duplicación

del menú de secciones, pero que a diferencia del que aparece en la parte

superior es estático.

Aplicaciones

Lainformacion.es no dispone de Apps para los diferentes dispositivos móviles,

por lo tanto, no han podido incluirse en este análisis. Ni siquiera tiene una

versión para móvil de su web, siendo necesario realizar diferentes ampliaciones

bien mediante “pellizcos” o a través del uso de las teclas para poder acceder a

toda el contenido, lo cal resulta incómodo para la lectura y no se adapta a los

dispositivos ubicuos.

4.2 . El País

Al hablar de la clasificación tipográfica, tanto en el caso de la cabecera como

en el del cuerpo de texto, se mantiene un tipo de letra común en todas las

versiones, tanto la versión para la web como para los distintos dispositivos

ubicuos. La cabecera aparece siempre en tipografía romana con las letras

escritas en caja alta. Por su parte, el elemento lingüístico de la publicación se

presenta en tipografía de palo seco, así como el nombre de las secciones y los

antetítulos.

En cuanto a los elementos paralingüísticos, los titulares presentan unas

características tipográficas diferentes en función del dispositivo. En la versión

web se distinguen tanto titulares con una clasificación tipográfica de palo seco

como con remate Sin embargo el uso no se realiza de forma aleatoria e

indistinta. La primera se emplea en los titulares de la columna derecha,

vinculados a secciones como deporte, moda o gente, mientras que la tipografía

romana se utiliza en las noticias situadas en la columna izquierda,

correspondientes a las secciones de internacional, política y economía. De

forma que la tipografía se convierte en un elemento de diferenciación temática



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 15


interna al mismo tiempo que contribuye, junto al tamaño - regresión del cuerpo

del titular en función de la importancia - y el orden del titular en la columna, a

establecer una estructura jerárquica del contenido.

El País no realiza un uso característico de la caja alta y la caja baja, puesto que

en la mayoría de los casos su uso coincide con el empleo normalizado a la

hora de redactar. Sólo algunos elementos paralingüísticos como el nombre de

las secciones, los antetítulos y la autoría de artículos e imágenes se componen

exclusivamente de capitales.

La cabecera presenta dos elementos característicos que es necesario destacar

puesto que contribuyen a su imagen de marca. Por un lado, se emplea un

kerning muy estrecho entre las letras “A” e “I” dando lugar a un efecto de fusión

entre ellos. Por otro lado, debido a la revisión de las reglas ortográficas por

parte de la Real Academia Española, se añadió una tilde que antes no existía

en color azul, creando un contraste con el negro del resto del nombre. Este

elemento se ha convertido en un signo definitorio e identificativo del periódico.

En la versión web, esta cabecera ocupa el margen superior izquierdo sin

presencia del luto azul - también llamado orla - característico de la versión

impresa que separa la cabecera de los ladillos - fecha y hora de actualización.

En el aspecto de color, El País tiende hacia la monocromía. Especialmente en

la masa de texto principal donde tanto el elemento textual como la mayoría de

los elementos paralingüísticos emplean una fuente en negro. La única nota de

color del bloque textual lo dan los titulares que funcionan como llamada a los

recursos multimedia o a las noticias relacionadas, usando el gris si se sitúan en

la columna derecha - color al que también se recurre en los pies de foto - y el

azul si aparecen en la izquierda. Este color se vuelve a emplear en el apartado

denominado “País TV”: un recuadro caracterizado por el uso de elementos

paralingüísticos en azul o gris claro sobre un fondo gris oscuro. El uso en la

entradilla de un color tan cercano al del recuadro que la contiene supone un

problema, puesto que dificulta la lectura.

Hablar de color, en el caso de El País, supone también hacer referencia a las

secciones en las que se divide el contenido informativo, puesto que cada una

de ellas se identifica por un color. En total son seis colores distintos, cada uno



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 16


para una sección: internacional-azul, política-naranja, economía-rosa, cultura-

fucsia, sociedad-verde mar y deportes-verde claro. Estos aparecen tanto en el

menú estático del margen superior derecho como en los antetítulos de las

noticias relacionadas con dichas secciones. Sin embargo, se observa una

ausencia de dichos colores en el menú ubicado en el margen lateral derecho.

Este contiene distintos submenús desplegables que permiten acceder a las

subsecciones que se agrupan en cada una de las secciones, incluyendo

aquellas que no aparecen en la parte superior como el caso de tecnología o

sucesos.

En la interfaz principal de la versión web de El País se distinguen diversos

elementos propios del lenguaje multimedia. Si bien el más utilizado es la

fotografía, destaca la importancia que se le da al video, que dispone de un

apartado propio en la interfaz principal, siendo además, el único recurso

multimedia que se puede compartir en redes sociales desde dicha página. Los

distintos recursos multimedia, especialmente en el caso de los videos se

emplean de tal forma que generan un valor añadido, lo que indica que existe

una verdadera integración de los mismos en el elemento textual.

La alineación a la izquierda de los elementos lingüísticos y paralingüísticos, el

uso de una tipografía de palo seco en el cuerpo de texto y titulares superiores

de mayor tamaño y en romana son síntomas de una adaptabilidad al patrón de

lectura en web, que en el caso de la web de El País coincide con la tradicional

forma de F descrita por Nielsen. Igualmente, que exista un titular claramente

diferenciado del resto favorece que sea el elemento que el lector capta en

primer lugar al acceder a la página. Se refuerza así la idea apoyada por

diversos autores respecto al texto como punto de entrada a la página.

El contenido se distribuye en un bloque central constituido por dos columnas de

la misma anchura, separadas entre sí por un intertítulo formado por una

sucesión de puntos. En la columna de la derecha los contenidos se organizan

en cuadros según temática. En la columna de la izquierda, sin embargo, las

noticias se encuentran separadas entre sí únicamente mediante intertítulos

horizontales. A estas dos columnas se une una tercera más estrecha en el

margen lateral derecho. En ella se colocan la opinión, los diferentes iconos de



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 17


las redes sociales, las ofertas, los anuncios y la pestaña que conduce al

formulario de suscripción. En cuanto a las fotografías, éstas generalmente

preceden siempre al titular y van acompañadas por un pie de foto. Un intertítulo

formado por pequeños puntos separa el elemento icónico del paralingüístico.

La interactividad en la web está presente mediante la existencia de iconos

pertenecientes a cuatro redes sociales distintas - Facebook, Twitter, Google+ y

Eskup - en el margen lateral derecho, que permite al usuario acceder de forma

directa a las cuenta del periódico en cada una de dichas redes. Ahora bien,

desde la interfaz principal no se pueden compartir las noticias concretas, pero

sí algunos recursos multimedia, en concreto los videos. Asimismo, los

comentarios también forman parte del factor interactivo de la web. Aparecen

reflejados mediante un icono propio - un bocadillo - que se sitúa bien al lado de

la autoría de la noticia, bien bajo el titular. Al lado de dicho símbolo, aparece

siempre en naranja el número de comentarios que hay hasta el momento.

Cabe también destacar que este medio cuenta con una red social propia,

eskup, integrada dentro de este nodo de análisis como uno de los elementos

protagonistas del sitio.

Aplicaciones

Las Apps presentan ciertas variantes en función del dispositivo para el que

estén pensadas, siendo especialmente características las relacionadas con los

titulares, la cabecera y las secciones. En los titulares se produce una

alternancia en el uso de la tipografía con remate o de palo seco en los titulares,

en función del dispositivo. De este modo, mientras que en las Apps para iPad,

iPhone y Android se distingue de forma clara una tipografía con remate, en el

grupo formado por Blackberry, Blackberry 10, Nokia y Windows Phone (HTC),

se utiliza la clasificación tipográfica de palo seco.

En cuanto a la cabecera, puede tener dos ubicaciones posibles: situada en el

margen superior izquierdo, o centrada en la parte superior. En cuanto a la

presencia de la orla o luto azul, tan característica de la versión impresa, sólo

aparece en la App para iPhone, iPad y Android. En los dos primeros casos,

además, sirve para separar la cabecera de los ladillos - fecha y hora de la



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 18


última actualización - . Sin embargo, en este aspecto, destaca especialmente la

App para Windows Phone (HTC), cuya cabecera presenta notables diferencias

con el resto. Así, la cabecera, ubicada en el margen superior izquierdo, pasa a

ser blanca sobre un fondo naranja, pese a conservar la misma tipografía. Este

dispositivo es también el único en el que las noticias no están separadas entre

sí por intertítulos.

El acceso a las secciones puede darse a través de un menú desplegable, de

un menú horizontal que permite scroll o mediante ambos. Nokia, iPhone y iPad

disponen de un menú desplegable hacia arriba en el margen inferior. En el

caso de Android, el menú se despliega también verticalmente pero, a diferencia

de los otros tres dispositivos anteriores, lo hace hacia abajo. El Windows Phone

o HTC supone un ejemplo del segundo caso. En la parte superior, justo debajo

de la cabecera se distribuyen las diferentes secciones de manera horizontal. El

scroll horizontal hacia la derecha permite navegar por el menú para ver todas

las secciones, no visibles a primera vista en el menú.

Blackberry combina los dos modelos de menú. Tanto el último modelo -

Blackberry 10 - como los más antiguos presentan un menú horizontal, aunque

sólo en el primero es posible realizar scroll. Pero algunos modelos como la

Blackberry Curve permiten únicamente la visión de cuatro secciones en el

menú, aunque permite la customización de dicho menú en función de las áreas

de interés del lector. Por su parte, a través de un icono, los dispositivos de

Blackberry permiten, además, desplegar un menú hacia arriba en el que el

usuario puede navegar a través de un scroll vertical.

El uso del lenguaje multimedia se limita, con excepción del iPad, a la

integración de texto e imagen fotográfica, muchas veces sólo existente en la

noticia principal y como mucho, en aquella que la precede de forma inmediata.

La App de Nokia es la única, que pese a no incluir vídeo, sí mantiene la

fotografía en todas las noticias.

El punto de entrada a la página es la fotografía y no el titular, debido que la

imagen, cuya anchura coincide con la de la pantalla, ocupa la parte superior. El

resto de elementos icónicos introducidos ocupan la parte izquierda, mientras

que los titulares aparecen a la derecha. Debido a este cambio, se puede decir



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 19


que ninguno de los dispositivos responde al patrón de lectura en F, pero sí lo

hace a una de sus variaciones: el patrón en L invertida.

4.3. New York Times

La tipografía del New York Times es característica. Su cabecera, centrada y

que emplea un tipo de letra de la familia Old English, ya deja ver una de las

características definitorias del periódico y que no es otra que el uso de

capitales al inicio de cada palabra, excluyendo las preposiciones. Una técnica a

la que se recurre también en los titulares y que se une al uso recurrente de una

tipografía romana o con remate. De esta forma, The New York Times no

emplea dicha clasificación sólo en los titulares sino también en el cuerpo de

texto. La única diferencia radica en que los titulares hacen uso de la negrita y

del azul, color utilizado también en los elementos hipertextuales e interactivos

que aparecen tras la entradilla de algunas noticias. Sólo en algunos elementos

paralingüísticos como los pies de foto, la autoría y los antetítulos, y en los

nombres de secciones y subsecciones se recurre a la tipografía de palo seco.

Una tercera característica es la existencia de una segunda cabecera,

perteneciente a la versión internacional del periódico. Pese a emplear la misma

tipografía, presenta dos divergencias: incluye un subtítulo en el que se emplea

una letra de palo seco y se pasa de un negro sobre blanco a un fondo amarillo,

que deja relegada a un segundo plano a la cabecera principal. Ambas

cabeceras vienen separadas por una orla de color negro, situándose justo

encima de esta dos ladillos - la hora de la última actualización y la fecha -.

En lo referente al cuerpo de la letra, hay una regresión progresiva tanto externa

como interna. Así, en el marco general del periódico, los titulares menguan de

tamaño a medida que se alejan de la cabecera. En el ámbito de la noticia, el

mayor tamaño recae en los titulares y a continuación las entradillas y el

elemento lingüístico.

La interfaz principal permite el acceso a las redes sociales, propiciando así un

feedback, a través de los símbolos de Facebook y Twitter en el margen

superior derecho. Del mismo modo, dispone de distintos elementos de

navegación interna. En el margen superior izquierdo se sitúa una barra de



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 20


búsqueda y bajo ella se presenta un menú estático donde las secciones

aparecen separadas de las subsecciones por un intertítulo. Las secciones

aparecen duplicadas en la parte inferior, donde se forma una cuadrícula de

3x9. Cada cuadro está presidido por el nombre de la sección en negro y a

continuación una pequeña lista con los titulares más destacados de cada una

de ellas en azul.

La masa de contenido principal se distribuye en torno a cuatro columnas,

existiendo una columna central de mayor anchura que el resto. Intertítulos

verticales en gris separan las columnas entre sí y lo mismo ocurre con las

noticias mediante intertítulos horizontales, aunque en este caso la división no

es individual sino por bloques temáticos, existiendo en algunas ocasiones un

doble intertítulo. En cuanto a los elementos icónicos cabe señalar que hay una

clara tendencia a colocarlos a la derecha de la entradilla. Cuando se tratan de

imágenes o vídeos vinculados a noticias de mayor relevancia, pasan a ubicarse

sobre el titular. The New York Times dispone de un amplio equipo de

diseñadores e infografistas y eso se refleja en la presencia de gráficos en la

interfaz principal con cierta regularidad, que contribuye a una plena integración

de los diferentes elementos del lenguaje multimedia.

El nuevo diseño

Con respecto a la versión web actual, el nuevo diseño que estará disponible a

finales del presente año y al que se ha podido tener acceso mediante una

invitación durante el transcurso de este análisis presenta algunas diferencias

notables que es necesario señalar.

En cada una de las noticias, el titular y la imagen están bien diferenciados del

cuerpo del texto y hay una mayor integración de los elementos propios del

lenguaje multimedia - video, imagen, gráficos e interactivos -. Además, en la

parte superior de cada artículo, una barra horizontal permite, mediante un scroll

horizontal, ver historias relacionadas con la noticia. Cuando este scroll se

realiza lentamente la barra desaparece.



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 21


La navegación e interactividad de la nueva versión presenta importantes

novedades. Las secciones dejan de estar en un menú estático. En el margen

izquierdo superior, un icono formado por tres líneas horizontales permite

desplegar verticalmente un menú lateral con todas las secciones y

subsecciones del periódico, permitiendo incluso customizarlo a través de la

selección de los elementos favoritos. Por su parte, los comentarios pasan a

estar en el margen lateral derecho, así como el acceso a las redes sociales,

desplegándose horizontalmente hacia la izquierda al seleccionar el icono

correspondiente. Un scroll vertical permite moverse por ellos.

El último elemento a destacar de la nueva versión es la apuesta por la

disposición de todas las noticias en una sola página, llevando al usuario a

realizar un scroll vertical infinito, siguiendo así el modelo de los blogs. La

cabecera, tipografía y color se mantienen igual que en la versión actualmente

vigente. Lo mismo ocurre con la distribución en cuatro columnas y la

separación de éstas entre sí, así como de las noticias por medio de intertítulos.

Aplicaciones

Las secciones en la versión para móvil de la web se sitúan en el pie de la

página, accediendo a ella o bien mediante un scroll vertical o a través de un

icono ubicado en el margen superior izquierdo que lleva al lector de forma

inmediata a la parte inferior de la web.

Los titulares siguen la misma pauta en cuanto a la utilización de capitales y

tipografía, sin embargo, el color empleado para ellos es el negro. En cuanto a

otros elementos paralingüísticos, el negro se alterna con el gris de las

entradillas y los pies de foto, salvo en la versión para móvil de la web, donde

este último elemento no aparece. Los pies de foto que aparecen en los

dispositivos de Apple emplean letras capilares. Lo que si se mantiene, en

cambio, es la alineación a la izquierda tanto de titulares como de entradillas y la

utilización de una tipografía con remate en el cuerpo del texto.

La estructuración del contenido en los smartphones es en vertical a una sola

columna y con todas las noticias separadas entre sí mediante intertítulos

horizontales. Incluso la cabecera mantiene la orla, aunque de color gris, que la



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 22


separa de la masa de contenido y los ladillos. Sin embargo, en tabletas, y más

concretamente en iPad, el diseño es horizontal. De la cabecera nacen tres

columnas, con una columna central más ancha, dando lugar a una estructura

en forma de tridente. En esta columna central se coloca la imagen, aunque el

titular destacado sigue situándose en la columna de la izquierda debido al

patrón de lectura dominante. Pese a eso, en este caso, el punto de entrada

cambia, pasando a ser la imagen. Esto se debe a que al tratarse de una App

con un diseño horizontal, la ubicuación centrada de la imagen así como su

tamaño, predisponen a dicho cambio.

La App para iPad se distingue además en la ausencia de intertítulos tanto para

separar columnas como noticias. Del mismo modo no existe una orla entre la

cabecera y el contenido y tampoco una segunda cabecera que sirva además

como vínculo a la versión internacional del periódico, como sí ocurre en la

versión para web.

El establecimiento de una jerarquía informativa se complica puesto que el

tamaño de los titulares es apenas diferenciable. Es más, en el caso de la

versión para móvil de la web - www.nytimes.com - todos los titulares son

exactamente del mismo tamaño. Por tanto, este orden se establece por la

propia colocación de las noticias - mayor importancia cuanto más próxima está

a la cabecera - y por la presencia de imagen que en los smartphones sólo la

primera noticia.

4.4. El Mundo

El Mundo alterna tipografía de palo seco y tipografía con serifa en su sitio web.

Por un lado, la tipografía con serifa es la que predomina en los titulares, en la

mayoría de estos utiliza letra tipo Madison. Sin embargo, cabe destacar que

diferencia las secciones, además de a través de algunos elementos como el

color, también por la tipografía. Es decir, aunque predominan los titulares con

letra con remate, las secciones de deportes y gastronomía cuenta con una

tipografía diferente en sus titulares y que es de palo seco. Respecto al cuerpo

del texto en todos los casos se trata de una tipografía sin serifa, que

corresponde al tipo imperial. Este elemento textual se emplea en caja baja y



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 23


alineada siempre a la izquierda y sin justificar, lo cual sigue el patrón normal de

lectura.

El diario El Mundo opta principalmente por la monocromía en la home principal

de su sitio web, el color escogido es el azul. Hacen uso de este en la cabecera,

en los titulares y en el menú superior horizontal. También lo emplean, en dos

tonos diferentes, en el apartado superior “es noticia”. De este modo, este es el

color que emplean para identificarse. Solo hacen uso por la policromía en las

secciones, a cada una de ellas le atribuyen un color diferente. Por ejemplo,

para las secciones de nacional e internacional emplean el color azul, para

deportes el rojo y para cultura el verde. También destaca la utilización del color

rojo para llamar la atención del lector cuando hay una noticia urgente. Por

último, utilizan el negro en el cuerpo del texto y el gris para indicar quiénes son

los autores de las informaciones.

Con la llegada de la resolución 1024 megapixeles los diarios apostaron por la

horizontalidad y para ello crearon menús horizontales. Paradójicamente El

Mundo acaba de rediseñar sus web, junto al lanzamiento de un nuevo modelo

de negocio y ha vuelto a optar por una barra vertical para la distribuir sus

secciones. Además, estas no son un elemento fijo sino que se han convertido

en un menú desplegable. En la nueva página web de El Mundo puede

accederse a la secciones de dos modos, a través de un desplegable en vertical

situado en la esquina superior izquierda o a través de un menú horizontal

permanente en la parte derecha en una columna. Sin embargo, a pesar de este

guiño a la verticalidad, siguen haciendo uso de la estructura en forma de

tridente. De esta manera, existen una serie de elementos como la cabecera, la

publicidad ubicada en la parte superior o el menú de las noticias de mayor

actualidad situadas en la parte superior, en el momento de estudio entre estas

estaba el Caso Bárcenas. A continuación distribuyen la interfaz en tres

columnas, la central es la de mayor tamaño y donde colocan la principal noticia.

La siguiente en anchura es la de la izquierda y la de derecha se emplea

principalmente para información de servicio. Conforme se avanza verticalmente

por el sitio web haciendo uso del scroll, la web pasa a tener 4 columnas ya que



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 24


la central queda dividida en dos. Asimismo, la información está organizada de

forma jerárquica en función de la relevancia informativa.

La navegación está articulada a través de enlaces, ya sea a modo de etiquetas

o mediante el uso de hipertexto. El titular es el enlace principal a una página

independiente donde aparece la información al completo, y lo mismo sucede

con las fotografías que los acompañas. Así la home está compuesta por un

mosaico de noticias con hipertextos en los que el lector hace clic para ir a las

informaciones completas. Además, mediante estos enlaces, la nueva web de El

Mundo emplea etiquetas temáticas, situadas en la barra horizontal superior,

para organizar los temas. El lector puede hacer clic sobre uno de estos temas y

podrá conocer las distintas informaciones relacionadas, aportando

contextualización a los temas y facilitando la navegación.

Los elementos del lenguaje multimedia de los que hacen uso son el video , el

texto y las fotografías. Sin embargo, siguen primado estos dos últimos.

Aproximadamente la media de videos que incluyen diariamente en toda la

home es 4 o 5. Para diferenciar entre imágenes y video hacen uso del icono

play como indicador de los videos. Otra de las características de la web es la

interactividad, el único elemento para fomentar la bidireccionalidad en la

comunicación son los comentarios, no incluyen votaciones a las noticias en la

home, enlaces a las redes sociales o alguna red social propia. También para

indicar la presencia de comentarios utilizan iconografía específica, en concreto

bocadillos. Por otro lado, incluyen también en una de las columnas centrales un

apartado de blogs, pero estos están escritos por periodistas del medio, así que

no son aportaciones de los lectores o los llamados weblogs.

Aplicaciones

El Mundo cambia muchos aspectos en función de si se trata de la versión para

un dispositivo móvil o de si es sitio web. La tipografía, la utilización del color o

la distribución de la información varían. Por ejemplo, los titulares en la

aplicación para dispositivos android son de color negro, no optándose por los

tonos azules que caracterizan a la web. Por lo que no hay coincidencia entre



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 25


ambas versiones. A su vez, emplean a lo largo de toda la web en la APP una

tipografía con serifa, tanto en el cuerpo del texto como en los titulares.

Respecto a la navegación a través de la APP, se ajustan al tamaño de la

pantalla del dispositivo. Se da una distribución vertical de las informaciones en

una sola columna, estas están organizadas jerárquicamente quedando en

primer lugar la de mayor relevancia. Sin embargo, a pesar de la distribución

vertical de la información, el lector tiene otro modo de navegar entre las

noticias. Puede hacerlo presionando sobre cada una de las noticias, ya sea en

la imagen o en el titular, porque ambas contienen enlaces. O por otro lado, una

vez accede a una noticia, también puede desplazarse en sentido horizontal y

pasar de una noticia a otra, lo cual se adapta en mayor medida al

desplazamiento horizontal para la lectura en los dispositivos móviles y tabletas.

4.5 The Guardian

El diario The Guardian emplea una tipografía con remate en sus titulares y la

letra está en caja baja. Se trata de la mista tipografía que emplea para los

nombres de las secciones. Sin embargo, para el cuerpo de la información que

se puede visualizar desde la home opta por una tipografía de palo seco y

también de caja baja. En este medio cabe destacar que no hay diferencia entre

unas y otras secciones en cuanto a la tipografía escogida en sus titulares. La

única distinción se observa en que las noticias situadas en la parte superior

tienen un cuerpo de letra mayor en los titulares, usando así el cuerpo de letra

como elemento para jerarquizar la información.

La web de este diario inglés combina monocromía y policromía. Por un lado, la

cabecera, escrita en tipografía con remate y en caja baja, está compuesta por

azul en dos tonos distintos. En general, este es el color que prima en su página

web. Hace uso del color azul en los titulares y en las llamadas. Aunque también

recurren al rojo para indicar inmediatez y urgencia, de este modo es el color

que usan para llamar atención de las “Breaking News”. También hace uso de

este color para separar secciones e indicar el inicio de la sección de ciencia o

deporte mediante una fina barra horizontal en rojo. Otro de los colores que

predomina es el gris, lo utilizan como fondo para dar comienzo a la sección de



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 26


deporte y como fondo también en la barra horizontal que establece algunas de

las secciones como mundo, desarrollo o sociedad. El mayor indicador de

policromía se da en la barra superior de las secciones, a cada una de ellas le

asigna un color; de este modo a deportes la identifica el verte, a cultura el rosa

y a finanzas el morado, dándole un color propio e identificativo a cada una de

las secciones principales.

Para navegar en la web de The Guardian es necesario hacer uso de dos

elementos principales, estos son el scroll y los enlaces. Se trata de una

composición de noticias formadas generalmente por un titular, una imagen y un

breve texto introductorio. El titular funciona con un hipertexto y el elemento

utilizado para llevar al usuario al desarrollo completo de la información,

habiendo así una navegación a través de enlaces lo que aporta a su vez

horizontalidad. Por otro lado, es necesario hacer uso del scroll para visualizar

toda la home de este diario. En total, en la home hay aproximadamente 80

noticias destacadas, distribuidas de modo vertical en esta interfaz y en

ocasiones se supera este número de informaciones. Es decir, presentan los

contenidos y la actualidad del medio a través de un tipo de navegación vertical,

en la que las noticias se presentan organizadas jerárquicamente en función de

la actualidad informativa (las más noticiosas se encuentran en la parte superior)

y para la profundización de los temas se recurre a la navegación horizontal

mediante hipertextos. También se recurre a los enlaces para las llamadas, a

través de titulares que son hipertextos conducen al lector a noticias

relacionadas con las destacadas. Por último las imágenes también contienen

enlaces a contenidos.

En la parte superior de la home de The Guardian se puede observar que

siguen la tradicional estructura en tridente que caracteriza a los medios en sus

versiones digitales. En primer lugar, sitúan la cabecera alineada a la izquierda.

Emplean en la parte superior dos menús horizontales, ambos con secciones. A

continuación comienzan las 3 columnas relativas a la estructura con forma de

tridente. La columna de mayor anchura y a la que, por tanto, otorgan mayor

relevancia es la central. La columna de la izquierda, la siguiente en cuanto a

tamaño contiene información también de actualidad y por último la del extremo



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 27


derecho contiene información que podría considerarse de servicio. Conforme

se avanza verticalmente, se pasa a dividir la información en 4 columnas. Esto

sucede porque dividen la columna de mayor tamaño en dos. Para separar

todas las informaciones emplean una barra horizontal de muy poco grosor en

tono gris, a esta se la conoce como intertítulos u orlas.

Dentro de la utilización del lenguaje multimedia, destaca la presencia de videos

en la web. Así, esta está compuesta principalmente por fotografía, texto y

videos. Cuentan con una sección dentro de la home específica de video donde

en vertical hacen una selección de los que consideran los mejores videos.

Cabe destacar el uso de una iconografía propia con la que señalan la

presencia de estos elementos multimedia. A través de pequeños dibujos

situados junto a los titulares o las llamadas. A través de una pequeña cámara

indican que contiene imágenes, lo mismo sucede con los videos, para estos

utilizan un dibujo de una cámara en lugar de optar por la palabra “video” o

introducir el tradicional icono de “play”.

Por último, cabe analizar la interactividad y por lo tanto, como adaptan su

diseño a una de las principales características de la red. El principal elemento

interactivo, con el que dan voz a sus lectores, son los comentarios. Igual que

se indica en el párrafo anterior, hacen uso de una iconografía propia,

bocadillos, para indicar que las noticias tienes comentarios y cuántos. Además,

cuenta con un espacio en la columna lateral de la derecha donde indica cómo

puede el usario ponerse en contacto con dicho medio. Sin embargo, no

incluyen en la página principal los botones que por ejemplo, redireccionan a

sus páginas en las redes sociales o debates.

Aplicaciones

La aplicación de The Guardian establece una diferencia respecto a otras de las

analizadas. En este caso, solo presenta los titulares de la noticia, dejando toda

la información del cuerpo invisible. Si el lector quiere acceder a ella deberá

introducirse en la información mediante el hipertexto. El color es uno de los

elementos principales de esta aplicación, como el especio es limitado y deben

organizar la información de modo vertical para adaptarse al soporte, emplean



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 28


el color como uno de los elementos para estructurar la información. A través

de línea de distintos colores, separan bloques informativos, por ejemplo el color

verde distingue la información de deporte y el fucsia a cultura. Emplean en toda

la aplicación una letra con serifa.

Se puede destacar que emplean en la aplicación el lenguaje multimedia,

incluso uno de los apartados se refiere exclusivamente a contenidos

audiovisuales. Además, todas las noticias están acompañadas de una pequeña

fotografía. Como elemento interactivo, permite también a los usuarios

introducirse en la web para poder comentar en las informaciones.

5. Conclusiones

No es posible establecer un patrón común que sea seguido en detalle por

todos los medios de comunicación online, pero sí fijar unas líneas comunes a

todos ellos en mayor o menor medida. Por ejemplo, la estructura de tridente

para la distribución del contenido o la navegación a través de hipertextos son

dos características que predominan entre los medios analizados, con la

excepción de The New York Times. En la misma línea se encuentra la elección

de la tipografía, los cinco diarios optan por una tipografía con serifa para sus

titulares que en la mayoría de los casos sirve para distinguirse y resaltar este

contenido frente al cuerpo de la noticia. Otro de los puntos comunes es la

utilización del color. Con independencia del color que caracteriza a cada uno

de ellos y con el que tratan de diferenciarse, las últimas versiones de estos

periódicos - en concreto en el caso de El País, El Mundo y The Guardian -

están utilizando un color distinto para diferenciar e identificar cada una de las

secciones. La última característica compartida por todos los periódicos

analizados en esta comunicación es la referente al patrón de lectura. Así, los

cinco distribuyen sus contenidos teniendo en cuenta el patrón de lectura en F,

aunque alguno de ellos en ciertos casos se aproxime más a una de sus

variables.

La adaptación a la web 2.0 y a algunas de sus características esenciales como

son la interactividad o la utilización del lenguaje multimedia se convierte en un

elemento diferenciador. El País cuenta con una red social propia, eskup, que



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 29


se encuentra integrada como un elemento más dentro de la home al que se

dota de protagonismo. The New York Times, en la versión beta de su nuevo

diseño, da especial relevancia a los comentarios, que pueden leerse desde la

interfaz principal. En contraposición, el resto de diarios deja los elementos

interactivos relegados a un segundo plano, no incluyendo, por ejemplo,

botones a las diferentes redes sociales en las que están presentes. Respecto

al elemento multimedia, predomina la utilización de los videos.

En este contexto de adaptabilidad a la web, es importante destacar el recurso

de la multiplataforma. Se observa una característica común, todos optan por

aplicaciones en las que es necesario desplazarse verticalmente, y no mediante

un desplazamiento horizontal como permitirían las tabletas. El País es el medio

que más cambia de diseño en función del dispositivo, incluso dentro del

soporte “móvil” presenta diferencias en el diseño en función del sistema

operativo del dispositivo. La nota discordante, que rompe este patrón, la pone

The New York Times. Este periódico estadounidense apuesta en su nueva

versión, todavía en versión beta, por un mismo diseño - semejante al aspecto

de un blog - para todos los dispositivos. Así, su App no se adapta a las

características de los lectores de ciertos dispositivos, concretamente de las

tabletas, sin embargo apuestan por la interactividad y la participación del

usuario a través de los comentarios. En definitiva, pese a no adaptarse a

ciertas características es el que más apuesta por los rasgos definitorios de la

web 2.0 como son la interactividad y la hipertextualidad.

Entre los objetivos iniciales se pretendía concluir cómo influye en la

adaptabilidad y el diseño el origen del medio. Esto es, si supone realmente

alguna diferencia el hecho de que haya nacido directamente para el soporte

web. En este sentido, el análisis de lainformacion.com permite concluir que

nacer siendo un cibermedio no significa de forma automática una correcta

adaptación a los distintos dispositivos ubicuos. Sin embargo, sí es significativo

decir que en cuanto al diseño, este no se ve influido por una versión en papel,

lo cual da libertad a la hora de escoger la tipografía, la estructuración de los

contenidos y, especialmente, el color, lo que dota a este tipo de medios

nacidos pensando en la web de una mayor independencia. De este modo,



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 30


lainformacion.com usa el amarillo, saliéndose de los tradicionales colores

azules hacia los que tienen tendencia el resto de los medios.

Finalmente, en el marco teórico se hacía referencia a que uno de los

principales cambios que se produjeron en los medios hace casi una década fue

la introducción de un menú horizontal. A día de hoy las webs están de nuevo

sufriendo un rediseño. Durante el periodo de tiempo que comprende el estudio

aquí reflejado, dicho cambio se ha podido ver en El Mundo y The New York

Times. Así, en los nuevos diseños parece que existe una tendencia hacia la

recuperación del menú vertical, con la única diferencia de que deja de ser un

elemento fijo para convertirse en un menú desplegable.

6. Referencias bibliográficas

Bernal, A. I., & Cabrera, M. Á. (2011): "Tabletas, smartphones, medios online,

contenidos y consumos", en I Congreso Internacional Comunicación y

Educación: Estrategias de Alfabetización

Mediática. https://www.academia.edu/1028791/Tabletas_smartphones_medios

_online_contenidos_y_consumos_Tablets_smartphones_new_media_online_c

ontents_and_consumptions_2011_ [Consultada el 27 de octubre de 2013]

Bou Bouzá, G. (2003): El guión multimedia. Madrid: Anaya Multimedia

Cabrera González, Mª Ángeles (2009): "El diseño de la prensa digital española

en el contexto de la convergencia tecnológica. La identidad visual del

ciberperiodismo", en Revista Latina de Comunicación Social, 64, páginas 766 a

786. La Laguna (Tenerife): Universidad de La Laguna, recuperado el 27 de

octubre de 2013.

J. Del-Olmo-Barbero y S. Parratt-Fernández (2011): "Tipografía y color, un

análisis de la prensa gratuita vs. la prensa de pago en España", en Revista

Latina de Comunicación Social, 66. La Laguna (Tenerife): Universidad de La

Laguna, páginas 376 a 398 recuperado el 28 de octubre de 2013.

Eye Square (2010): "iPad - the new way of reading: Goodbye Gutenberg", en

Eyes Square GmbH, Alemania, noviembre: http://www.eye-

square.com/fileadmin/docs/presentations/press/eye-square-iPad-Studie-2010-

praesentation-en.pdf [Consultado el 27 de octubre 2013]



ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 31


Franco, G. (2008): "Como escribir para la Red: Bases para la discusión y

construcción de manuales de redacción ‘on line’", en Knight Center

forJournalism in the Ameritas, Universidad de Texas

http://knightcenter.utexas.edu/Como_escribir_para_la_WEB.pdf [Consultado el

27 de octubre de 2013]

J. Canga Larequi (2005): “Periodismo en la Red. Diseño periodístico y

ediciones digitales”, en Telos: Cuadernos de comunicación e innovación, 68.

Páginas de 71 a 76, recuperado el 21 de octubre 2013.

J.I. Armentia Vizuete (2004) : “Los primeros pasos de un largo proceso”, en

Telos: Cuadernos de comunicación e innovación, 59. Recuperado el 21 de

octubre 2013.

J.M. Caminos Marcet, I. Merchán, J.I. Armentia Vizuete (2000): “La información

en la prensa digital. Redacción, diseño y hábitos de lectura”, en Zer: Revista de

estudios de comunicación = Komunikazio ikasketen aldizkaria, 8. Recuperado

el 15 de octubre de 2013.

Nielsen, J. (2006): "F-Shaped pattern for Redding web content", en Nielsen

Norman Group, Fremont, abril:

http://www.useit.com/alertbox/reading_pattern.html [Consultado el 28 de

octubre de 2013]

Orange, F. (2012): "eEspaña. Informe anual 2012 sobre el desarrollo de la

sociedad de la información en España", en Fundación Orange,

Madrid. http://www.proyectosfundacionorange.es/docs/eE2012.pdf [Consultado

el 29 de octubre de 2013]

R. Colle (2000): "Principios de diseño para la WWW”. Revista Latina de

Comunicación Social, 29. Recuperado el 15 de octubre de 2013

Richaudeau, F. (1987). La legibilidad. Investigaciones actuales. Madrid:

Biblioteca del libro.

Actas – V Congreso Internacional Latina de Comunicación...

Documents

Transcript of Actas – V Congreso Internacional Latina de Comunicación...