Aspectos editoriales, de diseño o y comunicación en publicaciones electrónicas. Asig. Edición de documentos.

Transcripción

1 Aspectos editoriales, de diseño o y comunicación en publicaciones electrónicas Asig. Edición de documentos.

2 Objetivos Presentar aspectos editoriales que caracterizan a las publicaciones electrónicas Analizar aspectos de diseño y comunicativos de las publicaciones electrónicas Destacar las similitudes y diferencias en el tratamiento editorial de publicaciones impresas y electrónicas

3 Aspectos editoriales en el Web Las publicaciones en el Web tienen muchas similitudes con la publicaciones impresas pero al ser accesibles sin preámbulo exigen ser más independientes que estas. Muchas páginas terminan aisladas, se presentan como fragmentos aislados y fuera de contexto lo que exige un tratamiento particular. Web: Estilo Editorial

4 Aspectos editoriales de una publicación electrónica para el Web Título Fecha, número, volumen Número ISSN ó ISBN Tabla de contenido Editor, Consejo de redacción... Artículos de diferentes tipos Archivos de números anteriores Mecanismos de búsqueda Otros... Web: Estilo Editorial

5 Aspectos editoriales de una publicación electrónica para el Web Diseño gráfico Balance de páginas y menús Maquetas de páginas Áreas gráficas reservadas Encabezamientos y pies de páginas Tipografía Consistencia Estilo Editorial Web: Estilo Editorial

6 Componentes del proceso de elaboración de una publicación electrónica para el web Planeación Diseño Navegación Visibilidad

7 Publicación en el Web: Planeación Identificar audiencia o público destino Organización lógica de la información (página principal, menús, elementos visuales de orientación) Establecer una jerarquía de importancia y generalidad Definir cómo y con qué regularidad se actualizará la información Identificación de autores u organizaciones responsables de los contenidos de las páginas Definir servicios interactivos

8 Publicación en el Web: Diseño Consistencia del diseño Dimensiones de la página Área segura de la página Composición de la página Tratamiento de títulos y subtítulos Tipografía Gráficos e imágenes

9 Web: La consistencia de las páginas Guías y parámetros de estilo: Se refiere a las especificaciones sobre tipos de letras, espacios entre párrafos, tamaño de los subencabezamientos y otros aspectos que marcan el estilo de las páginas Web. Son contenido de la guía de estilo Son la base de la consistencia del sitio y cruciales en el caso de sitios grandes con numerosas páginas. Son la base del trabajo con las Cascading Style Sheets. Diseño

10 Dimensiones gráficas de la página Publicación impresa vs Publicación electrónica Diseño

11 Área segura de la página

12 Composición de la página

13 Maqueta de página

14 Tratamiento de títulos y subtítulos Las marcas editoriales como los títulos y encabezamientos son el aspecto fundamental de la interfaz humana del Web de la misma manera que en las publicaciones impresas. Es fundamental por tanto un tratamiento consistente de titulado, encabezamientos y subencabezamientos Diseño

15 Tipografía Un diseño regularizado es más legible que uno decorativo. En las publicaciones electrónicas un tipo sans serif (palo seco) es más legible que uno con serif. Lo contrario ocurre con las publicaciones impresas. Tipo con serif Tipo Sans serif

16 Cuando leemos lo primero que observamos es la forma general de las palabras. De manera que un titular con la primera letra de cada palabra en mayúscula es mas atractivo visualmente que todo el titular en mayúsculas. Capitalización Las letras de caja baja son más legibles que las de caja alta Un Titular Normal UN TITULAR NORMAL

17 Capitalización (Cont.) La mayor cantidad de la información reside en la parte superior de las letras, la vista está acostumbrada a fijarse en la parte superior de las letras por lo que si capitalizamos todas las palabras estaremos obligando a realizar un esfuerzo superior que puede resultar molesto. La parte superior contiene más información

18 Estilos tipográficos Un tipo de peso medio es más legible que uno en negrita. No abuse de las negritas y cursivas para resaltar porque si todo está resaltado, el cerebro se acostumbra y deja de parecerle destacado. Ej. El texto pierde fuerza si todas las palabras están resaltadas. El texto pierde fuerza si todas las palabras están resaltadas.

19 Los gráficos en el Web Usar gráficos que sean críticos para el contenido de la página Limitar el uso de imágenes grandes destinadas a llamar la atención Mantener el tamaño total de las imágenes en una página por debajo de los 30 K. Usar pequeñas imágenes que apunten a imágenes más grandes en caso de ser necesario. Usar los trucos tecnológicos necesarios para disminuir el tiempo de acceso. Por ejemplo, usar ficheros gif interlaced, poner las dimensiones de la imagen Diseño y otros.

20 Publicación en el Web: Navegación Consistencia e identidad visual Longitud adecuada de los documentos Tamaño de gráficos y ficheros Herramientas de búsqueda

21 Web: Determinación del largo de las páginas Los 4 Factores determinantes Relación entre la página y el tamaño de la pantalla El contenido particular de los documentos Si se espera que el usuario lea en línea o descargue el documento para su lectura posterior. El ancho de banda disponible Navegación

22 El largo de las páginas

23 Web: El largo de las páginas: recomendaciones prácticas Páginas cortas para: Home pages, menús o páginas de navegación. Documentos que se naveguen o lean en línea. Páginas con gráficos muy grandes Documentos mas largos para: Mantenerlos fácilmente (todos en una página y pocos enlaces) Más cercanos a sus contrapartes impresas Fáciles de descargar e imprimir Navegación

24 Publicación en el Web: Visibilidad Selección del título de la página Selección de palabras claves Colocación de resumen o tablas de contenido Colocación de meta-información

25 Contenidos en el Web Poner la mayor cantidad de contenido en lo más alto de la jerarquía siempre que sea posible Ofrecer contenido útil en cada página que sea vista por los usuarios Ofrecer valor en las páginas de manera que los usuarios las pongan en sus favoritos Ofrecer informaciones bien escritas, cortas, ricas en datos y hechos. Ofrecer enlaces de contexto que complementen la página considerando las diversas audiencias Dar idea del carácter dinámico de la página mediante anuncios u otros medios Preparar la página para los diversos visualizadores incluida la opción textual

26 Revistas electrónicas

27 Tabla de contenido con enlace a artículos

28 Revista electrónica

29 Tabla de contenido con enlaces a artículos

30 Periódico electrónico

31 Identidad visual en artículo interior del periódico

32 Periódico electrónico

33 Archivo de números anteriores

34 Boletín electrónico

35 Conclusiones Las etapas del proceso de edición de una publicación electrónica y una impresa son similares, con excepción de la forma de reproducción. Comparten aspectos editoriales generales como datos de la publicación, machón editorial, números normalizados, etc. Tienen diferencias marcadas en cuanto a área de composición, dimensiones gráficas y tamaño de las páginas, entre otras. Existen tipografías más adecuadas según el medio de que se trate pero las recomendaciones en cuanto a estilo, capitalización, etc. pueden ser las mismas. Cada medio utiliza aspectos específicos en función de la efectividad de la comunicación.

36 Bibliografía recomendada Baylor College of Medicine.WWW style guide. Disponible en: [visitado 8/10/01] IEEE Web Style Guide. Disponible en: [visitado 8/10/01] Sun Microsystems. Disponible en: [visitado 8/10/01] The Library of Congress. WWW style guide. Disponible en: [visitado 8/10/01] Yale Style Manual. Disponible en: [visitado 8/10/01]

37 Fin