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 de Abigail S. Or s Gallego y Mar a Eugenia Tapia Rojo, Universidad Carlos III de Madrid (Espa a)
Anuncio
Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 1 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 2 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 3 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 4 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 5 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 6 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 7 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 8 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 9 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 10 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 11 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 12 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 13 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 14 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 15 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 para una sección: internacional-azul, política-naranja, economía-rosa, culturafucsia, 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 16 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 17 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 ú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 18 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 19 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 20 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 21 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 22 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 23 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 24 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 25 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 26 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 27 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 28 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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 29 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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.eyesquare.com/fileadmin/docs/presentations/press/eye-square-iPad-Studie-2010praesentation-en.pdf [Consultado el 27 de octubre 2013] ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 30 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html Actas – V Congreso Internacional Latina de Comunicación Social – V CILCS – Universidad de La Laguna, diciembre 2013 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. ISBN-13: 978-84-15698-29-6 / D.L.: TF-715-2013 Página 31 Actas on-line: http://www.revistalatinacs.org/13SLCS/2013_actas.html
