webmaster.com.mx
 

 
webmaster.com.mx

webmaster.com.mx

webmaster.com.mx

Cómo preparar contenidos para sitios web

Resumen

Se describen los principales aspectos a cuidar en la preparación de páginas web

Guarde este esquema y llene uno para cada página de su sitio.

Introducción Contenidos Los visitantes
la página de inicio o home page Los caminos en el sitio Escribiendo información, no documentos
El uso de documentos PDF Enfóquese en los mensajes principales Diseñe las páginas para que sean fáciles de usar
Ajustando las cláusulas y oraciones Usando listas y tablas Empleo de encabezados
Uso efectivo de ilustraciones Ligas útiles Del borrador a la página final

 

Introducción

sube

Las personas entran a sitios web a buscar contenidos que piensan o esperan que estén ahí. Buscan información que:

  • Les ayude a responder preguntas
  • Sea fácil de encontrar y de entender
  • Sea precisa y actualizada

En los sitios web información es igual a contenido. La mayor parte de la gente está muy ocupada o con mucha prisa y sólo lee tanto como necesita para satisfacer el objetivo que le llevó a Internet.

Los usuarios no leen las páginas completas, sino que las “hojean”, prefieren descripciones cortas, resultados concretos, redacción concisa y palabras sencillas. Los visitantes no gustan de leer en Internet, para leer prefieren un libro o una revista. Leen en Internet porque no tienen otro remedio. Si en una página no encuentran rápidamente lo que buscan, la dejan y van a otra.

Así entonces, para atender a los visitantes conviene que el sitio web:

  • Sea como una conversación muy enfocada
  • Responda a preguntas de los visitantes
  • Descomponga los grandes temas en partes simples para diferentes usuarios, en diferentes temas y preguntas, para que respondan a las diferentes necesidades del público. Así tomarán lo que buscan y continuarán con su siguiente pregunta o tarea.
  • Deje que el público satisfaga sus inquietudes y se vaya.

Contenidos

sube
  • La gente entra a sitios web para satisfacer objetivos, hacer tareas y obtener respuestas a sus preguntas.
  • Ingresan buscando información, que está en el contenido
  • No leen mucho, especialmente antes de encontrar la página que tiene la información que buscan
  • Aun en las páginas que tienen la información que buscan, primero la ojean y luego la leen
  • El público sólo desea leer lo indispensable para satisfacer sus necesidades
  • Piense en la web como una conversación con una persona con prisa
  • Responda las preguntas del público, por medio del contenido, no sólo en las secciones llamadas FAQ
  • Escriba de modo que la gente con prisa pueda tomar la información que necesita y continúe con sus ocupaciones
  • Descomponga los grandes temas en partes simples para diferentes usuarios, en diferentes temas y preguntas, para que respondan a las diferentes necesidades del público. Así tomarán lo que buscan y continuarán con su siguiente pregunta o tarea.
  • Comience con una prueba de usabilidad. Pruebe desde el principio, seguido, en pequeña escala e iterativamente

Los visitantes

sube
  • Para crear un sitio web que comunique bien, uno debe pensar en las personas con la que se va a comunicar. Entender a la audiencia y sus necesidades es crítico para decidir qué escribir, cuánto escribir, el vocabulario a emplear y cómo organizar el contenido del sitio
  • Escriba considerando que las personas interpretan conforme van leyendo, no esperan a tener un panorama completo para pensar. Si sabemos quiénes son las personas que ingresan, cuales son sus objetivos al visitar el sitio, qué preguntas desean resolver, qué tareas están realizando y sus expectativas, podremos seleccionar cómo escribir y organizar el contenido.
  • Si desarrolla el contenido pensando en su audiencia, trabajará con base en suposiciones. Si éstas están mal entonces su trabajo estará mal. Nada substituye al conocimiento.
  • Pasos para entender a su audiencia:
    • Enliste sus mayores audiencias
    • Obtenga información sobre ellas
    • Enliste las principales características de cada audiencia. Como: palabras clave, frases,  emociones, experiencia, conocimiento experto, valores, tecnología, entorno social y cultural, características demográficas.
    • Obtenga las preguntas, tareas y situaciones de cada audiencia
    • Con esta información cree “personas” imaginarias que las representan
    • En la persona incluya  los objetivos y tareas que le corresponden
    • Use esta información para redactar una “conversación” con la persona hipotética por medio del sitio Internet.
  • Con esta información construya escenarios para el sitio
    • Los escenarios le dirán las conversaciones que las personas desean comenzar
    • Todo el contenido del sitio debe estar relacionado con al menos un escenario
    • Con los escenarios el contenido se desarrolla más fácilmente
  • Así, será más sencillo:
    • Enfocarse en qué es importante para los visitantes
    • Escribir en las palabras de los visitantes
    • Crear el camino para que resuelvan sus preguntas y completen sus tareas

Página de inicio o Home Page

sube
  • No espere que la gente lea mucho en la página de inicio
  • Una buena página  de inicio indica de inmediato de qué trata el sitio
  • Haga obvia la identidad del sitio y su marca con unas cuantas palabras
  • Fije el tono y personalidad del sitio con su selección de estilo visual, colores, tipografía, redacción y palabras
  • Muy pocas personas leen la misión, visión, valores, etc.  cuando están en la página de inicio
  • Las páginas de inicio más útiles tienen descripciones cortas y  ligas para ir a los temas que abarca el sitio
  • Permite que la gente se aboque a sus tareas de inmediato
  • Ponga las formas en la parte alta y que sean visibles aun en pantallas pequeñas
  • No haga que los visitantes llenen formas que no desean llenar
  • El sitio se puede recorren siguiendo diferentes caminos.
    • Envíe a cada persona por el camino correcto de manera efectiva y eficiente.
    • Use las palabras de sus visitantes y describa bien claro a dónde lleva cada liga
  • Construya su sitio de modo que las páginas de más “afuera” mencionen los detalles que se encontrarán en las páginas de más “adentro”.
  • Haga los caminos de recorrido para cada objetivo que satisfaga

Los caminos en el sitio

sube
  • Los visitantes están en una misión o de cacería, tienen prisa. El camino que sigan en su sitio debe llevarlos exactamente a donde desean llegar
  • La gente no desea leer mucho mientras anda de cacería
  • Una página intermedia es como una tabla de contenidos
  • Algunas veces ayuda desplegar descripciones cortas
  • En las páginas intermedias omita el marketing porque los visitantes van de paso, déjelo para la página donde deben tomar decisiones de compra
  • Lo adecuado del camino es más importante que el número de clics necesarios para llegar a la meta.
    • No haga pensar a la gente, no desean detenerse a pensar y descubrir, desean llegar a la pagina de su interés rápida y eficientemente.
    • Haga que no necesiten el botón “atrás”
  • Muchas personas escogen la primera opción plausible
    • Piense cuidadosamente el orden en que presenta la información de las páginas intermedias
    • Ponga la información más importante y sus ligas en lo alto de la página
    • Ponga primero la liga u opción que desea que los visitantes seleccionen primero
  • Los visitantes llegan también al interior de su sitio
    • Haga que siempre se pueda ir a la página de  inicio desde cualquier página
    • Haga un menú suficientemente rico para poder ir a cualquier sección importante del sitio desde cualquier página interior

Escribiendo información, no documentos

sube
  • Seccione los documentos grandes en documentos pequeños
  • Piense en desplegar temas no capítulos de libros
  • Divida el contenido por:
    • Tiempo o secuencia
    • Tarea
    • Tipo de gente
    • Tipo de información
    • Preguntas frecuentes
  • Decida qué tanto poner en cada página considerando
    • Cuánto quiere conocer la gente en su primera visita
    • Qué tan relacionada está la información
    • Qué tan larga es la página
    • El tiempo de descargarla
    • Si los visitantes desearán o no imprimirla
    • Cuánto desearán imprimir

El uso de documentos PDF

sube
  • Los documentos en formato PDF se piensan más como un mecanismo de distribución de páginas impresas que como un medio de desplegar contenido web. Los documentos en formato PDF están optimizados para impresión, no para pantalla.
  • Use documentos PDF cuando el visitante desee tener reportes completos e información impresa
  • No se recomienda usar documentos en formato PDF cuando:
    • Los visitantes no desean todo el documento  
    • La gente sólo desea leer en la pantalla hasta encontrar su objetivo
    • Sus visitantes no están cómodos manejando archivos PDF o no saben como bajar documentos y el lector de documentos PDF
    • Sea importante que todo mundo pueda ver la información
  • En algunos casos la mejor solución es ofrecer ambas versiones de los documentos, la versión en HTML y la versión en PDF

Enfóquese en los mensajes principales

sube

Guía para enfocarse en los mensajes principales:

  • De a los visitantes sólo lo que ellos  necesiten
  • Corte, corte y corte contenidos
  • Sólo deje lo suficiente para que el texto sea claro
  • Comience con el asunto más importante, luego hable de la información de soporte y al final de la historia y antecedentes, si hacen falta
  • Elimine barreras de palabras
  • Realice su marketing dando información útil
  • Todos los sitios venden, productos o a sí mismos
  • La web es principalmente una tecnología donde los visitantes buscan qué ver. Diseñe su marketing de esta manera.
  • Haga su propuesta de marketing después de que el objetivo o búsqueda del visitante esté parcialmente satisfecho
  • Gradúe la información para ayudar a los usuarios:
    • De una descripción  breve siga a un artículo completo
    • De un artículo indique donde hay más información, en una página separada
    • De una parte de la página a una explicación corta
    • Haga un resumen de los documentos

Diseñe las páginas para que sean fáciles de usar

sube
  • Haga obvios los elementos de la página, use plantillas o alineamientos
  • Considere al sitio entero cuando planee el diseño
    • Planee un diseño consistente en todo el sitio
    • Entienda el proceso que se sigue desde la planeación hasta el lanzamiento
    • Integre contenido y diseño desde el principio
  • Trabaje con plantillas
  • Use el espacio de forma efectiva. Mantenga espacio activo en el contenido
    • Entienda la diferencia entre el espacio activo;espacio entre contenidos; y espacio pasivo; el espacio que rodea la página
    • En la web se usa el espacio activo
  • Cuide de no tener falsos pies de páginas con líneas o bloques de color
  • No deje que los encabezados floten muy por encima de los textos
  • Use una fuente sin patines, sans serif, como default. Para leer en la pantalla las personas prefieren las fuentes sin patines
  • Piense con amplitud en los visitantes y sus situaciones respecto del tamaño del tipo de letra
    • Ponga el tamaño default suficientemente grande como para que todas las personas  puedan leer sus páginas
    • Ajuste el contenido de modo que el mensaje quepa en el espacio destinado empleando el tipo de letra default
    • Si es posible, permita que los visitantes escojan el tamaño de letra
    • Ajuste los textos, no las áreas donde van
  • Use una distribución fluida con una longitud de líneas mediana
  • No escriba todo en mayúsculas
  • No subraye nada, excepto las ligas. Use letra en itálica con moderación
  • Diseñe un buen contraste entre el texto y el fondo
    • Fije un  fondo claro para que el texto obscuro sea legible
    • Viceversa
    • Use con moderación texto claro sobre fondo obscuro porque es más difícil de leer
  • Piense acerca de todos su visitantes al escoger colores
    • Considere el significado cultural y social de los colores
    • Revise que sus colores son compatibles con usuarios con daltonismo u otro tipo de ceguera al color
    • No dependa de los colores para hacer decisiones

Ajustando las cláusulas u oraciones

sube
  • Escribir de modo informativo es diferente de escribir aburrido
  • Platique con los visitantes del sitio
    • Sea consistente, no mezcle la voz tu con usted, siempre hable con la misma persona
    • Use los pronombres o nombres adecuados para referirse a otras personas
    • En las instrucciones use el modo imperativo
    • Cuide la redacción de conciencia de género para no aburrir con el o ella o ellos o ellas. Desde el inicio indique si habla a ambos géneros o sólo a uno.
  • Muestre que usted es una persona y que su organización está formada por personas
    • Si está exponiendo su opinión, emplee la primera persona del singular, yo
    • Si escribe sus propios artículos es correcto emplear yo
    • Cuando habla por la organización emplee nosotros
    • También adecuado llamar a la organización por su nombre
    • Para preguntas y respuestas use yo, tu o usted o nosotros para referirse a usted, al visitante y a la organización.
  • Redacte en voz activa
  • Escriba oraciones cortas y concretas
    • Las oraciones muy cortas también son correctas
    • Los fragmentos de textos, citas,  explícitamente separados también pueden comunicar su mensaje
    • Aun en textos formales los visitantes de su sitio necesitan oraciones de fácil comprensión
  • Elimine las palabras innecesarias, elimine el rollo
  • La información extra póngala en su propio apartado
  • Escriba párrafos cortos, de una o dos oraciones
  • En la web también es correcto tener párrafos de una sola oración.
  • Para sintetizar emplee listas y tablas, no párrafos
  • Comience por el contexto, lo más importante al principio, lo segundo, en segundo lugar, etc.
  • Ponga la acción en los verbos, no en los sujetos
  • Emplee el vocabulario de sus visitantes
    • Las palabras cortas y comunes se leen más rápido que las menos familiares
    • Considere la amplitud de la audiencia del sitio, expertos y novatos
  • Aplique todas sus preferencias de estilo juntas y a todo su contenido
  • Mantenga actualizadas sus páginas
  • Cuando las actualice conserve el estilo de escribir para la web, sea consistente con el resto del sitio
  • Cuando haga las páginas del sitio más claras, prepare también las preguntas y respuestas que los visitantes pueden necesitar

Usando listas y tablas

sube

Listas no numeradas

  • Use listas para presentar información de manera fácil de comprender y retener
  • Prefiera listas cortas
    • Para listas de contenidos especializados agrupe de  5 a 10 elementos
    • Para los contenidos generales, las listas puedes ser largas
  • Aplique un formato de modo que sean fácilmente localizables y leídas
  • Elimine el espacio entre la introducción y la lista, hágalos un solo bloque
  • Separe del cuerpo del texto las listas largas
  • Arregle los renglones uno debajo del otro, separados del bullet
  • Use los bullets adecuados a la personalidad del sitio
    • Platique son sus compañeros para establecer el tipo de bullets
    • No haga los bullets tan sofisticados que los visitantes puedan pensar que tienen otro significado

Listas numeradas

  • Para instrucciones, use listas numeradas
  • Los diferentes párrafos se vuelven pasos
  • Descomponga instrucciones complejas en conjuntos de pasos
  • Mantenga similar la estructura de sus oraciones
  • No numere los elementos de la lista a menos que sean pasos

Tablas

  • Use las tablas para comparar cantidades
  • Use tablas para series de si … entonces …
  • Piense en tablas como respuestas a preguntas
  • Seleccione cuidadosamente la columna izquierda de las tablas
  • Haga tablas sencillas
  • Formatee las tablas de modo que los visitantes se enfoquen en el contenido, no en las líneas
    • No ponga líneas gruesas en el cuerpo de la tabla
    • No centre los contenidos de una tabla, se lee mejor todo a la izquierda

Empleo de encabezados

sube
  • Fragmente su texto con encabezados
    • Los encabezados ayudan al visitante a encontrar lo que le interesa
    • Pensar en términos de encabezados facilita la redacción de las páginas
  • No agregue encabezados sin adecuar el contenido
  • Comience por resaltar el contenido con encabezados
  • Ponga preguntas como encabezados cuando los visitantes vienen con preguntas
    • Piense que es una conversación. Haga la pregunta desde el punto de vista del visitante
    • Redacte las preguntas en pocas palabras
    • Para ayudar al visitante a encontrar lo que busca incluya palabras clave en los encabezados
  • A los encabezados les siguen de mensajes clave
  • Para instrucciones emplee encabezados que indican el objetivo
  • En los encabezados use nombres para descripciones
  • Emplee el vocabulario de sus visitantes en los encabezados
  • No emplee muchos niveles de encabezados, por lo común bastan dos niveles
  • Haga obvios los niveles de encabezados
  • Emplee diferencias de color y tamaño de letra para diferencias los encabezados y el texto
  • Ayude al visitante a encontrar el tópico que busca con ligas en la misma página
    • Ponga el bloque de ligas en la misma página justo debajo del título
    • No mezcle ligas a otras páginas con las ligas a la misma página.
    • No ponga las ligas a la misma página junto a la barra de navegación
    • Ligue los encabezados
  • Evalúe, lea los encabezados para comprobar el buen orden e hilación

Uso efectivo de ilustraciones

sube

Las ilustraciones sirven para diferentes objetivos, como:

  • Imágenes del objeto en cuestión
  • Ilustrar un concepto
  • Gráfica o mapa de variables
  • Evocar una respuesta emocional o fijar un ambiente

Para las imágenes de objetos

  • Piense en los aspectos que los visitantes desean ver
  • Asegúrese de que las palabras coinciden con lo que se ve
  • Emplee imágenes de buena calidad
  • Piense en otros usos de las imágenes para ayudar a su visitante
  • Ayudan a relacionar la información con especificaciones en formas de pedido o contacto
  • Evalúe la conveniencia de ligar la imagen con otra información
  • Use imágenes para ilustrar conceptos o procesos, comparar tamaños y ayudar al visitante a comprender las dimensiones

Para gráficas y mapas

  • Considere combinar mapas con listas
  • Hágalas simples. Permita a los visitantes escoger cómo la desean ver, como pie, barras, líneas, bloques, etc
  • Incluya un título para las gráficas
  • Siga su estilo para escribir reportes

Para imágenes de ambiente

  • Asegúrese de que las  imágenes evocan el ambiente que desea
  • Considere el significado e interpretación para cada región de su audiencia

En general

  • No haga que los visitantes descifren la imagen o el mensaje que desea comunicar
  • Defina el tamaño apropiado
    • Asegúrese de que las imágenes pequeñas son nítidas
    • Las imágenes no deben arrinconar al contenido de texto
  • Use ilustraciones para apoyar al contenido, no oculte contenido en ilustraciones
  • En imágenes de personas incluya diversidad racial
    • Para representar su organización incluya la diversidad real de la misma
    • Para representar a su audiencia, piense en una diversidad más amplia, deben caber todos
    • Verifique sus suposiciones
  • Las ilustraciones no deben parecer anuncios comerciales
  • No sorprenda al visitante con ilustraciones estridentes
  • Evite ilustraciones tipo cintillo de noticias
  • No cambie de contenidos cuando el visitante está en la página
  • Si lo que desea es que el visitante resuelva su consulta evite animaciones de moscas, abejas, mariposas, etc. que pasan por la página porque lo distraen
  • Evalué  cuidadosamente el uso de animaciones
  • Use animaciones sólo cuando ayudan a comprender un proceso, no como show
  • No haga que los visitantes esperen
    • Las páginas de introducción desperdician el tiempo de los visitantes
    • El visitante se abruma al regresar al sitio y tener que esperar para recibir las misma bienvenida cada vez
    • Los visitantes prefieren tener el control de su experiencia y evitan las imposiciones
    • Los videos pueden ser barreras importantes para continuar visitas
  • Haga accesibles las ilustraciones
    • Incluya la descripción alterna, etiqueta alt, y describa el significado de la imagen
    • Para graficas puramente decorativas incluya una descripción alterna simple, como “bullet”, “flecha”, etc.

Ligas útiles

sube
  • Las ligas son para navegar, sólo emplee ligas con los nombres de productos o servicios si son el último destino de navegación
  • Repiense los títulos y encabezados cuando se usen para ligas
  • Anticipe. Empate los títulos de páginas con nombres de ligas
  • Sea tan explícito como pueda en el espacio de que disponga, si no es suficiente, haga más
  • Use frases de acción para ligas de acción
  • Use ligas descriptivas, aunque sean largas, funcionan mejor. Sólo ocasionalmente use ligas de una palabra
  • Si el visitante lo necesitara, agregue una descripción, o reescriba la liga
  • Haga claro el significado. Evite usar haga clic aquí o más
    • Nunca es necesaria la liga  haga clic aquí
    • Más, no indica qué se va a encontrar, no es clara
  • Coordine cuando tenga varias ligas de nombre similar
  • No embeba ligas si desea que las personas sigan en su página
    • Si los visitantes sólo están hojeando, ponga ligas
    • Pero si no desea que los visitantes salgan a mitad de su exposición, ponga las ligas antes o después de su texto
  • Si usa bullets con sus ligas, éstos también deben ser activos
  • Haga obvio cuales ligas ya se visitaron y cuales no
    • Use un color para ligas no visitadas
    • Use otro color para las ligas visitadas

Del borrador a la página final

sube
  • Piense en escribir para la web como un proceso de revisar borradores
  • Revise y edite su propio trabajo
    • Lea lo que escribe
    • Corte, corte, corte
    • Lea sus contenidos en voz alta
    • Use una guía de estilo y use diccionarios, manuales, etc.
    • Sí, use el corrector ortográfico, pero usted sabe que no es suficiente
  • Revise y edite en compañía de colegas
    • Pregunte si ven cuál es el mensaje clave
    • Haga que lean en voz alta lo que escribió
    • Muestre sus borradores
    • Obtenga realimentación
    • Armonice con sus colegas el estilo y tono de los contenidos del sitio
  • No ponga su ego en el proceso, guárdelo en un cajón
  • Si puede trabaje con un editor o especialista en redacción web
    • Haga que alguien, además de usted, tenga una vista panorámica
    • Haga que alguien le ayude a editar
  • Haga que las revisiones le ayuden a usted como a los visitantes
    • Planee buenas revisiones
      • Reúnase con los revisores desde el inicio del proyecto
      • Practique la política de no sorpresas
      • Ayude a sus revisores a entender la doctrina de escribir par la web
    • Obtenga información valiosa de los revisores
      • Avise a los revisores cuando cambie la agenda de revisiones
      • Envíe un anticipo a los revisores pocos días antes de la reunión
      • Hágales saber claramente sus expectativas
      • También sus necesidades específicas
    • Haga buen uso de las revisiones
      • No deje que su ego intervenga
      • No acepte cambios de modo automático
      • Reescriba para evitar malos entendidos
      • Persuada
      • Negocie
      • Indique a los revisores qué hizo y qué no hizo
dots
Características de un buen sitio
Suscripción al boletín de noticias

Dirección de email:

entrada | posicionamiento | hospedaje | diseño web | dominios | clientes | noticias | contacto

webmaster.com.mx

México, DF
Tel 55 5646 1034,    Fax 5646 0771      e-mail: info@webmaster.com.mx

 
preparada en 0.275 s | Diseño y Hospedaje por webmaster.com.mx | Condiciones de uso