Tienes 5 Segundos: Cómo titular para la Web Juan C. Camus [email_address] www.usando.info www.tienes5segundos.cl
El ciclo virtuoso <ul><li>La clave es  transformar  la información en acción </li></ul>Características de las comunicacion...
Características de las comunicaciones digitales
Características de las comunicaciones digitales
Características de las comunicaciones digitales
Características de las comunicaciones digitales
El ciclo virtuoso <ul><li>La clave es  transformar  la información en acción </li></ul>Características de las comunicacion...
Las bases <ul><li>Características propias de la comunicación vía web </li></ul><ul><ul><li>Interactiva </li></ul></ul><ul>...
<ul><li>Contenidos Estáticos vs Dinámicos </li></ul><ul><ul><ul><li>...dejar  que la audiencia haga algo  y sea parte de l...
Las bases <ul><li>Jean-François Fogel </li></ul><ul><ul><li>“ El texto al pasar del papel a la pantalla, no gana nada&quot...
Las bases <ul><li>Eyetracking : qué  miran  cuando nos visitan? </li></ul><ul><ul><li>El área cubierta por la mirada (que ...
Las bases <ul><li>Test Interactivo de  Eyetracking </li></ul>Características de las comunicaciones digitales
Características de la redacción para el Web <ul><li>Cómo leemos </li></ul><ul><li>Cómo presentamos </li></ul><ul><li>Cómo ...
Características de la redacción para el Web <ul><li>Primero: Cómo leemos… </li></ul><ul><ul><li>Se lee mediante  saltos en...
Cómo presentamos… <ul><li>Portada </li></ul><ul><li>Títulos </li></ul><ul><li>Bajadas </li></ul><ul><li>Redacción en gener...
<ul><li>Cómo presentamos:  Portada </li></ul><ul><ul><li>Gracias a  G o o g l e , la página de inicio ya no tiene validez ...
<ul><li>Cómo presentamos:  Portada </li></ul><ul><ul><li>Funciona su dominio sin las www? </li></ul></ul><ul><ul><li>Ha co...
Cómo presentamos: Títulos Características de la Redacción Web
Cómo presentamos: Títulos <ul><li>El título debe ser comprensible “para” el web:  debe entenderse fuera de contexto </li><...
Cómo presentamos: Títulos 1 2 Dos títulos y dos soportes para el mismo contenido Cuatro versiones:  ¿cuál es mejor? Caract...
Cómo presentamos: Títulos Características de la Redacción Web
Cómo presentamos: Títulos <ul><li>El largo de los títulos es de... </li></ul><ul><ul><li>Inauguran museo de Carabineros en...
Cómo presentamos: Bajadas <ul><li>Son un resumen del texto </li></ul><ul><ul><li>Apoyan el contenido del título </li></ul>...
Cómo presentamos: Bajadas <ul><li>La bajada como apoyo a la lectura </li></ul>Características de la Redacción Web
Cómo presentamos: Redacción <ul><li>Si no nos leen, para qué insistimos en escribir… tanto? </li></ul><ul><ul><li>Por ello...
Cómo presentamos: Textos Cortos <ul><li>Es necesario que la redacción sea corta, que enfatice en las ideas centrales y que...
Cómo presentamos: Textos Cortos <ul><li>Estilos: Bitácora versus Visión Editorial </li></ul>Características de la Redacció...
Cómo presentamos: Textos Largos <ul><li>Preferentemente, evitarlos. </li></ul><ul><li>Si deben ser incluidos, evitar las “...
Cómo presentamos: Fotografías <ul><li>La imagen  siempre  tiene lectura. Punto. </li></ul>Características de la Redacción ...
Cómo presentamos: Tipografía <ul><li>Tipografía para la pantalla </li></ul><ul><ul><li>Elegir la que se ha diseñado para e...
<ul><li>Contenidos Asociados (Ayer…) </li></ul><ul><ul><li>Ayudan a crear  usuarios leales </li></ul></ul><ul><ul><ul><li>...
<ul><li>Contenidos Asociados (Hoy…) </li></ul><ul><ul><ul><li>Participar en redes sociales </li></ul></ul></ul><ul><ul><ul...
<ul><li>Contenidos Asociados (Hoy…) </li></ul><ul><ul><ul><li>Bloggers </li></ul></ul></ul>Acciones Contextuales + Comunid...
<ul><li>Contenidos Asociados (Hoy…) </li></ul><ul><ul><ul><li>Herramientas de interacción </li></ul></ul></ul>Acciones Con...
<ul><li>“ Click trigger” </li></ul><ul><ul><li>La habilidad que tiene un sitio web para  ofrecer enlaces  en cada página a...
<ul><li>Ejemplos de “Click trigger” </li></ul><ul><ul><li>Preocuparse de crear contenidos que  generen más clicks  (Ejempl...
¿Quién me lee? ¿Desde dónde me lee? Características de la Redacción Web
Cómo presentamos: Móviles <ul><li>Para presentar en  dispositivos móviles  hay que preocuparse de: </li></ul><ul><ul><li>C...
Herramientas <ul><li>El browser a usar </li></ul><ul><ul><li>FireFox: http://www.mozilla.org/products/firefox/central.html...
Herramientas <ul><li>Links al sitio </li></ul><ul><ul><li>Google, Yahoo! Site Explorer y Altavista </li></ul></ul><ul><ul>...
Tienes 5 Segundos: Cómo titular para la Web Juan C. Camus [email_address] www.usando.info www.tienes5segundos.cl
Upcoming SlideShare
Loading in …5
×

Cómo titular para Web

3,927 views

Published on

Presentación de Juan Carlos Camus para el Laboratorio de Medios de la Escuela de Periodismo de la Universidad Diego Portales, en santiago de Chile.

Published in: Education, Technology, Business
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,927
On SlideShare
0
From Embeds
0
Number of Embeds
1,342
Actions
Shares
0
Downloads
128
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • Presentación realizada en el Laboratorio de Medios de la Escuela de Periodismo de la Universidad Diego Portales de Santiago de Chile 10 de diciembre de 2009
  • Pantallas de ejemplo de información orientada a la acción del sitio Amazon.com
  • Pantallas de ejemplo de información orientada a la acción del sitio Facebook.com
  • Pantallas de ejemplo de información orientada a la acción del sitio Google.com
  • Pantallas de ejemplo de información orientada a la acción del sitio Whitehouse.gov
  • Las características: Interactiva – permite que la persona que visita el contenido lo utilice de la manera que quiera, quedándose o pertiendo de él de acuerdo a su necesidad. Podrá o no estar leyendo; espera que haya “cosas para hacer” en la página que visita. Actualizada - el web no tiene la lógica de la hora de cierre o del documento terminado de los textos en papel. Puede ser corregido en todo momento, por lo que su contenido es de mutación permanente. Multimedial – por el hecho de residir en un computador, tiene la facilidad de permitir la inclusión de medios múltiples, destacando particularmente los audiovisuales. No lineal – por el hecho de estar en una red, cualquier enlace puede traer a alguien al contenido; por lo tanto, éste puede ser visto en cualquier orden; ante esto, es un requisito indispensable el uso de una sólida arquitectura de la información. Personal – el usuario le agrega valor al contenido, ya que lo agrupa con otros elementos y de esa manera lo transforma y mejora; por lo tanto, el valor tiene que ver con algo personal del usuario y ya no tanto con lo que el contenido es per-se.
  • Más del autor en http://steveouting.com/
  • Más de su visita a Chile en: http://www.usando.info/blog/2008/06/fogel-el-papel-la-pantalla-y-la.html Su blog: http://www.elboomeran.com/blog/5/jean-francois-fogel/ Interesante: Lectura vertical – de izquierda a derecha, de arriba abajo; es la forma habitual de lectura del material impreso. Lectura horizontal – es la lectura saltada que pasa entre documentos gracias a los hipervínculos. También: La música cuando se hizo digital cambió la experiencia de escucharla, ya que pasó de ser grupal a individual. Lo mismo pasó con el cine que de verse en salas, ahora se ve en las casas en una experiencia familiar.
  • http://www.usando.info/blog/2007/05/descubriendo-el-tringulo-dorado-de.html Imagen: http://www.useit.com/alertbox/reading_pattern.html
  • Prueba interactiva del Eyetrack III que muestra cómo las palabras y no las imágenes son las que guían la acción de los ojos.
  • La decisión sobre el tipo de contenidos del sitio, tiene mucho que ver con su misión como medio de comunicación. La opinión de Steve Outing en http://www.poynter.org/centerpiece/immerse/immersive.htm
  • Imágenes gentileza de Manuel Contreras
  • Más información en: http://www.usando.info/main_file.php/us_uw/8495/
  • Imagen 1: Ejemplo de título de fantasía para la portada y título informativo para el texto que va con la noticia. Imagen 2: Ejemplo de cuatro titulares de diferentes medios, para una misma noticia; el de arriba a la derecha, viene del impreso y se nota, porque no funciona bien fuera de contexto; los demás nacieron desde el web.
  • Imagen 1: Ejemplo de título de fantasía para la portada y título informativo para el texto que va con la noticia. Imagen 2: Ejemplo de cuatro titulares de diferentes medios, para una misma noticia; el de arriba a la derecha, viene del impreso y se nota, porque no funciona bien fuera de contexto; los demás nacieron desde el web.
  • Ejemplo del uso de las bajadas para mostrar más información y apoyar el click del usuario.
  • Ejemplo del uso de negritas para destacar elementos informativos.
  • Ejemplo de las dos formas de destacar información en una portada.
  • Comparación de vista de pantalla y vista de impresión, empleando el sitio Usando.info
  • Los Contenidos Asociados son aquellos que permiten generar elementos que los usuarios pueden descargar a su computador, o enviar desde el sitio a otras personas. Ayudan en las tareas de marketing viral y en los programas de lealtad de clientes o usuarios.
  • Los Contenidos Asociados son aquellos que permiten generar elementos que los usuarios pueden descargar a su computador, o enviar desde el sitio a otras personas. Ayudan en las tareas de marketing viral y en los programas de lealtad de clientes o usuarios.
  • Los Contenidos Asociados son aquellos que permiten generar elementos que los usuarios pueden descargar a su computador, o enviar desde el sitio a otras personas. Ayudan en las tareas de marketing viral y en los programas de lealtad de clientes o usuarios.
  • Más de este tema en: http://www.usando.info/blog/2007/07/sitios-web-hora-de-decir-accin.html
  • Más sobre el tema en http://www.usando.info/main_file.php/us_uw/8469/
  • Los Contenidos Asociados son aquellos que permiten generar eleentos que los usuarios pueden descargar a su computador, o enviar desde el sitio a otras personas. Ayudan en las tareas de marketing viral y en los programas de lealtad de clientes o usuarios.
  • Habitualmente asumimos que quien nos lee lo hace desde una pantalla. Pero qué pasa con los demás dispositivos. Qué tenemos para ellos? Qué ofrecemos? Cómo los atendemos?
  • Más información sobre la Guía en: http://www.webcredibility.org/guidelines/
  • Cómo titular para Web

    1. 1. Tienes 5 Segundos: Cómo titular para la Web Juan C. Camus [email_address] www.usando.info www.tienes5segundos.cl
    2. 2. El ciclo virtuoso <ul><li>La clave es transformar la información en acción </li></ul>Características de las comunicaciones digitales
    3. 3. Características de las comunicaciones digitales
    4. 4. Características de las comunicaciones digitales
    5. 5. Características de las comunicaciones digitales
    6. 6. Características de las comunicaciones digitales
    7. 7. El ciclo virtuoso <ul><li>La clave es transformar la información en acción </li></ul>Características de las comunicaciones digitales
    8. 8. Las bases <ul><li>Características propias de la comunicación vía web </li></ul><ul><ul><li>Interactiva </li></ul></ul><ul><ul><li>Actualizada </li></ul></ul><ul><ul><li>Multimedial </li></ul></ul><ul><ul><li>No lineal </li></ul></ul><ul><ul><li>Personal </li></ul></ul>Características de las comunicaciones digitales
    9. 9. <ul><li>Contenidos Estáticos vs Dinámicos </li></ul><ul><ul><ul><li>...dejar que la audiencia haga algo y sea parte de la noticia, es algo que otros medios generalmente no pueden hacer. La Internet y el web son interactivos por naturaleza, y para que Internet tenga éxito como medio masivo, debe aprovechar sus fortalezas sobre los otros medios ”. – Steve Outing </li></ul></ul></ul>Las bases Características de las comunicaciones digitales Steve Outing
    10. 10. Las bases <ul><li>Jean-François Fogel </li></ul><ul><ul><li>“ El texto al pasar del papel a la pantalla, no gana nada&quot;. </li></ul></ul><ul><ul><li>El libro al pertenecer a una biblioteca digital hacia la cual hay múltiples referencias desde sus páginas, debido a las anotaciones que han hecho otras personas o las menciones que hace el propio texto, ofrece mucho más que el libro de papel. </li></ul></ul><ul><ul><ul><li>El iPod sólo fue un éxito cuando apareció iTunes </li></ul></ul></ul><ul><ul><li>Presentando: </li></ul></ul><ul><ul><ul><li>Lectura vertical </li></ul></ul></ul><ul><ul><ul><li>Lectura horizontal </li></ul></ul></ul>Características de las comunicaciones digitales
    11. 11. Las bases <ul><li>Eyetracking : qué miran cuando nos visitan? </li></ul><ul><ul><li>El área cubierta por la mirada (que tiene la forma de un triángulo) es lo que existe para el usuario y lo demás, simplemente no se ve. </li></ul></ul>Características de las comunicaciones digitales
    12. 12. Las bases <ul><li>Test Interactivo de Eyetracking </li></ul>Características de las comunicaciones digitales
    13. 13. Características de la redacción para el Web <ul><li>Cómo leemos </li></ul><ul><li>Cómo presentamos </li></ul><ul><li>Cómo interactuamos </li></ul>Características de la Redacción Web
    14. 14. Características de la redacción para el Web <ul><li>Primero: Cómo leemos… </li></ul><ul><ul><li>Se lee mediante saltos entre los temas más importantes , no palabra a palabra (Morkes, 1979) </li></ul></ul><ul><ul><li>El 79% va saltando entre párrafos y que sólo el 6% lee palabra a palabra (Nielsen 1997) </li></ul></ul><ul><ul><li>Se lee siguiendo el “ aroma ” de la información que permite predecir la calidad de lo que se encontrará (Pirolli 2002) </li></ul></ul><ul><ul><li>La credibilidad de un sitio se construye con medidas concretas relacionadas con la forma de presentar la información (Stanford 2002) </li></ul></ul>Características de la Redacción Web
    15. 15. Cómo presentamos… <ul><li>Portada </li></ul><ul><li>Títulos </li></ul><ul><li>Bajadas </li></ul><ul><li>Redacción en general </li></ul><ul><li>Textos Cortos </li></ul><ul><li>Textos Largos </li></ul><ul><li>Fotografías </li></ul><ul><li>Interacción </li></ul><ul><li>Tipografía </li></ul>Características de la Redacción Web
    16. 16. <ul><li>Cómo presentamos: Portada </li></ul><ul><ul><li>Gracias a G o o g l e , la página de inicio ya no tiene validez como la única zona de acceso al sitio web. </li></ul></ul><ul><ul><li>Por lo tanto hay que preparar en cada página: </li></ul></ul><ul><ul><ul><li>Contexto institucional (logotipo, dirección física, contacto) </li></ul></ul></ul><ul><ul><ul><li>Navegación (sección, breadcrumbs, menú) </li></ul></ul></ul><ul><ul><ul><li>Ofertas de otros contenidos (Vea además) </li></ul></ul></ul><ul><ul><ul><li>Compartir (comentarios, envíos por mails, redes sociales) </li></ul></ul></ul>Cómo presentamos… Características de la Redacción Web
    17. 17. <ul><li>Cómo presentamos: Portada </li></ul><ul><ul><li>Funciona su dominio sin las www? </li></ul></ul><ul><ul><li>Ha comprado los nombres parecidos </li></ul></ul><ul><ul><ul><li>Google </li></ul></ul></ul><ul><ul><ul><li>Gooogle </li></ul></ul></ul><ul><ul><ul><li>Gogle </li></ul></ul></ul><ul><ul><li>Un problema de marketing y DNS </li></ul></ul>Cómo presentamos… Características de la Redacción Web
    18. 18. Cómo presentamos: Títulos Características de la Redacción Web
    19. 19. Cómo presentamos: Títulos <ul><li>El título debe ser comprensible “para” el web: debe entenderse fuera de contexto </li></ul><ul><ul><li>Sujeto + Predicado </li></ul></ul><ul><ul><li>Títulos fomes para Internet </li></ul></ul><ul><ul><li>Títulos con estándar web (<h1>) </li></ul></ul><ul><li>Las palabras del título deben apoyar el “click” del usuario </li></ul><ul><ul><li>Verbos activos </li></ul></ul><ul><ul><li>Invitaciones a la acción </li></ul></ul><ul><li>El título debe sostenerse en el tiempo </li></ul><ul><ul><li>Hoy, Ayer, Mañana </li></ul></ul><ul><ul><li>Pasado, Presente y Futuro </li></ul></ul><ul><li>El título no debe medir más de 64 caracteres de largo </li></ul><ul><ul><li>Google, Yahoo, Bing permiten máximo 70 caracteres </li></ul></ul>Características de la Redacción Web
    20. 20. Cómo presentamos: Títulos 1 2 Dos títulos y dos soportes para el mismo contenido Cuatro versiones: ¿cuál es mejor? Características de la Redacción Web
    21. 21. Cómo presentamos: Títulos Características de la Redacción Web
    22. 22. Cómo presentamos: Títulos <ul><li>El largo de los títulos es de... </li></ul><ul><ul><li>Inauguran museo de Carabineros en honor a general Bernales </li></ul></ul><ul><ul><ul><li>(59) </li></ul></ul></ul><ul><ul><li>Presidenta Bachelet inauguró el centro cultural en honor al ... </li></ul></ul><ul><ul><ul><li>(60) </li></ul></ul></ul><ul><ul><li>Bachelet inaugura Centro Cultural de Carabineros &quot;General ... </li></ul></ul><ul><ul><ul><li>(58) </li></ul></ul></ul><ul><ul><li>Carabineros inaugura centro cultural en memoria de general José ... </li></ul></ul><ul><ul><ul><li>(64) </li></ul></ul></ul><ul><ul><li>Presidenta inaugura centro cultural General Bernales </li></ul></ul><ul><ul><ul><li>(53) </li></ul></ul></ul><ul><ul><li>Inauguran Centro Cultural General Bernales </li></ul></ul><ul><ul><ul><li>(43) </li></ul></ul></ul>Características de la Redacción Web
    23. 23. Cómo presentamos: Bajadas <ul><li>Son un resumen del texto </li></ul><ul><ul><li>Apoyan el contenido del título </li></ul></ul><ul><li>¿Son necesarias? </li></ul><ul><ul><li>Para apoyar la lectura rápida (negritas, destacados) </li></ul></ul><ul><ul><li>Para apoyar la Encontrabilidad (más términos, sinónimos) </li></ul></ul><ul><ul><li>Para generar datos de meta información (<h2>, meta description) </li></ul></ul><ul><ul><li>Para ayudar en desarrollo de gadgets: </li></ul></ul><ul><ul><ul><li>Contenido para RSS </li></ul></ul></ul><ul><ul><ul><li>Contenido para newsletters </li></ul></ul></ul><ul><ul><ul><li>Contenido para widgets </li></ul></ul></ul>Características de la Redacción Web
    24. 24. Cómo presentamos: Bajadas <ul><li>La bajada como apoyo a la lectura </li></ul>Características de la Redacción Web
    25. 25. Cómo presentamos: Redacción <ul><li>Si no nos leen, para qué insistimos en escribir… tanto? </li></ul><ul><ul><li>Por ello es necesario: </li></ul></ul><ul><ul><ul><li>Destacar palabras significativas </li></ul></ul></ul><ul><ul><ul><li>Subtítulos destacados </li></ul></ul></ul><ul><ul><ul><li>Listas (no más de siete elementos) </li></ul></ul></ul><ul><ul><ul><li>Una idea por párrafo </li></ul></ul></ul><ul><ul><ul><li>Pirámide invertida : lo importante primero </li></ul></ul></ul><ul><ul><ul><li>Escribir con la mitad de las palabras </li></ul></ul></ul>Características de la Redacción Web
    26. 26. Cómo presentamos: Textos Cortos <ul><li>Es necesario que la redacción sea corta, que enfatice en las ideas centrales y que guíe la lectura utilizando elementos claves (negritas, enlaces, etc). </li></ul>Características de la Redacción Web
    27. 27. Cómo presentamos: Textos Cortos <ul><li>Estilos: Bitácora versus Visión Editorial </li></ul>Características de la Redacción Web
    28. 28. Cómo presentamos: Textos Largos <ul><li>Preferentemente, evitarlos. </li></ul><ul><li>Si deben ser incluidos, evitar las “ sábanas ”. </li></ul><ul><li>Preferir: </li></ul><ul><ul><li>Subtítulos </li></ul></ul><ul><ul><li>Listas </li></ul></ul><ul><ul><li>Imágenes </li></ul></ul><ul><ul><li>Cuadros o Tablas </li></ul></ul><ul><li>Ofrecer alternativas: </li></ul><ul><ul><li>PDF </li></ul></ul><ul><ul><li>Impresión amistosa </li></ul></ul><ul><ul><li>Texto dividido en varios títulos </li></ul></ul>Características de la Redacción Web
    29. 29. Cómo presentamos: Fotografías <ul><li>La imagen siempre tiene lectura. Punto. </li></ul>Características de la Redacción Web
    30. 30. Cómo presentamos: Tipografía <ul><li>Tipografía para la pantalla </li></ul><ul><ul><li>Elegir la que se ha diseñado para ese efecto: Verdana </li></ul></ul><ul><li>¿Se pueden usar otras? </li></ul><ul><ul><li>La importancia del CSS </li></ul></ul><ul><ul><li>Cambiar tipografía dependiendo del medio utilizado: pantalla, impresora, televisión, celular </li></ul></ul>Características de la Redacción Web
    31. 31. <ul><li>Contenidos Asociados (Ayer…) </li></ul><ul><ul><li>Ayudan a crear usuarios leales </li></ul></ul><ul><ul><ul><li>Wallpapers (Fondos) </li></ul></ul></ul><ul><ul><ul><li>Screensavers (Salva Pantallas) </li></ul></ul></ul><ul><ul><ul><li>Postales </li></ul></ul></ul><ul><ul><ul><li>Enviar a un amigo </li></ul></ul></ul>Acciones Contextuales Características de la Redacción Web Ofertas para generar lealtad
    32. 32. <ul><li>Contenidos Asociados (Hoy…) </li></ul><ul><ul><ul><li>Participar en redes sociales </li></ul></ul></ul><ul><ul><ul><li>Comentar </li></ul></ul></ul><ul><ul><ul><li>Participar </li></ul></ul></ul>Acciones Contextuales + Comunidad Características de la Redacción Web
    33. 33. <ul><li>Contenidos Asociados (Hoy…) </li></ul><ul><ul><ul><li>Bloggers </li></ul></ul></ul>Acciones Contextuales + Comunidad Características de la Redacción Web
    34. 34. <ul><li>Contenidos Asociados (Hoy…) </li></ul><ul><ul><ul><li>Herramientas de interacción </li></ul></ul></ul>Acciones Contextuales + Comunidad Características de la Redacción Web
    35. 35. <ul><li>“ Click trigger” </li></ul><ul><ul><li>La habilidad que tiene un sitio web para ofrecer enlaces en cada página al visitante, a partir de los cuales pueda participar de manera más concreta en los contenidos del sitio web. </li></ul></ul>Acciones Contextuales Características de la Redacción Web
    36. 36. <ul><li>Ejemplos de “Click trigger” </li></ul><ul><ul><li>Preocuparse de crear contenidos que generen más clicks (Ejemplo: Lo + … en NYT) </li></ul></ul><ul><ul><li>Evitar la navegación de rebote y tener siempre una oferta asociada (Ejemplo: acciones a realizar El Mundo) </li></ul></ul>Acciones Contextuales Características de la Redacción Web
    37. 37. ¿Quién me lee? ¿Desde dónde me lee? Características de la Redacción Web
    38. 38. Cómo presentamos: Móviles <ul><li>Para presentar en dispositivos móviles hay que preocuparse de: </li></ul><ul><ul><li>Contexto de presentación </li></ul></ul><ul><ul><ul><li>Desde qué aparato nos miran </li></ul></ul></ul><ul><ul><ul><li>Para qué nos miran </li></ul></ul></ul><ul><ul><ul><li>Quiénes nos miran </li></ul></ul></ul><ul><li>No es lo mismo: </li></ul><ul><ul><li>Miniaturizar </li></ul></ul><ul><ul><ul><li>Mantener lo actual pero mostrarlo en una pantalla de menor tamaño </li></ul></ul></ul><ul><ul><li>Movilizar </li></ul></ul><ul><ul><ul><li>Dejarlo disponible para el contexto en que nos visitan </li></ul></ul></ul>Características de la Redacción Web
    39. 39. Herramientas <ul><li>El browser a usar </li></ul><ul><ul><li>FireFox: http://www.mozilla.org/products/firefox/central.html </li></ul></ul><ul><ul><li>Opera: http://www.opera.com/download/ </li></ul></ul><ul><li>Herramientas de apoyo: </li></ul><ul><ul><li>IE </li></ul></ul><ul><ul><ul><li>http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en </li></ul></ul></ul><ul><ul><li>FF </li></ul></ul><ul><ul><ul><li>http://www.chrispederick.com/work/firefox/webdeveloper/ </li></ul></ul></ul><ul><li>Links e Imágenes no existentes </li></ul><ul><ul><li>Xenu </li></ul></ul><ul><ul><ul><li>http://home.snafu.de/tilman/xenulink.html </li></ul></ul></ul><ul><ul><li>Link Checker de W3C </li></ul></ul><ul><ul><ul><li>http://validator.w3.org/checklink </li></ul></ul></ul><ul><li>Peso de las páginas </li></ul><ul><ul><li>Page Size </li></ul></ul><ul><ul><ul><li>http://www.numion.com/Stopwatch/index.html </li></ul></ul></ul><ul><ul><li>Web Site Optimization </li></ul></ul><ul><ul><ul><li>http://www.websiteoptimization.com/services/analyze/ </li></ul></ul></ul>Herramientas
    40. 40. Herramientas <ul><li>Links al sitio </li></ul><ul><ul><li>Google, Yahoo! Site Explorer y Altavista </li></ul></ul><ul><ul><li>link:url-sitioweb </li></ul></ul><ul><li>Validaciones de Estándares de w3c.org </li></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><ul><li>http://validator.w3.org/ </li></ul></ul></ul><ul><ul><li>CSS </li></ul></ul><ul><ul><ul><li>http://jigsaw.w3.org/css-validator/ </li></ul></ul></ul><ul><li>Visibilidad en browsers </li></ul><ul><ul><li>Tamaño de ventanas </li></ul></ul><ul><ul><ul><li>http://www.w3schools.com/browsers/browsers_stats.asp </li></ul></ul></ul><ul><ul><li>Visión en Sólo texto (Lynx) </li></ul></ul><ul><ul><ul><li>http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php </li></ul></ul></ul><ul><ul><li>Visión en celulares </li></ul></ul><ul><ul><ul><li>http://ready.mobi/launch.jsp?locale=en_EN </li></ul></ul></ul>Herramientas
    41. 41. Tienes 5 Segundos: Cómo titular para la Web Juan C. Camus [email_address] www.usando.info www.tienes5segundos.cl

    ×