Hace unos días estaba leyendo sobre usabilidad en el contenido. Es decir, cómo hacer para que nuestro contenido sea fácil de leer y que su estructura permita una mejor comprensión del texto. Recordemos que si un sitio web es difícil de usar, la gente lo abandona y si la información del sitio es difícil de leer o no responde las preguntas de los usuarios, estos abandonan el blog.
En este artículo te presento algunos puntos a considerar para la optimización de tu contenido y también factores a evaluar en cada post que desarrolles. Recuerda que tienes 2 tipos de usuarios que llegarán a tu blog el primero y más común es el que llega a través de buscadores y el segundo es asiduo lector de tu blog por afinidad con la temática y calidad del contenido.
Optimiza tu contenido:
Me refiero a la forma en la que presentas el contenido en tu blog, revisa que a parte de calidad de contenido la estructura y opciones en que lo presentas sean las adecuadas.
- Tamaño de la letra: asegura que tu contenido tenga un tamaño fácil de leer, un buen tamaño sería entre 9 y 16 píxeles.
- Tipografía: recuerda que los tipos de letras deben ser compatibles con los diferentes sistemas operativos o navegadores. Las más utilizadas son Verdana, Helvetica y Arial. Las fuentes “sans-serif” son las más utilizadas para la web.
- Ancho del texto: procura que el ancho del texto se encuentre entre los 500 a 700 pixeles y procura que sea fijo. Por ejemplo en este artículo estás leyendo en un ancho de 575 pixeles.
- Interlineado: ese permite que exista un espacio adecuado entre una línea de contenido y otra. Por ejemplo en este post se utiliza un interlineado line-height:1.6em (el valor que se use en line-height depende de la tipografía). Un interlineado incómodo por ejemplo sería el que utilizan en blogs.msdn.
- Formatos de lectura: recuerda que hay usuarios que les gusta imprimir los manuales, tutoriales o artículos. Procura brindar esa opción en tu contenido. También no te olvides de quienes leen a través de otros dispositivos móviles como iPhone y las descargas en PDF.
- Sidebars: son muy útiles para la navegación y sugerencias de contenido relacionado que le puede interesar al usuario. Procura brindar esa opción para facilitar el acceso.
- Contenido relacionado: utiliza links de referencia dentro del contenido a tu propio contenido. Esto permitirá que el usuario tenga acceso a más contenido del blog en relación a la temática.
10 puntos para evaluar en tu contenido
- Titulo adecuado: procura que sea descriptivo, llamativo e informativo.
- Uso de subtitulos: te ayudan a facilitar la lectura y desarrollo de puntos e ideas.
- Entrada o lead: es el primer párrafo que sintetiza el contenido del post.
- Redacción: clara, directa y concisa el uso de la primera persona es bastante funcional.
- Párrafos: con no más de 5 líneas y procura que tus oraciones no sean tan extensas.
- Desarrollo de puntos: la estructura debe definir los puntos a desarrollar.
- Referencias y links: deja claro el desarrollo de tus ideas y las referencias a otros usando links.
- Material de apoyo: utiliza elementos gráficos o audiovisuales para complementar el contenido.
- No engañes al lector: si tu título promete responder algo, hazlo sin tanto rodeo.
- Retroalimentación: motiva al lector a participar en la discusión.
Un gran cantidad de usuarios utilizan los buscadores con el fin de encontrar respuesta confiable a sus preguntas y contenido de calidad temático. Tu blog puede ser relevante en los buscadores si sabes cómo optimizar el contenido y hacerlo usable para el usuario que anda en busca de información confiable.
Como siempre tus entradas adquieren un gran valor entre los bloggers, sin duda lo tomare en cuenta.
Excelente post… lo tomare en cuenta la proxima vez que escriba (tanto para internet como para otra actividad, tus consejos son aplicables a ambos).
Saludos,
No estoy del todo de acuerdo con los puntos sobre la tipografía. O más bien creo que les faltó precisión. Aunque es importante considerar el tamaño, la familia tipográfica y el ancho de las líneas no creo que sea necesario dejarlo fijo.
Por ejemplo. Estoy de acuerdo en que deben de ser de buen tamaño, pero no deben ser fijas. Tal vez 12px de alto se vean bien en tu pantalla, pero un usuario con mayor resolución puede ver las letras ridículamente pequeñas. O viceversa, si tiene menor resolución las puede ver muy grandes. Si estableces el tamaño de la letra en ems (sobre todo para IE) el usuario va a poder cambiarlo sin problemas.
Igual en el ancho de la línea. No creo que dejar el ancho fijo sea lo mejor desde el punto de vista de la accesibilidad, en parte por la misma razón de arriba. Lo que se considera adecuado es un ancho de entre 60 y 80 caracteres, es decir, dependiendo del tamaño de la tipografía va a variar el ancho ideal de la línea. Esto lo puedes implementar usando diseño elástico (definiendo los tamaños de la letra y la línea en ems en vez de pixeles).
En diseños líquidos puedes especificar un ancho máximo y mínimo para la columna para evitar tener líneas demasiado largas o columnas demasiado delgadas.
Lo anterior queda un poco obsoleto porque hoy todos los navegadores modernos tienen una función de zoom que amplían toda la página en vez de sólo algunos elementos. Aún así no está de más considerar a quienes tienen navegadores más antiguos. Es parte de las condiciones de accesibilidad y usabilidad.
Sobre la familia tipográfica, lo importante es definir bien el stack de tipos a usar, siempre incluyendo una de las tipografías básicas y, además terminar con serif o sans-serif para que el navegador las use en caso de no encontrar ninguna otra.
De esa manera puedes usar cualquier tipografía a sabiendas que si no la encuentra el navegador usará otra familia aceptable sin afectar la legibilidad.
La razón por la que se usan tipos sans-serif en web es por la relativamente baja resolución de los monitores. Con el serif las letras se hacen más difíciles de leer. Pasa lo opuesto en material impreso, donde es preferible usar tipografías con serif. Eso también hay que tenerlo en cuenta cuando crees una hoja de estilos para impresión.
Creo que también faltó poner atención al uso de los colores: que sean contrastantes, no usar sólo color para transmitir información, y que los daltónicos los podamos distinguir
Muy intersante aportacion 😛
Lo siento Stephanie, este articulo ya lo has escrito varias veces…y ya casi no aporta nada nuevo.
Me alegra que sea de utilidad para ti. Saludos!
Creo que es un tema que aplica a varias actividades relacionadas con escribir. Gracias por el comentario!
Tus observaciones son muy acertadas, lo del color que mencionas sin duda es importante mencionarlo. Esto es lo que más disfruto de escribir, leer este tipo de comentarios tan elaborados, gracias por tu aporte. 😉
En serio? bueno, quizás en el próximo artículo aporte algo nuevo para ti. Gracias por seguir tan de cerca mi trabajo. Por cierto, interesante tu blog y su temática, un área que es de gran interés para mi, nos seguimos leyendo! 😉
Lamento no compartir la opinión de MRXLOZADA, soy un fiel lector de MDW desde hace relativamente poco tiempo y en todos los artículos que he leído tanto de Stephanie como de Christian y los demás miembros de este gran equipo me han sido de gran utilidad, siempre aportan algo nuevo, y ésta no es la excepción. Estoy apunto de iniciar un proyecto con amigos de la unversidad, en el cual involucra la creación de un blog, y gracias a la labor de este excelente equipo tengo base suficiente para iniciarlo con fuerza y sin ninguna preocupación…Gracias por tan buen artículo Stephanie, sigue así…Éxitos y adios
Sin duda unos consejos muy sencillos de aprender, pero difíciles de masterizar
Excelente! Muy buenos consejos, y más para alguien que no le haya del todo como yo. Espero un día poder tener buenos resultados. Y por ahí va mi duda o mas bien, me gustaría que leer acerca de la retroalimentación, que entres más a fondo o como lograr una buena participación en el blog.
Saludos!
Bueno, era una crítica constructiva, sigo el trabajo de Stephanie por que me es útil no sólo para mi blog, si no para mi trabajo, no me pierdo un articulo de ella, y éste ….bueno, talvez a @JoseTejada le parezca bueno porque es la primera vez que lo lee(y bajo ese parámetros si lo es) pero detodos modos soy seguidor de los pasos de @Stephanie, porque es un ejemplo a seguir para mi.
@JoseTejada, me alegra que nuestro contenido sea de utilidad para ti, al final el propósito es compartir y aprender de ustedes.
Creo que las observaciones que hace @MRXLOZADA son válidas desde su perspectiva como lector asiduo que quiere más y agradezco sus comentarios, que sin duda tomaré en cuenta para seguir abordando más temas. Saludos a ambos! 😉
El tema que sugieres es muy interesante, hablar sobre la importancia de la retroalimentación y participación que desde mi perspectiva es parte fundamental de un artículo.
Sin comentarios no se completa el artículo y es lo divertido del blog, que permite someter a debate los temas desarrollados. Pensaré en artículo al respecto. Gracias por la idea! 😉
MRXLOZADA sé que tu crítica no era mala, sólo quise aclarar que no era del todo cierto que no había aportes en este artículo, tal vez sea cierto que no he leído todos los articulos de MDW ya que no me da el tiempo (por más que lo intento), pero de los que he ido leyendo siempre he sacado algo que no conocía y, como vuelvo a repetir, ésta no ha sido la excepción. Lamento cualquier mal entendido mi estimado amigo, y por cierto me he suscrito a tu blog que me parece una muy buena fuente de nueva información, espero poder seguir en contacto contigo :D. Hasta la próxima…
En “teoría” el interlineado debería de ser 140% del tamaño de la tipografía, es decir si tu tipografía es de 10px el interlineado podría ser de 14px, de esta manera el ojo puede leer mejor el contenido. Bueno, un tip muy básico que seguramente ustedes lo deben saber 😀
Saludos
Hey! gracias por el aporte, recuerda que no hay nada que no pueda ser modificado, porque cada uno tiene su propia teoría de cómo debe ser y lo importante es aplicar lo que mejor nos funcione. 😉
Buen articulo Stephanie. Tengo una semana que realize me propio sitio web. Y lo que haz hablado lo veo como fundamentales para crear un blog. Y es halgo que tuve conocimiento pero no me enfoque tanto en esos fundamentales porque quise crear halgo original y que representaba un poco de mi personalidad en mi blog. Pero son fundametales importantes.
Felicitaciones por tu blog y por poner en práctica los principios básicos. Nos seguimos leyendo! 😉
Me parece que este artículo da justo en el clavo con los puntos a tener en cuenta a la hora de crear un blog o una página similar.
Me sumo a lo que dice rb3m en cuanto a los colores.
Creo que todo lo demás está dicho.
¡Saludos!
[…] En varias ocasiones me han preguntado a qué me refiero con el uso del lenguaje claro, sencillo y directo. En este artículo daré algunos ejemplos para que tu contenido sea más accesible. […]
A pesar de que no soy un diseñador profesional, es muy buena la información de tu blog porque muchos no toman en cuenta esos detalles para crear una web, yo los voy a tener un poco más en cuenta porque al fin y al cabo el que importa es el lector, gracias.
[…] Usabilidad en el contenido de tu blog. [Maestros del Web] […]
[…] Usabilidad en el contenido de tu blog. [Maestros del Web] […]
vaya mierda de web