ESCRIBIR PARA LA WEB Amalio A. Rey www.emotools.com www.amaliorey.com
“INTERNET CONVIERTE A TODAS LAS EMPRESAS ENEDITORIALES QUE PUBLICAN” (STEVE CASE- America Online)Entonces, pensemos por un momento que somos una editorial que, para mantenerse en su negocio, tiene que ser capaz de publicar una buena página-web Amalio A. Rey - www.emotools.com
TEXTO DIGITAL: Escribir para la web
Fuente relevante: Lisa Price y Jonathan Price“Hot Text: Web Writing that Works” http://www.amazon.com/Hot-Text-Writing-that- Works/dp/0735711518 Amalio A. Rey - www.emotools.com
Temas a tratar: Escribir para la web Menos es más + El poder de lo simple Principios de la escritura clara (para cualquier formato no literario) ¿Qué significa escribir para la web? Principios de la redacción digital Amalio A. Rey - www.emotools.com
El lenguaje se complica con el tiempo... Hamlet (Shakespeare): 20.000 palabras disponibles para escribir Discurso de Gettysburg (Lincoln): 114.000 palabras a su disposición Diccionario Webster (Hoy): Más de 600.000 palabras!!!!! Amalio A. Rey - www.emotools.com
Menos es más: ¿Por qué hacer más compleja una idea que puede ser simple? IDEA COMPLEJA IDEA SIMPLE“No por interrumpir el sueño “No por madrugar,anticipadamente, se inicia la aurora amanece másantes de su referencia horaria” temprano”“La persona que hurta habitualmente “Cree el ladrónestá convencida de que la que todos son degeneralidad de sus congéneres son su condición”de naturaleza similar” Amalio A. Rey - www.emotools.com
Menos es más....... IDEA COMPLEJA IDEA SIMPLE“Su correspondencia ha entrado ennuestro registro en el día de hoy. “Gracias por suHemos leído con atención su sugerencia. Pensaréinteresante sugerencia. Una vez que en ello y ledispongamos de tiempo para contestaré enanalizarla y darle la debida cuanto pueda”.consideración, le haremos llegarnuestras conclusiones” Amalio A. Rey - www.emotools.com
¡¡¡Sé breve y directo!!!“La presentación de una idea SIEMPREdebe ser ágil y breve. Me encanta poderexplicar las ideas en pocos minutos.Deberías ser capaz de describir tus ideasclave en menos de cinco minutos.Cuando sea necesario, ya te pedirán másinformación” Pep Torres – “El Manual del Inventor” Amalio A. Rey - www.emotools.com
¡¡¡No me hagas pensar!!!Cuanto menos tengaque pensar el usuario,para comprender loscontenidos de tu web,más probabilidades deéxito tendrás comoempresa. Amalio A. Rey - www.emotools.com
Arrogancia intelectualHay personas que creen que por usar palabras pomposas parecen más inteligentes y trascendentes. Pero realmente, lo único que logran es que nadie les entienda.¡¡¡evita que a tu web le ocurra esto!!! Amalio A. Rey - www.emotools.com
Redacción relevante: Malos ejemplos de “misión” de empresa Algunas empresas tienen una declaración de “misión” que no dice nada. “Mejorar continuamente el valor a largo plazo para los clientes, los empleados, los accionistas y la sociedad” (Boise Cascade) “Satisfacer las necesidades y expectativas de nuestros clientes con productos y servicios de calidad” (Levitz Furniture) (corolario: esta empresa ya quebró) Amalio A. Rey - www.emotools.com
¡¡¡No lo olvides porque esto lo cambia todo!!!! Los usuarios no leen en Internet, ojean velozmente ("scanean") en busca de la información que les interesa. Las páginas web deben ser ojeables ("scannable text") para facilitar este tipo de “lectura”. Reduce la carga cognitiva (empezando por la información superflua) para que se produzca un procesamiento de la información eficiente y rápido. Amalio A. Rey - www.emotools.com
Principios de la escritura clara-1 (en cualquier formato no literario) Frases cortas. Párrafos breves. Palabras sencillas en lugar de complejas. Ideas en un orden lógico, estructurado Economía del lenguaje: Suprime toda palabra innecesaria. Verbos activos, en lugar de pasivos. Amalio A. Rey - www.emotools.com
Principios de la escritura clara-2 (en cualquier formato no literario) Escribe para expresar, no para impresionar. Conecta con la experiencia del lector. Procura ser ameno: ¡¡¡No contigo mismo, sino con la gente!! Escribe como hablas. Amalio A. Rey - www.emotools.com
Escribe como hablas “Si la gente de negociosescribiera como habla, escribiría mejor” Rudolph Flesch- el Arte del Discurso Claro Amalio A. Rey - www.emotools.com
Escribe ligero Las grandes ideas casi siempre se expresan con palabras simples. Las frases memorables son también las más cortas (“A rey muerto, rey puesto”) Escribe ligero, vacía tu mochila de todos los adjetivos y adverbios que recargan tu redacción Amalio A. Rey - www.emotools.com
Escribir para la web Escribir para la web no es lo mismo que escribir para documentos impresos 79% de los usuarios “escanean” los textos en lugar de leerlos palabra por palabra. La lectura en la pantalla es 25% más lenta que en el papel Los contenidos digitales deberían contener 50% menos de palabras que su equivalente impreso en papel. Amalio A. Rey - www.emotools.com
Mejoras de la usabilidad si se “escribe para la web”Según un estudio realizado por Sun, utilizando dos sites de muestra, fue posible duplicar la “usabilidad” de ambas web (159% y 124%) RESCRIBIENDO los contenidos conarreglo a los principios de la redacción digital. Amalio A. Rey - www.emotools.com
Principios para la redacción digital (1) Simple y breve: En redacción digital, lo simple y breve, dos veces bueno. Ley del 50%: Utiliza la mitad de las palabras que usarías en un texto impreso Ayuda a los usuarios a captar de un vistazo (cómodo) la esencia de un texto: Palabras resaltadas en negrita, espacios en blanco o líneas separadoras, bullets, y títulos y subtítulos claros. Evita las “parrafadas”. Amalio A. Rey - www.emotools.com
Principios para la redacción digital (2) Escribe con personalidad: Ser breve y sobrio no significa ser aburrido. Estructuras gramaticales sencillas: Oraciones cortas y directas.Verbos en activo. Evita la sustantivación. Cada párrafo, una idea única Estilo de pirámide invertida: comienza por la conclusión y finaliza con los detalles. Amalio A. Rey - www.emotools.com
Principios para la redacción digital (3) Texto en profundidad: Mueve la información menos importante a enlaces con páginas secundarias Lenguaje objetivo: Evita adjetivos y adverbios estridentes, palabras redundantes o afirmaciones no basadas en evidencias = Lo contrario del “comercial agresivo”. Contenidos atractivos sin scroll: Concentra el texto más atractivo en la primera pantalla. Amalio A. Rey - www.emotools.com
Principios para la redacción digital (4) Escribe para ser encontrado: Al escribir piensa en conquistar a los “motores de búsqueda”. Tamaño adecuado de fuente: Tiende a una fuente grande, aunque tengas una vista excelente y no uses gafas. Contrastes nítidos entre el color de la fuente y el fondo. Usa fondos de tonalidades suaves. Mantén un aspecto ordenado y claro en la pantalla: Evita elementos móviles superfluos que dificultan la legibilidad. Amalio A. Rey - www.emotools.com
MENOS ES MÁS (1) LAS FRASES CONCISAS SON COMO CLAVOS AFILADOS IMPULSANDO LA VERDAD AL INTERIOR DE NUESTRA MEMORIA (DENIS DIDEROT) MI ASPIRACIÓN ES DECIR EN DIEZ FRASES LO QUE OTROS DICESN EN TODO UN LIBRO (FRIEDRICH NIETZSCHE) TODO LO INNECESARIO OFENDE (BENJAMÍN FRANKLIN) Amalio A. Rey - www.emotools.com
MENOS ES MÁS (2)SI QUIERES ASEGURARTE QUE ALGUIEN LEERÁ LO QUEESCRIBES EN LA WEB, ESCRIBE MENOS (JONATHAN PRICE- “Texto Vivo”) Amalio A. Rey - www.emotools.com
MENOS ES MÁS (3)De las cinco o seis cosas que aprendí en la Universidad, la que más conservo (y más me ha beneficiado) es la norma número diecisiete de E. B. White en su The Elements of Style, que dice: “Omítanse las palabras innecesarias: La escritura vigorosa es concisa. Una frase no debe tener palabras innecesarias y un párrafo debe omitir las frases superfluas por el mismo motivo que el dibujo debe prescindir de las líneas innecesarias y cualquier aparato de las partes inútiles” (STEVE KRUG- “No me hagas pensar”) Amalio A. Rey - www.emotools.com
¿Qué longuitud debe tener un “párrafo digital”? Dos o tres líneas es lo ideal, según los expertos. Según mi experiencia, añadiría una más, es decir, un máximo de 4. En cualquier caso, no deberíamos pasarnos nunca de 5 líneas. Si tienes un párrafo de más de seis líneas, deberías ser capaz de partirlo en dos párrafos más cortos. Ser conciso NO es sinónimo de decir menos, sino de usar menos palabras (Jonathan Price) Amalio A. Rey - www.emotools.com
Persevera con la “tijera”NO ESPERES HACER TODOS LOS RECORTES DE UNA VEZ. PERSEVERA. HAZ HASTA CINCO PASADAS PARA QUITARTE DE ENCIMA HASTA LA ÚLTIMA COMA SOBRANTE. EMPIEZA SUPRIMIENDO ADVERBIOS DEL TIPO “REALMENTE” O “SINCERAMENTE”. ELIMINA LOS DETALLES INNECESARIOS. BORRA LAS FRASES POMPOSAS QUE NO DICEN NADA Y LA JERGA CORPORATIVA QUE SOLO INTERESA HACIA ADENTRO Amalio A. Rey - www.emotools.com
LAS HIPÉRBOLES Y EXAGERACIONES La exageración hace el texto menos útil y creíble. La prosa digital debe ser lo más objetiva posible. Olvida los aspavientos. No seas mimético con el lenguaje. No repitas las frases de siempre que hablan maravillas increíbles de tu empresa. Los usuarios recelan de cualquier cosa que suene a anuncio comercial. Si quieres ganarte la confianza de tus usuarios, rechaza la exageración. Amalio A. Rey - www.emotools.com
Jerga objetiva, menos comercial“Aunque te presionen para incluir múltiples eslóganes comerciales distintos en tu texto; tu lenguaje debe sonar más espartano, práctico y útil que nunca. NADA DE ADJETIVOS SALAMEROS Y ADVERBIOS GRASIENTOS. La gente aborrece ese tipo de material on-line, aún más que cuando lo ven en papel” (Jonathan Price) Amalio A. Rey - www.emotools.com
El lenguaje comercial La gente reacciona con furia cuando se encuentra unanuncio comercial en medio del camino hacia el conocimiento JONATHAN PRICE Amalio A. Rey - www.emotools.com
Ejemplos de exageración verbal (1) ANTES: VERBORREA DESPUÉS: SOBRIEDAD “Como primer proveedor mundial de “Si desea hacer promoción de productos servicios de e-mailing para la industria de de belleza para consumidores, propietariosbelleza, estamos sumamente orgullosos de de balnearios o personal de boutiques de ofrecerle la creación más imaginativa y el belleza a través de e-mail, permítanosmás rápido reparto de mensajes de e-mail ayudarle mediante la creación y envío de altamente específicos dirigidos a mensajes personalizados”consumidores, propietarios de balnearios y personal de boutiques de belleza” = 33 PALABRAS = 45 PALABRAS Amalio A. Rey - www.emotools.com
Ejemplos de exageración verbal (2) ANTES: VERBORREA DESPUÉS: SOBRIEDAD“Bienvenido al increíblemente útil “La barra FormFiller le ahorra tiempo,FormFiller, con el revolucionario algoritmo rellenando los formularios por usted.de cumplimentación de formularios para Es sencilla. No necesita escribir una yusted. Se acabó el escribir la misma otra vez la misma informacióndirección una y otra vez. FormFiller es Es rápida. Introduzca la información unaexactamente así de fácil. Usted hace clic vez, y en adelante FormFiller lo hará poruna vez, y el formulario es rellenado con usted. Un clic, y el formulario quedasu información. Nuestro software de relleno.reconocimiento de primerísima calidad leeel formulario y averigua qué información Es segura. Su información personal estádebe ir en cada lugar, la introduce y a salvo en su propio ordenador, codificadapresiona Intro, de modo que el formulario para que ninguna otra persona puedase publica a toda velocidad. Y es leerla”.superseguro, puesto que su informaciónpersonal reside en su propio ordenador, = 65 PALABRAScodificada de forma que ninguna otra (35% menos y se entiende mejor)persona puede leerla” = 101 PALABRAS Amalio A. Rey - www.emotools.com
Otro ejemplo de mimetismo (1)En una revisión de las notas de prensa electrónicasdistribuidas a través de los departamentos derelaciones públicas de varias empresas, GABLEGROUP encontró una nueva “solución” cada ochominutos, y más de la mitad de las empresasreclamaban ser “proveedores líderes” sin pruebaspara apoyarlo. Eliminando nombres de empresashasta quedarse con once (de las cuales nueveproclamaban ser “líderes del mercado”), estaempresa pidió a un cliente que identificara quéempresa era cada una. Amalio A. Rey - www.emotools.com
Otro ejemplo de mimetismo (2)... Distinguió solo una de las once, llegando a pasar por alto la nota de su propia compañía. Esto sí que es escritura genérica. Diez de aquellos redactores habían adoptado los mismos clichés, y pretendían trabajar para la misma superpotencia imaginaria, olvidándose de ellos mismos (Tomado de Jonathan Price- “Texto Vivo”) Amalio A. Rey - www.emotools.com
BLA, BLA, BLA....Gran parte del discurso innecesario es del tipo de escritura publicitaria de felicitación a uno mismo (o a la propia empresa) que se suele encontrar en los folletos mal escritos. A diferencia de los buenos folletos publicitarios, el discurso innecesario carece de información práctica y está enfocado al elogio de lo buenos que somos en lugar de definir QUÉ NOS HACE TAN BUENOS STEVE KRUG- “No me hagas pensar” Amalio A. Rey - www.emotools.com
Tablas en lugar de textos llenos de números (1)Como dice Edward Tufte:“La oración convencional es un medio muy pobre para mostrar más de dos cantidades o números, porque impide la comparación entre datos” En estos casos, es mucho mejor presentar TABLAS o GRÁFICOS. Amalio A. Rey - www.emotools.com
Mal ejemplo: mejor tabla o gráfico“El acero para automóviles creció de las 13.251.000 toneladas en 1990. a 18.252.000 en 1995, y si se mantiene esta tendencia, descenderá a 13.130.000 para 1998, poniéndonos por debajo del mejor momento de 1990. De forma análoga, el acero para construcción se incrementó desde las 8.765.000 toneladas de 1990 a 10.735.000 en 1995,hundiéndose luego por debajo de los niveles de 1990según las estimaciones de 1998” (Tomado de “Texto Vivo”- Jonathan Price) Amalio A. Rey - www.emotools.com
Títulos significativos, autosuficientesEl título de un texto debe tener sentido fuera de la propia página, compitiendo con otros titulos donde pueda aparecer en otro contexto de búsquedas. Debe incluir suficientes palabras como para resultar autosuficiente y adquirir sentido propio en cualquier lugar donde pueda aparecer. Amalio A. Rey - www.emotools.com
Ejemplos de títulos ANTES DESPUÉS “INTRODUCCIÓN” “eMOTools. INTRODUCCIÓN TÉCNICA”“SU SITIO WEB GEOPHYS: MANUAL: “CALIBRAR UN GPS. MANUAL DE SU APRENDER A CALIBRAR UN GPS” SITIO WEB GEOPHYS” Amalio A. Rey - www.emotools.com
Utiliza el mismo título en todas partesEL TITULO ES CRUCIAL. Nada de hacerse el creativo aquí. No escribas varias versiones de títulos para el mismo artículo, pues eso confunde al visitante. Respeta el título, palabra por palabra, en todas sus ubicaciones. Si el usuario hace clic en un título, el contenido que aparezca debe contener el mismo título. Amalio A. Rey - www.emotools.com
Utiliza más títulos y encabezados... Como norma general, introduce más encabezados y subtítulos de los que utilizarías sobre papel. Divide los artículos en dos o tres niveles de encabezados. Los visitantes pasarán rápidamente sobre los títulos para obtener una idea de modo en que se ha organizado la página y la esencia de los temas que trata el artículo. Los encabezados y subtítulos ayudan a “absorber” la estructura sin mucho esfuerzo, y lo que es más importante, recordarla. Amalio A. Rey - www.emotools.com
Resaltar palabras y frases: principales reglas (1) Resaltar una palabra o frase ayuda mucho a la comprensión de un texto digital Utiliza las negritas como método principal para resaltar ideas Si quieres utilizar el color para destacar texto, utiliza solo uno No uses cursiva, queda temblorosa en pantalla Amalio A. Rey - www.emotools.com
Resaltar palabras y frases: principales reglas (2) Las letras MAYÚSCULAS dificultan la lectura Los enlaces destacados deberían, siempre que se pueda, ir al final (o al inicio) de la oración, para que no rompan la sintaxis y la comprensión. No abuses de las negritas. Una o dos por párrafo es suficiente (incluyendo los enlaces) Amalio A. Rey - www.emotools.com
Ejemplo: el enlace al final... ANTES DESPUÉSPuede personalizar su pagina de Puede personalizar el centro de su paginabienvenida haciendo clic sobre el botón de bienvenida añadiendo titulares para suPersonalizar en la zona superior zona de los productos que elija. Soloderecha, e introduciendo a continuación su necesita comunicarnos su código postal ycódigo postal y productos favoritos. De sus productos preferidos ¿Preparado paraese modo recibirá titulares de su zona con personalizar?los últimos precios. Esta informaciónpersonalizada aparece en el centro de lapágina. Amalio A. Rey - www.emotools.com
Organizar los textos con bulletsSi tienes un texto enumerando varios temas, intenta convertirlo en unlistado de bullets, para facilitar que los usuarios le pasen por encima con facilidad Amalio A. Rey - www.emotools.com
Ejemplo: Uso de bullets ANTES DESPUÉSUn puente conecta dos redes de área local Un puente conecta dos redes de área local(LAN). El puente une físicamente (LAN). El puente une físicamentesegmentos de LAN separados, como por segmentos de LAN, como por ejemplo, dosejemplo, dos cables Ethernet. Ofrecemos cables Ethernet. Ofrecemos cuatro tiposcuatro tipos principales de puente: principales de puente:transparente (favorece la trasmisión a más Transparente- favorece la trasmisiónalta velocidad), encapsulado (más indicado a más alta velocidadpara la creación de bucles de datos), de Encapsulado- más indicado para latransferencia (para la compartición de creación de bucles de datosdatos hiperseguros) y enrutador de fuente(especial para fuentes bipolares) De transferencia- para la compartición de datos hiperseguros Enrutador de fuente- especial para fuentes bipolares Amalio A. Rey - www.emotools.com
Síntesis y profundidad: se consigue con los enlaces Plantea solo las ideas clave en tu página. Luego, para satisfacer otras necesidades de determinadas audiencias, proporciona enlaces. “La combinación de resúmenes concisos y detalles cuantiosos es una de las formas en la que un documento web puede ser mucho mejor que uno en papel” BRICKLIN (1998) Amalio A. Rey - www.emotools.com
Conecta los párrafos con términos de enlaceMientras avanzas de una frase a otra, oentre párrafos, conecta las ideas entre sí conenlaces del tipo:“Además”, “Por lo tanto”, “A continuación”“Por ejemplo”, “Asimismo”, “En resumen”“Por otra parte”, “En otras palabras” Amalio A. Rey - www.emotools.com
Evita la “sustantivación” Si te empeñas en convertir acciones en cosas, la prosa se vuelve espesa. No conviertas verbos en sustantivos (con ello lo que haces es extender el tamaño de la palabra innecesariamente) Amalio A. Rey - www.emotools.com
Ejemplos de “sustantivación” ANTES DESPUÉSNuestra sugerencia general es que su Le sugerimos que defina el objetivo condefinición del objetivo debería tener más precisiónprobablemente una mayor precisiónPor favor, en el momento de la recepción Por favor, cuando reciba nuestro productode nuestro producto, realice una revisión revise el contenido de la cajadel contenido de la cajaExiste una necesidad para la evaluación Cada año debemos evaluar tanto el aguaanual tanto de agua no tratada como tratada como la no tratada paratratada para una determinación de los determinar el nivel de contaminantes.niveles de contaminantesLa intención del equipo de proyecto de Nuestro equipo de proyecto intentadesarrollo del sitio es cumplir con la fecha cumplir con la fecha limite para la pruebalimite para la prueba Beta, incluso si eso Beta, aunque debamos reducir algunassignifica la eliminación de algunas característicascaracterísticas Amalio A. Rey - www.emotools.com
Por favor, sé consecuente con los términos ADOPTA UN VOCABULARIO CONTROLADO, una lista de términos lógica y coherente. ¿Cómo van a seguir los usuarios un proceso si les cambias la terminología, si ahora llamas a algo “pantalla” y la próxima vez “ventana”? O si para hablar de un instrumento empleas la palabra “pluma”, y después comienzas a referirte a la misma cosa como “estilográfica”. Amalio A. Rey - www.emotools.com
Usa sentencias afirmativas. Huye de las negativas Las sentencias negativas retrasan la lectura. Cuando el usuario se enfrenta a una oración negativa, tiene que traducirla a positiva para entender su significado. “Cuando el lector tiene que hacer una inversión lógica, como cuando traduce la sentencia „el interruptor no está apagado‟ para convertirlo en „el interruptor está encendido‟, la comprensión se resiente” (SIMPSON Y CASEY, 1998) Amalio A. Rey - www.emotools.com
Ejemplos de uso de sentencias negativas... EN NEGATIVO EN POSITIVONo muchos PocosNo el mismo DistintoNo lo bastante sólido DébilNo recordado OlvidadoEl formulario de cancelación no ha sido El formulario de cancelación ha sidoaceptado por el servidor. Por favor, no denegado por el servidor. Inténteloreintente por ahora a no ser que el texto nuevamente solo cuando se haya borradoen los campos marcados con flechas rojas el texto en los campos marcados conhaya sido borrado flechas rojasLas devoluciones no deben ser enviadas a Puede enviar las devoluciones solo si elno ser que un procedimiento de procedimiento de cancelación ha sidocancelación haya sido rechazado aprobado. Amalio A. Rey - www.emotools.com
¡¡MUCHAS GRACIAS!!Si quieres seguir profundizando en este tema, te invito a que visites estas web: www.emotools.com www.amaliorey.com En TWITTER
